{"id":5580,"date":"2017-03-02T16:20:48","date_gmt":"2017-03-02T16:20:48","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=5580"},"modified":"2020-11-05T15:27:44","modified_gmt":"2020-11-05T15:27:44","slug":"designing-for-experience","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/designing-for-experience\/","title":{"rendered":"Designing for Experience"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">In its first era, design was seen as a problem solver; it has now moved into a second era where it\u2019s seen as a creator of meaningful experiences.<\/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\">\"The design discipline, similar to its industry, has undergone a specialization process.\"<\/p><\/span><\/blockquote>\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;\">From Design to Experience Design<\/h2>\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 design discipline, similar to its industry, has undergone a specialization process. Numerous job titles have emerged from \u2018Visual Image Developer\u2019, \u2018UI Designer\u2019, \u2018UX Designer\u2019 through to \u2018User Interface Designer\u2019 \u2014 each of which demand a very specific skill set.<\/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\">Amongst these disciplines, we\u2019ve more recently seen the rise of another: <em>\u2018Experience Design\u2019<\/em>. While there seem to be clear definitions, the practice is blurry.<\/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\">Experience Design \u201cis the <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/blog\/framework-building-design-practice\/\">practice of designing<\/a> products (including digital products), processes, services, events, omnichannel journeys, and environments with a focus placed on the quality of the user experience and culturally relevant solutions.\u201d (<a class=\"link link--blue fontWeight-4\"href=\"https:\/\/en.wikipedia.org\/wiki\/Experience_design\" target=\"_blank\" rel=\"noopener noreferrer\">wiki<\/a>)<\/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\">In spite of the above definition, I\u2019ve often observed that Experience Design is primarily equated with designing user interfaces on digital devices \u2014 <strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">when it is so much more.<\/strong><\/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\">\"Experience Design has been primarily equated with designing UIs on digital devices \u2014 but it's so much more.\"<\/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\">Throughout the past 2 years, I\u2019ve developed a special interest in Experience Design in its broader sense. I had the perfect chance to get the true understanding I longed for during a <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.hyperisland.com\/programs-and-courses\" target=\"_blank\" rel=\"noopener noreferrer\">4 day \u2018learn by doing\u2019 course provided by Hyper Island (HI)<\/a> \u2014 listed by <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/edition.cnn.com\/2014\/11\/13\/business\/new-schools-life-lessons\/\" target=\"_blank\" rel=\"noopener noreferrer\">CNN<\/a> as one of the <em>\u201cmost interesting schools around the world\u201d<\/em>, and also known as the <em>\u201cDigital Harvard\u201d<\/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\">Hyper Island\u2019s Experience Design Lab provided me \u201can opportunity to deep dive into the process of creating meaningful experiences both online and offline\u201d. In other words it dovetailed perfectly with my existing understanding of Experience Design: to create a more holistic experience for a user, stretching experience beyond pure interaction with digital interfaces to include the product, service and company.<\/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;\">3 Observations on Experience Design<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Over my 2 year exploration into the discipline of experience design, I made 3 key observations that seek to answer the question; \"W<span style=\"font-weight: 400;\">hat is experience design?\";\u00a0<\/span><\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">1. Experience design is not just digital 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\">The idea that design has moved from being a problem solver to a creator of meaningful experiences especially holds true in light of the move from broadcast to dialog. That is, the shift from one directional conversations between brand and consumer (traditional advertising), towards a two directional conversation (e.g. engagement through social media). It was around 2004 that people started seeing there was something more than just brand and services; they got tired of passive consumption. It was around this time that <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/en.wikipedia.org\/wiki\/Don_Norman\" target=\"_blank\" rel=\"noopener noreferrer\">Don Norman<\/a> \u2014 the first User Experience Architect at Apple \u2014 coined the term <em>\u2018<a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/blog\/introduction-user-experience-design\/\">User Experience Design<\/a>\u2019:<\/em><\/p>\n<div id='gallery-1' class='gallery galleryid-5580 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\/2017\/03\/DesigningExperience_DonNorman.png'><img loading=\"lazy\" decoding=\"async\" width=\"5833\" height=\"1878\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_DonNorman.png\" class=\"attachment-full size-full\" alt=\"designingexperience_donnorman\" aria-describedby=\"gallery-1-6954\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_DonNorman.png 5833w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_DonNorman-600x193.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_DonNorman-768x247.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_DonNorman-1500x483.png 1500w\" sizes=\"auto, (max-width: 5833px) 100vw, 5833px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-6954'>\n\t\t\t\tDon Norman coined the term &#8216;User Experience Design&#8217;\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\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\">\"Design has moved from being a problem solver to a creator of meaningful experiences.\"<\/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\">Experience can therefore be many things, not just digital.<\/strong> To paraphrase <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/hassenzahl.wordpress.com\/user-experience-and-experience-design-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">Hassenzahl<\/a> (professor of \u2018Experience and Interaction\u2019 at the Folkwang University of Arts in Essen), \u2018experience\u2019 can be a structure, reflection, or even something shared and subjective. Hassenzahl\u2019s (2010) concept of experience suggests 4 key properties, highlighting its diverse meaning. The 4 key properties are highlighted in the following image:<\/p>\n<div id='gallery-2' class='gallery galleryid-5580 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\/2017\/03\/DesigningExperience_Experience.png'><img loading=\"lazy\" decoding=\"async\" width=\"5833\" height=\"1689\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_Experience.png\" class=\"attachment-full size-full\" alt=\"diagram showing what &quot;experience&quot; is\" aria-describedby=\"gallery-2-6955\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_Experience.png 5833w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_Experience-600x174.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_Experience-768x222.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_Experience-1500x434.png 1500w\" sizes=\"auto, (max-width: 5833px) 100vw, 5833px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-2-6955'>\n\t\t\t\tHassenzahl&#8217;s 4 key properties of &#8216;experience&#8217;\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\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\">\"Experience can be many things, not just digital \u2013 it can be a structure, reflection, or something subjective.\"<\/p><\/span><\/blockquote>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">2. Experience design includes the design of customer 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\">The holistic nature of Experience Design also includes the <strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Customer Experience (CX)<\/strong>, which itself encompasses a breadth of factors that affect the realm of Experience Design. CX looks at the experience a customer has across every touchpoint of their brand.<\/p>\n<div id='gallery-3' class='gallery galleryid-5580 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\/2017\/03\/DesigningExperience_UX-CX.png'><img loading=\"lazy\" decoding=\"async\" width=\"5833\" height=\"3333\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_UX-CX.png\" class=\"attachment-full size-full\" alt=\"Designing Experiences for your Customers\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_UX-CX.png 5833w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_UX-CX-600x343.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_UX-CX-768x439.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_UX-CX-1500x857.png 1500w\" sizes=\"auto, (max-width: 5833px) 100vw, 5833px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Time + Customer Closure Experiences<\/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\">I believe <em>time<\/em> can be the most critical factors of CX, especially when considering the concept of <em>Closure Experiences<\/em> (something I discovered during a presentation by Joe Macleod at Hyper Island).<\/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 closure experience considers the entire life cycle of a 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\">A <em>closure experience<\/em> considers the entire life cycle of a product, ensuring no negative consequences arise for a customer, and also that all parties involved in the transaction are satisfied. In Joe\u2019s own words, a closure experience <em>\u201caims to highlight the issues that arise when we fail to close customer relationships in an adequate manner.\u201d<\/em><\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Imbalances in the customer lifecycle<\/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\">Nowadays, a common scenario exists where a customer\u2019s consumption becomes easier, whilst their waste becomes less actionable over time. This is an example of an imbalance in the customer lifecycle, and therefore a <em>poor closure experience<\/em>. It creates a negative customer experience, which can be represented with two conflicting selfs of a customer:<\/p>\n<div id='gallery-4' class='gallery galleryid-5580 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\/2017\/03\/DesigningExperience_ConsumerCivilSelf.png'><img loading=\"lazy\" decoding=\"async\" width=\"5833\" height=\"1618\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_ConsumerCivilSelf.png\" class=\"attachment-full size-full\" alt=\"2 conflicting selfs of a customer\" aria-describedby=\"gallery-4-6957\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_ConsumerCivilSelf.png 5833w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_ConsumerCivilSelf-600x166.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_ConsumerCivilSelf-768x213.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_ConsumerCivilSelf-1500x416.png 1500w\" sizes=\"auto, (max-width: 5833px) 100vw, 5833px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-4-6957'>\n\t\t\t\t2 conflicting selfs of a customer\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\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>The consumer self, which is experiencing products\/services<\/li>\n<li>The civil self, which is more aware of the destruction caused by their consumption<\/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\">This is where we can use design to ensure such imbalances are avoided. It can be done by attentively designing both the starting and closure experiences, as shown in the diagram below:<\/p>\n<div id='gallery-5' class='gallery galleryid-5580 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\/2017\/03\/DesigningExperience_ClosureExperience.png'><img loading=\"lazy\" decoding=\"async\" width=\"5833\" height=\"2819\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_ClosureExperience.png\" class=\"attachment-full size-full\" alt=\"Designing for starting and closure experiences\" aria-describedby=\"gallery-5-6958\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_ClosureExperience.png 5833w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_ClosureExperience-600x290.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_ClosureExperience-768x371.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_ClosureExperience-1500x725.png 1500w\" sizes=\"auto, (max-width: 5833px) 100vw, 5833px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-5-6958'>\n\t\t\t\tDesigning for starting and closure experiences\n\t\t\t\t<\/dd><\/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\">There is a clear interest gap between on-boarding and off-boarding. While commerce and design are focused on on-boarding and usage experience, they miss a great opportunity to create a meaningful closure experience \u2014 something important to experience designers. For a more in-depth exploration into closure experiences, I recommend reading <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.closureexperiences.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">'Closure Experience'<\/a>\u00a0by Joe Macleod.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">3. Designing experiences is an iterative process<\/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\">Similar to UX design, Experience Design encompasses an iterative learning process. At Hyper Island, I encountered 2 key tools for understanding how experience can be crafted: by prototyping, and through the use of an iterative process known as \u2018The Learning Spiral\u201d.<\/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\">\"Experience Design encompasses an iterative learning process.\"<\/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\">Prototyping<\/strong> is a powerful tool to test out ideas at an early stage at a low fidelity, align and concretize ideas within the team. It is also useful for including the client at an early stage (and thereby closing the <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/uxdesign.cc\/4-days-at-hyper-island-f8bcce1f4a52#.5qoqvl137\" target=\"_blank\" rel=\"noopener noreferrer\">anxiety gap<\/a>). The advantage of early prototyping is that it can be 10x cheaper to pivot now than at the next stage of the process.<\/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\">The Learning Spiral<\/strong> is a tool Hyper Island applies in their courses. The spiral starts off with <em>doing<\/em> something, then <em>reflecting<\/em> upon it, <em>generalizing<\/em> the learning, and finally <em>applying<\/em> it. The sequence is then repeated.<\/p>\n<div id='gallery-6' class='gallery galleryid-5580 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\/2017\/03\/DesigningExperience_LearningSpiral.png'><img loading=\"lazy\" decoding=\"async\" width=\"5823\" height=\"2667\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_LearningSpiral.png\" class=\"attachment-full size-full\" alt=\"The Learning Spiral at Hyper Island\" aria-describedby=\"gallery-6-6959\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_LearningSpiral.png 5823w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_LearningSpiral-600x275.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_LearningSpiral-768x352.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/DesigningExperience_LearningSpiral-1500x687.png 1500w\" sizes=\"auto, (max-width: 5823px) 100vw, 5823px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-6-6959'>\n\t\t\t\tThe Learning Spiral at Hyper Island\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\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;\">Experience design is still evolving<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Overall, this holistic understanding of Experience Design is relatively young and evolving. At the forefront is a group of talented and passionate individuals that I had the pleasure to meet during the Hyper Island Experience Design Lab.<\/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\">\"The holistic understanding of Experience Design is still evolving.\"<\/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\"id=\"7e7f\" class=\"graf graf--p graf-after--p\">Additionally, I am constantly seeking conversation with like-minded people to bring this Experience Design mindset into practice. <a class=\"link link--blue fontWeight-4\"class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/medium.com\/@Patrick_Zimmermann\" target=\"_blank\" rel=\"noopener noreferrer\" data-href=\"https:\/\/medium.com\/@Patrick_Zimmermann\">Check out the other articles<\/a> I wrote and keep this open discussion going!<\/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\"class=\"graf graf--p graf-after--p\">If you enjoy this article feel free to share it, <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/medium.com\/@Patrick_Zimmermann\">follow me<\/a> or get in touch with\u00a0me.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Book recommendations:<\/h3>\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><em>The Life-Changing Magic of Tidying Up: The Japanese Art of Decluttering and Organizing<\/em> by Marie Kondo<\/li>\n<li><em>Designing as reflective conversation with the materials of a design situation<\/em> by Donald A. Schon<\/li>\n<li><em>Experience Design \u2014 Technology for all the right reasons<\/em> by Marc Hassenzahl<\/li>\n<\/ul>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Links:<\/h3>\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><a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.psfk.com\/2011\/04\/the-digital-harvard-stats-behind-hyper-islands-success-video.html\" target=\"_blank\" rel=\"noopener noreferrer\">Digital Harvard<\/a><\/li>\n<li><a class=\"link link--blue fontWeight-4\"href=\"http:\/\/edition.cnn.com\/2014\/11\/13\/business\/new-schools-life-lessons\/\" target=\"_blank\" rel=\"noopener noreferrer\">Most Interesting Schools Around the World<\/a><\/li>\n<li><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.hyperisland.com\/programs-and-courses\/experience-design-lab\" target=\"_blank\" rel=\"noopener noreferrer\">Experience Design Lab<\/a><\/li>\n<li><a class=\"link link--blue fontWeight-4\"href=\"http:\/\/toolbox.hyperisland.com\" target=\"_blank\" rel=\"noopener noreferrer\">Hyper Island Toolkit<\/a><\/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\"class=\"p1\"><em><span class=\"s1\">Illustrations created by Rebecca Werres, and writing by Patrick Zimmermann.<\/span><\/em><\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Further reading:<\/h3>\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 class=\"LinkSuggestion__LinkSuggestionWrapper-sc-1mdih4x-0 bRwwZe\"><a class=\"link link--blue fontWeight-4\"class=\"LinkSuggestion__Link-sc-1mdih4x-2 dcwLhi\" href=\"https:\/\/marvelapp.com\/blog\/automate-user-testing-process\/\" target=\"_blank\" rel=\"noopener noreferrer\">How To Automate Your User Testing Process<\/a><\/li>\n<li class=\"LinkSuggestion__LinkSuggestionWrapper-sc-1mdih4x-0 bRwwZe\"><a class=\"link link--blue fontWeight-4\"class=\"LinkSuggestion__Link-sc-1mdih4x-2 dcwLhi\" href=\"https:\/\/marvelapp.com\/blog\/art-user-interview\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Art of the User Interview<\/a><\/li>\n<li class=\"LinkSuggestion__LinkSuggestionWrapper-sc-1mdih4x-0 bRwwZe\"><a class=\"link link--blue fontWeight-4\"class=\"LinkSuggestion__Link-sc-1mdih4x-2 dcwLhi\" href=\"https:\/\/marvelapp.com\/blog\/start-your-design-led-journey\/\" target=\"_blank\" rel=\"noopener noreferrer\">Starting your journey to becoming design led<\/a><\/li>\n<li class=\"LinkSuggestion__LinkSuggestionWrapper-sc-1mdih4x-0 bRwwZe\"><a class=\"link link--blue fontWeight-4\"class=\"LinkSuggestion__Link-sc-1mdih4x-2 dcwLhi\" href=\"https:\/\/marvelapp.com\/blog\/design-thinking-in-business\/\" target=\"_blank\" rel=\"noopener noreferrer\">How to use Design Thinking in Business<\/a><\/li>\n<li class=\"LinkSuggestion__LinkSuggestionWrapper-sc-1mdih4x-0 bRwwZe\"><a class=\"link link--blue fontWeight-4\"class=\"LinkSuggestion__Link-sc-1mdih4x-2 dcwLhi\" href=\"https:\/\/marvelapp.com\/blog\/prototyping-101-ultimate-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Ultimate Guide to Prototyping<\/a><\/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\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In its first era, design was seen as a problem solver; it has now moved into a second era where it\u2019s seen as a creator of meaningful experiences. &#8220;The design discipline, similar to its industry, has undergone a specialization process.&#8221; From Design to Experience Design The design discipline, similar to its industry, has undergone a specialization process. Numerous job titles&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/designing-for-experience\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":102,"featured_media":6982,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[500],"tags":[],"class_list":["post-5580","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-process"],"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=\"Experience Design is the process of creating meaningful experiences both online and offline, centered around the user\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marvelapp.com\/blog\/designing-for-experience\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Designing for Experience - What is Experience Design\" \/>\n<meta property=\"og:description\" content=\"Experience Design is the process of creating meaningful experiences both online and offline, centered around the user\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/designing-for-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=\"2017-03-02T16:20:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-05T15:27:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/designing-for-experience-card.png\" \/>\n\t<meta property=\"og:image:width\" content=\"801\" \/>\n\t<meta property=\"og:image:height\" content=\"465\" \/>\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=\"5 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:\/\/marvelapp.com\/blog\/designing-for-experience\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/03\/designing-for-experience-card.png\",\"width\":801,\"height\":465},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/designing-for-experience\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/designing-for-experience\/\",\"name\":\"Designing for Experience - What is Experience Design\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/designing-for-experience\/#primaryimage\"},\"datePublished\":\"2017-03-02T16:20:48+00:00\",\"dateModified\":\"2020-11-05T15:27:44+00:00\",\"description\":\"Experience Design is the process of creating meaningful experiences both online and offline, centered around the user\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/designing-for-experience\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/designing-for-experience\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/designing-for-experience\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/d0b3ae2c74c7a04f834a96b714daa805\"},\"headline\":\"Designing for Experience\",\"datePublished\":\"2017-03-02T16:20:48+00:00\",\"dateModified\":\"2020-11-05T15:27:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/designing-for-experience\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/designing-for-experience\/#primaryimage\"},\"articleSection\":\"Design Process\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/designing-for-experience\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/d0b3ae2c74c7a04f834a96b714daa805\",\"name\":\"Patrick Zimmermann\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d9fc29cbac2644c6f11113b63591c16722879b484206efbd8a2baba7ae49562b?s=96&d=mm&r=g\",\"caption\":\"Patrick Zimmermann\"},\"description\":\"Patrick is an Experience Strategist at SapientRazorfish. Passionate Business Designer. Author of Experience driven Strategy. Follow him on Medium.\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/5580","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\/102"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=5580"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/5580\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/6982"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=5580"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=5580"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=5580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}