{"id":23984,"date":"2021-05-25T22:56:19","date_gmt":"2021-05-25T22:56:19","guid":{"rendered":"https:\/\/www.experfy.com\/blog\/?p=23984"},"modified":"2023-08-19T13:04:00","modified_gmt":"2023-08-19T13:04:00","slug":"ux-happines","status":"publish","type":"post","link":"https:\/\/www.experfy.com\/blog\/software-ux-ui\/ux-happines\/","title":{"rendered":"UX & Happiness"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

UX is more than the sum of UI components + design: the actual UI technology<\/a> is the final piece. Empathy is the starting point.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The UI is the interface to your site\/app\/product\/widget\/service. UI components can be well documented and well understood (APIs, documentation, etc.). But, the humans using the interface are neither well documented nor understood \u2013 there isn’t a standard Human API. Every individual visiting your site is different \u2013 they will perceive your site and messages differently, and also react differently. Even the same human user can respond very differently from one visit to the next, depending on their context.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Context for human users is largely associated with our emotional state \u2013 a good night’s sleep, low-stress-level life and personal events, and the reason for visiting your site in the first place. If you’re designing a site for luxury users, the messaging as well as the look and feel of your site will be different than if you are providing background checks for employment. In the first case, your users are likely to be at ease, and don’t have much at stake in what you provide. In the latter case, their financial and emotional well-being might be at stake!<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Thus, we must rely on showing empathy and considering the context of the user in order to help us design the user interface and deliver an effective user experience. An effective user experience will leave the user\/customer in a higher emotional state than they began with. If the user feels frustrated or blocked by the experience, they are unlikely to return, and even more unlikely to recommend your product\/service to others.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

UX doesn’t stop at the website. UX includes marketing collateral, sales<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Interactions, and above all, customer support. Together, these form the overall user experience \u2013 each touchpoint leaves a (potential) customer\/user in a certain emotional state. Disjointed and inconsistent experiences create a confusing set of emotions for your users. As humans, we are more likely to revisit experiences that elevate our emotional state rather than those that leave us confused or unfulfilled.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

## Introduction<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

UX is only one part of the overall customer experience<\/a> (CX). Their experience is the aggregation of all touchpoints that your customers have with your organization: ads, marketing, sales presentations and collateral, UI, and customer support. Although most of these are outside the scope of this present article, it is worth noting that an effective CX strategy must take an empathy-first approach. An effective UX strategy also must take an empathy-first approach.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

## Emotions are everything<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The difference between the two scenarios seems even greater when we consider the range of the end user’s emotional context. It is unlikely that a potential purchaser of a luxury car will be acting in haste. On the other hand, someone looking at mass transit schedules may well be in a haste to get to work, to get to the hospital to see a loved one, or to make it to a job interview on time. Any number of scenarios is likely.\u00a0\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The “happy path” would be a generic user looking to search for the right transit options. The “empathy path” demands that we consider the emotional state of that user. This is different from simply “getting out of their way”. Rather, it necessitates an understanding of the cognitive facilities of the human brain under different stress conditions. A person feeling hasty or worried or anxious needs clear, concise, and calm guidance to get to their goal. This means minimizing distractions and shortening the path to the goal. Calls to action must be very clear, and choices must be limited, so as not to overwhelm the user.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Consider fire alarms and fire extinguishers. Both are designed for an<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

emotionally-heightened user to be able to find a solution to their urgent, even life-threatening problem. The fire alarm’s lever-pull UI is the simplest. Under “normal” circumstances, the instructions and wording make it clear not to pull the lever, and also warn of the consequences (e.g., ink on hands). Under heightened circumstances, those consequences make no difference: the lever will be pulled and it will activate the alarm. In the case of a fire extinguisher (“break glass”) \u2013 again under normal circumstances \u2013 people are unlikely to randomly break the glass casing. However, under heightened circumstances, breaking the glass is a trivial task that is easily accomplished.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Emotions are everything,<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

## UI and HAPIness<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Unlike well-designed APIs, the human API (HAPI) is not well documented: human beings are not so easily understood or predicted. It can be hard to anticipate the exact predicament of all of your users, but some care must be taken in order to research<\/a> the empathy path of your users and customers.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Your app may not serve a life and death situation such as those discussed above, but it is still crucial to consider humans under heightened emotionally stressful situations, especially when your app is causing them emotions. The best customer support is provided by people who empathize with the caller and remain calm while moving toward a mutually beneficial solution. Similarly, the best app considers the user, and directs them through an emotionally appropriate and mutually beneficial experience. A happy user is your best marketing tool; after all, word-of-mouth advertising beats all other forms, bar none. Empathy is the way to begin decoding the human API and garner happy users.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

UX is more than the sum of UI components + design: the actual UI technology is the final piece. Empathy is the starting point. The UI is the interface to your site\/app\/product\/widget\/service. UI components can be well documented and well understood (APIs, documentation, etc.). But, the humans using the interface are neither well documented nor<\/p>\n","protected":false},"author":1158,"featured_media":23985,"comment_status":"open","ping_status":"open","sticky":false,"template":"single-post-2.php","format":"standard","meta":{"footnotes":""},"categories":[200],"tags":[1280,1182,490,1597],"ppma_author":[3671],"class_list":["post-23984","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software-ux-ui","tag-user-experience","tag-user-interface","tag-ux","tag-ux-ui"],"authors":[{"term_id":3671,"user_id":1158,"is_guest":0,"slug":"seemant-kulleen","display_name":"Seemant Kulleen","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/1a419f0b7e43bbc936e29d3ec3b27c4d53d06a1b35689e408147474b43153277?s=96&d=mm&r=g","author_category":"","user_url":"","last_name":"Kulleen","first_name":"Seemant","job_title":"","description":""}],"_links":{"self":[{"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/posts\/23984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/users\/1158"}],"replies":[{"embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/comments?post=23984"}],"version-history":[{"count":0,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/posts\/23984\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/media\/23985"}],"wp:attachment":[{"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/media?parent=23984"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/categories?post=23984"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/tags?post=23984"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/ppma_author?post=23984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}