{"id":3996,"date":"2016-10-22T12:47:51","date_gmt":"2016-10-22T11:47:51","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=3996"},"modified":"2020-09-03T12:53:34","modified_gmt":"2020-09-03T11:53:34","slug":"in-search-of-the-ultimate-user-experience","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/in-search-of-the-ultimate-user-experience\/","title":{"rendered":"In Search of the Ultimate User Experience"},"content":{"rendered":"<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Part I: Experience is everything<\/h2>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">The origin of imagination<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Around 70,000 years ago, Sapiens figuratively ate an apple from the Tree of Knowledge, and a mutation occurred that scientists still can\u2019t explain to this day. According to Yuval Noah Harari, author of <em>Sapiens: A Brief History of Humankind<\/em>, between 70,000 and 30,000 years ago, new ways of thinking and communicating suddenly propelled Homo Sapiens to the top of the food chain.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This \u2018mutation\u2019 led to the invention of boats, oil lamps, and the bow and arrow. The sewing needle enabled entire tribes to shed the fig leaf and stay warm during harsh winters. Spear technology (circa 45,000 B.C.) was useful for hunting and defense from predators. Shelter gradually improved and gave sanctuary from sabre-toothed tigers and those nasty <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.youtube.com\/watch?v=4r7wHMg5Yjg\" target=\"_blank\" rel=\"noopener noreferrer\">honey badgers<\/a> (wretched creatures). This period also saw the birth of religion and commerce.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">According to Harari, many archaeologists and researchers attribute these accomplishments to a revolution (or mutation) in Sapien\u2019s cognitive abilities. Specifically the unique ability to transmit information about things that <em>do not exist<\/em>.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"We evolved to the point that many people can no longer tell the difference between fantasy and reality.\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">That\u2019s right. The capacity to <em>make things up<\/em> not only accelerated our development, but fashioned the world in our image. Before the rise of this superpower, anthropologists speculate Sapiens could only communicate about things that were real\u2014like animals, trees, and immediate threats.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Sapien\u2019s \u2018creative gene\u2019 kickstarted the collective imagination and led to the birth of storytelling, tools, weapons, and the formation of new social structures. We evolved to the point that many people can no longer tell the difference between <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.larping.org\/larp-definition\/\" target=\"_blank\" rel=\"noopener noreferrer\">fantasy and reality<\/a>.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>Making things up<\/em> not only saved our species from extinction, but opened the spigots for a new world of makers and users.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Makers and users<\/h3>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"Makers make new things or make things better. And users use something that someone made.\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">There are two roles people take on when it comes to products and services\u2014either you\u2019re the <strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">maker<\/strong> or you\u2019re the <strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">user<\/strong>. Makers make <em>new<\/em> things or make things <em>better<\/em>. And users <em>use<\/em> something that someone made. Pretty simple, right?<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Initially, our species\u2019 survival depended on this relationship. But when survival is pretty much guaranteed, why would people continue to make more things?<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It\u2019s simple. Because we can always <em>improve<\/em>. It\u2019s as if there\u2019s a universal law that rejects <em>perfection<\/em>, making evolution the natural order of the universe. Perfection teases you like the distant horizon. You can walk toward it till your shoes fall off, but you\u2019ll never get there. Still, many makers commit to the journey of perfection\u2014knowing they\u2019ll never reach it.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"Perfection teases you like the distant horizon.\" <\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Besides, all this <em>making<\/em> and <em>using<\/em> over the centuries spawned new sets of problems. Solutions meant to solve critical issues of the day morphed into even bigger headaches later down the road. For makers, it\u2019s difficult to predict how someone will use any given product. How often are products misused or overused by users? The very definition of unintended consequences.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Take the wheel, for example. Sure, the wheel made transportation easier, but what if wheel technology ultimately results in non-stop pollution and uninhabitable environments? <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.abc.net.au\/news\/2016-02-09\/beijing%27s-air-quality-improving-but-not-without-cost\/7146360\" target=\"_blank\" rel=\"noopener noreferrer\">Take a look at Beijing<\/a>.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"For makers, it\u2019s difficult to predict how someone will use any given product.\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Still, inventions improved over time, and new tools enabled makers to produce things faster and with less effort. But advancements in technology don\u2019t always translate to a better world to live in.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><span class=\"long-quote\">\u201cWhen I am working on a problem I never think about beauty. I only think about how to solve the problem. But when I have finished, if the solution is not beautiful, I know it is wrong.\u201d \u2014Buckminster Fuller<\/span><\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">The empathy gap<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Maybe you heard some old-timer say, \u201cWe made things <em>better<\/em> back in my day.\u201d<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Thanks for the reminder, gramps. But it\u2019s helpful to understand <em>why<\/em> that is. Perhaps you made things better because you were less dependent on machines to finish the jobs for you. Or maybe you were better craftsmen and women. There could be a number of reasons.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">But we do know one contributing factor. Sometime during the Industrial Age (and well into the Information Age) the empathy gap between makers and users widened. In his book, <em>Wired to Care<\/em>, Dev Patnaik points this out.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><span class=\"long-quote\">\u201cFor all of the Industrial Revolution\u2019s wonderful impacts on the ability of the average person to go into business, it also created a giant rift between producers and consumers. Nearly overnight, we went from a world of face-to-face commercial transactions to a world that was simultaneously more connected and further apart.\u201d<\/span><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Opportunists ran after fast money, ignoring users along the way. While other makers focused on solving real problems for people, including themselves (makers often begin as their primary users). Digital technology disrupted markets to such an extent that a team of 13 people (Instagram) could take on a company of 6,500 (Kodak) and eat their lunch.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"Users aren\u2019t stuck with a single product or service anymore, and they know it.\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The spike in the total number of makers means that users have more options. Users aren\u2019t stuck with a single product or service anymore, and they know it. Today, makers have to rethink the entire process of building things just to remain competitive.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">For many, this means getting back to basics.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Everything\u2019s made up<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It\u2019s easy to forget in your day-to-day affairs, but it bears repeating: <em>everything\u2019s made up<\/em>. Well, everything except nature, obviously, and the known universe. Besides those things, humans created everything else.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Phones, computers, apps, and all technology\u2014made up. Companies, nonprofits, and the organizations that shape and move economies\u2014made up. Books are too, and all the ideas within them. The publishing companies, distributors, and Hollywood itself (turning all those books into movies)\u2014all made up.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><span class=\"long-quote\">\u201cEverything around you that you call life was made up by people that were no smarter than you. And you can change it, you can influence it\u2026 Once you learn that, you\u2019ll never be the same again.\u201d \u2014Steve Jobs<\/span><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It doesn\u2019t stop there. Policies, rules, laws, and the governments that enforce those laws\u2014all made up, too. Buildings, houses, streets, neighborhoods, communities, and cities everywhere are the product of zillions of people\u2019s ideas. You get the point.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If I were to sketch the miraculous process of <em>stuff-making<\/em>, it would look something like this:<\/p>\n<div id='gallery-1' class='gallery galleryid-3996 gallery-columns-1 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-idea-process.png'><img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"811\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-idea-process.png\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-idea-process.png 2000w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-idea-process-600x243.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-idea-process-768x311.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-idea-process-1500x608.png 1500w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The process of <em>stuff-making<\/em> has worked for millennia. As humanity evolves, so does this framework. This \u2018old way\u2019 still works, but it\u2019s missing a critical detail. Something that, until recently (say in the past 30 years), is emerging as the primary consideration when designing or building just about anything.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Someone\u2019s experience.<\/strong><\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Human-centered design<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">According to legendary designer Paul Rand, \u201cThe public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with.\u201d<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Brian Reed also chimed in, \u201cEverything\u2019s designed. Few things are designed well.\u201d<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">In The <em>Design Of Everyday Things<\/em>, Don Norman was one of the first to coin the term <em>user-centered design<\/em>, emphasizing the importance of putting experience first. In the early 1990s, Don headed a group at Apple that called itself the <em>User Experience Architect\u2019s Office<\/em>, one of the pioneers to apply \u2018user experience\u2019 in the digital world.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">In 2013, Don revised his seminal work, and \u2018pivots\u2019 to adopt the term human-centered design, or HCD, (who else but humans are we designing for, anyway?). IDEO, the internationally renowned design firm, founded shortly after Dan\u2019s book was released, also champions <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.ideo.com\/work\/human-centered-design-toolkit\/\" target=\"_blank\" rel=\"noopener noreferrer\">human-centered design principles<\/a>.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Brian Solis, author of <em>X: The Experience When Business Meets Design<\/em>, calls it \u201chuman-centered experience architecture.\u201d Fancy. In his recent blog post <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.briansolis.com\/2016\/02\/26-disruptive-tech-trends-2016-2018\/\" target=\"_blank\" rel=\"noopener noreferrer\">26 Disruptive Tech Trends for 2016-2018<\/a>, Solis names his number one most disruptive trend: \u201cExperiences are More Important Than Products.\u201d<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><span class=\"long-quote\">\u201cCustomer experiences become more important than products; companies now have to consider how products and services enhance specific lifestyles and workflows.\u201d<\/span><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Imagine that. Creating experiences is the next evolution of makers everywhere. Some makers like Disney understood this early on and continue to thrive, while others never caught on and went the way of the pterodactyl.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">With \u2018experience\u2019 in mind, the revised, how-we-make-stuff-now process would look more like this:<\/p>\n<div id='gallery-2' class='gallery galleryid-3996 gallery-columns-1 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/Experience-in-design.png'><img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"1157\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/Experience-in-design.png\" class=\"attachment-full size-full\" alt=\"experience-in-design\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/Experience-in-design.png 2000w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/Experience-in-design-600x347.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/Experience-in-design-768x444.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/Experience-in-design-1500x868.png 1500w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This subtle addition, prioritizing <em>problems to solve\/experiences to create<\/em>, as obvious as it seems now, forever alters how we make things and conduct business. <\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"It\u2019s not ubiquitous yet, but the trend of placing people and their experiences <em>first<\/em> is spreading fast.\"<\/p><\/span><\/blockquote>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">The human experience<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>Experience<\/em> gets more play in businesses and organizations, and has slowly creeped into <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.gov.uk\/service-manual\/user-centred-design\" target=\"_blank\" rel=\"noopener noreferrer\">government bureaucracy<\/a> as well. Traditional products and services aren\u2019t alone in getting the \u2018experience\u2019 treatment\u2014even <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.inc.com\/worlds-coolest-offices-2015.html\" target=\"_blank\" rel=\"noopener noreferrer\">the workplace<\/a> has gotten a makeover.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It\u2019s obvious, but I\u2019ll say it anyway.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\"><em>\"Everything<\/em> that\u2019s been designed has a corresponding <em>experience<\/em>.\" <\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Everything<\/strong>. Look around you. It\u2019s all designed, but whether those things produce the maximum experience for you is another question.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Everyday, you scale <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.simplypsychology.org\/maslow.html\" target=\"_blank\" rel=\"noopener noreferrer\">Maslow\u2019s Hierarchy<\/a>. Depending on where you are in life, you may be satisfied with things as they are, resting comfortably. Or maybe you\u2019re striving for a deeper, more fulfilling experience. Or maybe you need something to eat and a warm place to rest your head just to get through the day.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This is life.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Everyday, the products and services all around you act as rope, hooks, and picks to help you climb Maslow\u2019s mountain.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Make no mistake. <em>This<\/em> is the great opportunity that stands before makers\u2014the understanding that <em>products exist to enhance someone\u2019s life<\/em>.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"A product or service that\u2019s designed with a contextual view of someone\u2019s life will dominate the marketplace.\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The human experience trumps <em>everything<\/em>, and a product or service that\u2019s designed with a contextual view of someone\u2019s life will dominate the marketplace.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">For makers this means creating <em>desired<\/em> experiences through their products and services that users crave. But <em>user experience<\/em> always fits somewhere within the great context of one\u2019s life. This is key.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The human-centered design ethos is gaining momentum as context plays a greater role in the design of everyday things. So perhaps it\u2019s time to expand the idea of what a product is to reflect that shift.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">New products, new users<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Some entrepreneurs realize their workplace is a product. People spend most of their lives working, and this insight gave birth to the destination <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.huffingtonpost.com\/sarah-deane\/ux-designing-for-profit-a_b_6992598.html\" target=\"_blank\" rel=\"noopener noreferrer\">work experience<\/a>.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Employees <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.glassdoor.co.uk\/index.htm?countryRedirect=true\" target=\"_blank\" rel=\"noopener noreferrer\">review their workplace experiences<\/a> just like a product on Amazon. People rate and comment on former bosses, company culture, how things get done (or not), and whether they had a chance to grow professionally. Retaining and engaging quality talent remains a priority, so these reviews could potentially cost a company millions.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Cities and neighborhoods are also products with unique experiences. Cities promote their schools, parks, and low crime rates to woo would-be residents. Even mayors are getting in on the design act and adding a dash of UX love with <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.ted.com\/talks\/edi_rama_take_back_your_city_with_paint?language=en\" target=\"_blank\" rel=\"noopener noreferrer\">jaw-dropping results<\/a>.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Schools and universities are getting \u2018productized\u2019 too, as students share experiences of their <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.ratemyteachers.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">professors<\/a> and classes with other students.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">As the <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.informationisbeautiful.net\/visualizations\/the-internet-of-things-a-primer\/\" target=\"_blank\" rel=\"noopener noreferrer\">internet of things<\/a> (IoT) gains traction and seamlessly integrates with every aspect of our lives, the productization of everything will seem more obvious in the beginning. However, in the near future, IoT will make it harder to distinguish between everyday life and product interaction as design becomes more invisible to users.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"As the definition of a product evolves, so do its users.\" <\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The empowered consumer shapes a product\u2019s trajectory with reviews, online activism, customer feedback, and focus groups. The empowered user remains your traditional customer, but they\u2019re also your employees, a city\u2019s residents, and a political party\u2019s constituents.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Users are slowly realizing they have power to change these institutions. This happens with big companies (Taylor Swift and Apple), the toppling of dictators (hello, Arab Spring), and influencing how big government operates (<a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.fastcompany.com\/3046756\/obama-and-his-geeks\" target=\"_blank\" rel=\"noopener noreferrer\">Obama\u2019s geeks<\/a>).<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"Forward-thinking makers are collaborating with their power users more and more on mutually beneficial projects.\" <\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This exchange results in products and services that are not only relevant, but higher in quality.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The feedback loop between maker and user shortens each and every day, sometimes producing real-time <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/itscoffeeti.me\/the-art-of-getting-magical-feedback-aa0e48052564#.laet2rel7\" target=\"_blank\" rel=\"noopener noreferrer\">on the spot results<\/a>. Which begs the question\u2014<em>who\u2019s the real maker?<\/em><\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Part II: The HX<\/h2>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">The UX Spectrum<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Imagine that a product experience rests on some invisible UX Spectrum, like the one below:<\/p>\n<div id='gallery-3' class='gallery galleryid-3996 gallery-columns-1 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-user-experience-spectrum.png'><img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"811\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-user-experience-spectrum.png\" class=\"attachment-full size-full\" alt=\"the-user-experience-spectrum\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-user-experience-spectrum.png 2000w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-user-experience-spectrum-600x243.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-user-experience-spectrum-768x311.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-user-experience-spectrum-1500x608.png 1500w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">On one side of the UX Spectrum, we have SX (sucky experience or sh*tty, you decide). You know that experience, right? It makes you want to switch banks, exercise your Twitter power when your gym overcharges you again, or scream at your (once) favorite laptop as it eats your data away.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">On the other side of the UX Spectrum, we have HX (human experience). Because a more human experience means a product is some combination of useful, beneficial, convenient, fast, worthwhile, easy, entertaining, and memorable for a user.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"HX hooks every user because, in the end, there\u2019s one thing most humans want more than anything: To feel more alive\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The ultimate UX of a product <em>is<\/em> HX. It\u2019s the highest experience of what a product, company or organization, or brand can bring to its users. The HX hooks every user because, in the end, there\u2019s one thing most humans want more than anything:<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>To feel more alive.<\/em><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Think about it. Why do you check your phone so often? Perhaps you\u2019re excited to meet someone later. Maybe you need a break from the monotony of work, so you fire up a Youtube video that makes you lol.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It\u2019s not rocket science. We want to feel more significant, more connected to one another, and more purposeful in life. We also want to be entertained. We want life to be fun and enjoyable.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This is HX. It\u2019s the unspoken moonshot of every maker. It\u2019s what a user seeks in every product, even if they can\u2019t articulate it. Every review, comment, and completed survey informs how well you hit the mark or not. All that feedback helps a maker inch their product closer to being memorable, talked-about, and happily shared.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><span class=\"long-quote\">\u201cThe purpose of life is to live it, to taste experience to the utmost, to reach out eagerly and without fear for newer and richer experience.\u201d \u2014Eleanor Roosevelt<\/span><\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">HX planet<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">A better planet begins with better life experiences\u2014for everybody. However, a better life experience starts with a single person. But creating a better world begins with a single user who wants a solution to their problem\u2014and it starts with your product or service. If your product is worthy, it spreads\u2014first through communities (offline or online), then beyond borders to other countries and continents.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">HX products<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">To evaluate a product or service is a subjective effort. Everything depends on what the user perceives and experiences. Let\u2019s start with the UX Spectrum again:<\/p>\n<div id='gallery-4' class='gallery galleryid-3996 gallery-columns-1 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-user-experience-spectrum.png'><img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"811\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-user-experience-spectrum.png\" class=\"attachment-full size-full\" alt=\"the-user-experience-spectrum\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-user-experience-spectrum.png 2000w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-user-experience-spectrum-600x243.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-user-experience-spectrum-768x311.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-user-experience-spectrum-1500x608.png 1500w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Where a product falls on this spectrum depends on two simple scales:<\/p>\n<div id='gallery-5' class='gallery galleryid-3996 gallery-columns-1 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-human-experience-spectrum.png'><img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"811\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-human-experience-spectrum.png\" class=\"attachment-full size-full\" alt=\"the-human-experience-spectrum\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-human-experience-spectrum.png 2000w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-human-experience-spectrum-600x243.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-human-experience-spectrum-768x311.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/The-human-experience-spectrum-1500x608.png 1500w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Let\u2019s begin with utility. How useful is a given product? Does it solve a problem or offer an alternative solution that brings the user more value? How frequently is it used? Is it difficult or easy to apply? Is it simple to understand? Does it solve the problem quickly or slowly, in comparison to similar products?<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">For example, designing a user interface a certain way could make total sense to the designer, but what if the user thinks it\u2019s useless, unusable, or slow? Utility is mandatory.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If a product passes the utility test, then it will elicit an appropriate emotional response. How does it make you feel? Do you feel wonder or confusion? Are you inspired or afraid? Are you relieved or sad? Are you confident or embarrassed? Or do you feel nothing? Neutral?<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Products always leave experience in their wake\u2014some are forgettable and others more memorable, even if they\u2019re negative (the worst kind of memorable). Forgettable experiences are forgotten products.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Utility and emotion are simple measures to evaluate any product on. Their combined total ends up somewhere on the UX Spectrum.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Consider everyday products.<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Shoes<\/li>\n<li>Pen and paper<\/li>\n<li>Books<\/li>\n<li>Laptops and phones<\/li>\n<li>Subway or metro systems<\/li>\n<li>Facebook or LinkedIn<\/li>\n<li>A chair<\/li>\n<\/ul>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">A chair may have high utility, but a low emotional experience, unless you\u2019re sitting in a <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.hermanmiller.com\/about-us\/who-is-herman-miller.html\" target=\"_blank\" rel=\"noopener noreferrer\">Herman Miller<\/a>. You think a pen is a pen? Some pen connoisseurs argue that Jetstream makes <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/thewirecutter.com\/reviews\/the-best-pen\/\" target=\"_blank\" rel=\"noopener noreferrer\">the best pen<\/a> for everyday use.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">As makers build better products and tell better stories, they continue to challenge the traditional notion of what everyday products can <em>be<\/em>. Though products are one way to impact people\u2019s lives, the HX organization has the potential for even greater influence, thus making it the ultimate design challenge for makers.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">HX organizations<\/h3>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"We can create a better world <em>faster<\/em> with collaboration, open communication, exposure to feedback & criticism.\" <\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Organizations play an important role in how people experience life, positively or negatively, because they are collaborative by nature and concentrate power and resources to get things done.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Makers understandably apply the user experience concept within their organizations. It\u2019s a logical progression. An employee is arguably just as important as the customer. Sure, without a customer, you don\u2019t have a business, but without a dedicated, working employee, you don\u2019t have scale or repeat business. Today, effective leaders are learning to engage and retain workers.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">There are two primary strategies for doing that:<\/p>\n<ol class=\"pageWrap pageWrap--s list list--ordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Develop a strong workplace culture<\/li>\n<li>Get mission-driven<\/li>\n<\/ol>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Workplace culture<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The first place to start is right under your nose. Without a strong workplace culture, your organization is a revolving door of talent. Even worse, disgruntled staff will stick around and bring down morale and shoo off customers. No bueno.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If you think about it, staff are the most important customers within an organization. If they don\u2019t believe in what you\u2019re doing, they\u2019ll drive more customers away than your worst customer ever could. They\u2019ll even scare off future talent. Can you picture an insider spreading hateful tweets and resentful Glassdoor reviews? It\u2019s happening.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If makers are going to develop a world-class organization, then develop something that\u2019s great for morale, productivity, and customer success. The right environment, culture, and systems will support employees to weather the toughest storms the market can throw at you.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Mission-driven<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Some companies, nonprofits, and individuals are making products and services to solve humanity\u2019s greatest (and not so greatest) challenges. Others are adopting mission-driven practices to extend their impact beyond the end user.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Why? Because makers believe their work can go beyond profits. Besides, being mission-driven <em>is<\/em> profitable as consumers become more conscious of where their money goes. Before the Connection Age, makers \u201ctargeted\u201d consumers. Now, consumers are targeting makers, shifting their dollars to products that align with their values.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"Being mission-driven is profitable as consumers become more conscious of where their money goes.\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">For example, take bottled water. Individually, it does the job well and quenches my thirst, but what about its effect on the ecosystem? The plastic waste is bad enough, but recent reports in the news state that 45% of the <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/metro.co.uk\/2015\/10\/28\/pepsico-admits-its-aquafina-water-is-just-tap-water-5467530\/\" target=\"_blank\" rel=\"noopener noreferrer\">water used in bottled water is tap water<\/a>. That\u2019s called a PR disaster.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Contrast those practices with Patagonia, a clothing company. They prefer you recycle and reuse your old clothes than buy new ones from them. They take great pride in <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/wornwear.patagonia.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">those stories<\/a>, their conservation practices, and being a <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.patagonia.com\/environmentalism.html\" target=\"_blank\" rel=\"noopener noreferrer\">sustainable company<\/a>.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Baron Fig makes beautifully crafted notebooks for paper aficionados. Using more paper is not a popular talking point with environmentalists, but Baron Fig prioritizes <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.baronfig.com\/pages\/buy-a-book-plant-a-tree\" target=\"_blank\" rel=\"noopener noreferrer\">planting a tree<\/a> for every notebook sold. Do you care? Will knowing that impact your buying decision?<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I\u2019m wearing Warby Parker glasses as I write this. Not only do they look good, but the impact of my purchase goes far beyond my own needs. When you buy a pair from Warby Parker, that purchase directly <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.warbyparker.com\/buy-a-pair-give-a-pair\" target=\"_blank\" rel=\"noopener noreferrer\">supports communities<\/a> that lack basic eye care with affordable, even stylish glasses. Since Warby Parker began, they\u2019ve helped distribute over a million pair of glasses to communities in need.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"HX-focused products or companies have a tremendous impact beyond the business bottom line.\" <\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">They can take better care of their own people, as Netflix is <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.huffingtonpost.com\/2015\/02\/27\/netflix-culture-deck-success_n_6763716.html\" target=\"_blank\" rel=\"noopener noreferrer\">famous<\/a> for. Or they can contribute to a global cause, like Alphabet or The Bill and Melinda Gates Foundation is known to do.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Imagine an axis, with the horizontal line representing scale of impact (from the individual to whole planet), and the vertical line representing a given product or company\u2019s positive or negative effect.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">We can measure an organization\u2019s \u2018ripple effect\u2019 on a simple axis:<\/p>\n<div id='gallery-6' class='gallery galleryid-3996 gallery-columns-1 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/HX-In-Line-Image-6.png'><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"755\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/HX-In-Line-Image-6.png\" class=\"attachment-full size-full\" alt=\"hx-in-line\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/HX-In-Line-Image-6.png 1024w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/HX-In-Line-Image-6-600x442.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/HX-In-Line-Image-6-768x566.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">My office chair from Staples makes my back happy, so I\u2019d give it a high rating on positive effect. On the horizontal line is <em>scale<\/em>, and let\u2019s face it, the chair is not going beyond my personal use.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Organizations such as Patagonia offer great products (high positive effect) AND sustainable business practices that enables their organizational impact to go beyond profitability.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Bottom line: HX-driven organizations can affect the world in ways rarely seen in our relative short history. There are leaders, products, and organizations that are making a difference everywhere. Their stories inspire present and future makers to bring their A game, and those are the stories we\u2019d like to share with the world.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">In search of HX<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">At Typeform, we continue to make great UX a foundation in everything we do, not just in product but in workplace culture. We\u2019re working towards something bigger everyday, and look forward to sharing our progress.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Our company vision is to <em>make things a little more human<\/em>.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">And that leads us to why. Why are we obsessed with HX?<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It\u2019s simple. We believe makers and users can aspire to something greater. The <em>maker<\/em> can create something profitable AND meaningful. The user can be a more conscientious consumer. <\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"Together, we can build remarkable things that do less harm and maximum good in the world.\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Even more, we want to identify and align ourselves with the people, products, and organizations that lean toward the HX side of the UX Spectrum. We want to feature and share those stories with you. We hope this inspires you to do great things.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">You and I are collectively creating the future <em>anyway<\/em>, so why not make our journey the ultimate experience imaginable?<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>This post was originally published on <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.typeform.com\/blog\/human-experience\/in-search-of-the-ultimate-user-experience\/\" target=\"_blank\" rel=\"noopener noreferrer\">Typeform's blog<\/a>. <\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Part I: Experience is everything The origin of imagination Around 70,000 years ago, Sapiens figuratively ate an apple from the Tree of Knowledge, and a mutation occurred that scientists still can\u2019t explain to this day. According to Yuval Noah Harari, author of Sapiens: A Brief History of Humankind, between 70,000 and 30,000 years ago, new ways of thinking and communicating&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/in-search-of-the-ultimate-user-experience\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":53,"featured_media":4031,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[499],"tags":[],"class_list":["post-3996","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"Human Experience (the next evolution of UX) - what&#039;s beyond the product? HX explained and illustrated by the wonderful team at Typeform.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.typeform.com\/blog\/human-experience\/in-search-of-the-ultimate-user-experience\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"In Search of the Ultimate User Experience\" \/>\n<meta property=\"og:description\" content=\"Human Experience (the next evolution of UX) - what&#039;s beyond the product? HX explained and illustrated by the wonderful team at Typeform.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.typeform.com\/blog\/human-experience\/in-search-of-the-ultimate-user-experience\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-22T11:47:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-03T11:53:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/top-1024x669.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"669\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"15 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/marvelapp.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.typeform.com\/blog\/human-experience\/in-search-of-the-ultimate-user-experience\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/top-1024x669.png\",\"width\":1024,\"height\":669,\"caption\":\"human experience\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.typeform.com\/blog\/human-experience\/in-search-of-the-ultimate-user-experience\/#webpage\",\"url\":\"https:\/\/www.typeform.com\/blog\/human-experience\/in-search-of-the-ultimate-user-experience\/\",\"name\":\"In Search of the Ultimate User Experience\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.typeform.com\/blog\/human-experience\/in-search-of-the-ultimate-user-experience\/#primaryimage\"},\"datePublished\":\"2016-10-22T11:47:51+00:00\",\"dateModified\":\"2020-09-03T11:53:34+00:00\",\"description\":\"Human Experience (the next evolution of UX) - what's beyond the product? HX explained and illustrated by the wonderful team at Typeform.\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.typeform.com\/blog\/human-experience\/in-search-of-the-ultimate-user-experience\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.typeform.com\/blog\/human-experience\/in-search-of-the-ultimate-user-experience\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.typeform.com\/blog\/human-experience\/in-search-of-the-ultimate-user-experience\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/836fa2d466b4933b80591adaddf798c5\"},\"headline\":\"In Search of the Ultimate User Experience\",\"datePublished\":\"2016-10-22T11:47:51+00:00\",\"dateModified\":\"2020-09-03T11:53:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.typeform.com\/blog\/human-experience\/in-search-of-the-ultimate-user-experience\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.typeform.com\/blog\/human-experience\/in-search-of-the-ultimate-user-experience\/#primaryimage\"},\"articleSection\":\"User Experience\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.typeform.com\/blog\/human-experience\/in-search-of-the-ultimate-user-experience\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/836fa2d466b4933b80591adaddf798c5\",\"name\":\"Paul Campillo\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/57de1c5e5c2c3e5d0fea84ee162204fa50ca42402abb36faed238782789e4305?s=96&d=mm&r=g\",\"caption\":\"Paul Campillo\"},\"description\":\"Storyteller, writer, editor and thinker at Typeform. We\\u2019re making things a little more human.\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/3996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/users\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=3996"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/3996\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/4031"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=3996"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=3996"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=3996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}