{"id":9232,"date":"2015-10-07T19:27:20","date_gmt":"2015-10-07T19:27:20","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?p=9232"},"modified":"2020-04-22T06:37:45","modified_gmt":"2020-04-22T13:37:45","slug":"7-tactics-of-transformative-ux-design","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/7-tactics-of-transformative-ux-design\/","title":{"rendered":"7 Tactics of Transformative UX Design"},"content":{"rendered":"<p>In a word, users want a UX that\u2019s empowering. They want it to be valuable to their lives, transforming them into a better version of themselves. Creating a product that the user \u201ccan\u2019t live without\u201d should be the goal of any UX design, but that\u2019s easier said than done.<\/p>\n<p>Transformative design is difficult because it must feel invisible. Like a good illusion, the design must not draw attention to its own power.<\/p>\n<p>Since empowerment is such an abstract concept, we\u2019ve deconstructed the 7 best ways to making your design feel like a good magic trick.<\/p>\n<h2>1. Ease the Pain<\/h2>\n<p>First and foremost, an empowering UX should make the user\u2019s life easier \u2014 in fact, notable designer Paul Boag calls it<a href=\"https:\/\/boagworld.com\/digital-strategy\/user-experience-design\/\"> the secret to any successful UX design<\/a>. This is why your site or app exists in the first place.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image112.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9246\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image112.png\" alt=\"image11\" width=\"720\" height=\"324\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image112.png 1195w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image112-666x300.png 666w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image112-1024x461.png 1024w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<p><em>Photo Credit:<a href=\"https:\/\/buffer.com\/\"> Buffer<\/a><\/em><\/p>\n<p>Designing a product to enhance your user\u2019s life involves:<\/p>\n<ul>\n<li>Knowing your users\u2019 problems<\/li>\n<li>Knowing your users\u2019 preferences for solutions<\/li>\n<li>Knowing how your competitors are solving the problems and where their methods can be improved<\/li>\n<\/ul>\n<p>At the end of the day, a product must solve some core user problem. Before beginning the design, ask yourself, \u201cHow is this improving the user\u2019s life? What problems is this solving?\u201d To ensure you\u2019re designing the right product, first follow the advice in<a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/guide-to-usability-testing\/\"> The Guide to Usability Testing<\/a>.<\/p>\n<h2><span>2. Shorten the Distance to Goal Completion<\/span><\/h2>\n<p>After answering \u201cWhat problems will this solve,\u201d you want to ask yourself \u201c<i>how<\/i> will this solve them best?\u201d<\/p>\n<p>The alternative is when designers get hung up on features or a newer version, forgetting the product\u2019s original purpose in the first place. A shiny new feature can\u2019t mask a poor UX.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image102.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9245\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image102.png\" alt=\"image10\" width=\"720\" height=\"339\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image102.png 1031w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image102-636x300.png 636w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image102-1024x483.png 1024w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<p><em>Photo Credit:<a href=\"https:\/\/drive.google.com\/\"> Google Drive<\/a><\/em><\/p>\n<p>The design must reflect the product\u2019s commitment to the user. You can design a goal-focused interface by:<\/p>\n<ul>\n<li>Stripping away divergent paths in your<a href=\"https:\/\/www.uxpin.com\/studio\/blog\/creating-perfect-user-flows-for-smooth-ux\/\"> user flows<\/a><\/li>\n<li>Drawing attention the right elements through<a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/web-ui-design-building-visual-hierarchy\/\"> visual hierarchy<\/a><\/li>\n<li>Organizing a cohesive<a href=\"http:\/\/www.uxbooth.com\/articles\/the-difference-between-ia-and-ux-design\/\"> information architecture<\/a><\/li>\n<li>Using an intuitive system of controls (e.g., navigation, menus, etc.) that matches your page layout.<\/li>\n<li>Ensuring text labels and instructions are clear. For headings, be descriptive (\u201cYour contact information\u201d). For button labels and command links, use verb-noun pairs (\u201cCreate new prototype\u201d) and verb phrases (\u201cStart over\u201d).<\/li>\n<\/ul>\n<p>It\u2019s not enough that the plane flies \u2014 an aerodynamic shape makes it fly better.<\/p>\n<h2>3. Present An Invisible UI (Slippy UX)<\/h2>\n<p>Design as little interface as possible. No hurdles, no distractions, and no unnecessary involvement from the interface.<\/p>\n<p>You want to create the illusion that the user\u2019s efficiency is due to their own abilities, not because of your great design.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image131.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9248\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image131.png\" alt=\"image13\" width=\"720\" height=\"330\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image131.png 1114w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image131-655x300.png 655w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image131-1024x469.png 1024w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<p><i>Photo credit:<\/i><a href=\"https:\/\/www.nanamee.com\/product\/search\/cars\"> <i>Nanamee<\/i><\/a><\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image063.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9241\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image063.png\" alt=\"image06\" width=\"720\" height=\"333\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image063.png 1322w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image063-648x300.png 648w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image063-1024x474.png 1024w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<p><em>Photo credit:<a href=\"https:\/\/carbonmade.com\/\"> Carbonmade<\/a><\/em><\/p>\n<p>Creating what\u2019s referred to as \u201c<a href=\"http:\/\/hannahatkin.com\/blog\/day-5-slippy-ux\/\">Slippy UX<\/a>\u201d, an invisible UI doesn\u2019t mean that every site needs to be minimalist and devoid of interface objects. Slippy UX is simply about reducing all distractions and potential obstacles, creating a smooth (\u201cslippery\u201d) experience that guides the user quickly to their goal.<\/p>\n<h2>4. Forgive Mistakes Generously<\/h2>\n<p>User errors are inevitable, so incorporate some foresight into the design. In keeping with the Slippy UX philosophy, if a user error derails their efforts to accomplish a task, it will disrupt their immersion.<\/p>\n<p>Large warnings or technical error messages seem to \u201cpunish\u201d the users, which certainly don\u2019t improve the UX.<a href=\"https:\/\/www.uxpin.com\/studio\/blog\/bad-ux-makes-users-blame\/\"> These make users blame themselves<\/a> for easily avoidable faults (quite the opposite effect of<a href=\"http:\/\/www.slideshare.net\/nireyal\/hooked-model\"> rewarding habit loops<\/a>).<\/p>\n<ul>\n<li>In clear yet friendly language, remind users of actions with potentially severe consequences, such as losing information.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image054.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9240\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image054.png\" alt=\"image05\" width=\"418\" height=\"180\" \/><\/a><\/p>\n<p><em>Photo credit:<a href=\"http:\/\/www.google.com\/chrome\/\"> Chrome<\/a> via<a href=\"http:\/\/docs.google.com\"> Google Docs<\/a><\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9242\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image072.png\" alt=\"image07\" width=\"226\" height=\"154\" \/><\/p>\n<p><em>Photo credit:<a href=\"https:\/\/carbonmade.com\/\"> Carbonmade<\/a><\/em><\/p>\n<ul>\n<li>In case your users still make a mistake, a subtle and polite message explaining the fix or offering the opportunity to undo it can give them the confidence to continue onwards.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image032.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9238\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image032.png\" alt=\"image03\" width=\"592\" height=\"64\" \/><\/a><\/p>\n<p><em>Photo credit:<a href=\"http:\/\/docs.google.com\"> Google Docs<\/a><\/em><\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image091.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9244\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image091.png\" alt=\"image09\" width=\"272\" height=\"96\" \/><\/a><\/p>\n<p><i>Photo Credit:<\/i><a href=\"https:\/\/asana.com\/\"> <i>Asana<\/i><\/a><\/p>\n<ul>\n<li>To reduce unintentional errors, hide certain actions until the prerequisite action is completed. For example, in<a href=\"https:\/\/medium.com\/\"> Medium<\/a>, you first need to write something before the \u201cPublish\u201d button activates.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image014.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9236\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image014.png\" alt=\"image01\" width=\"350\" height=\"135\" \/><\/a><\/p>\n<p><em>Photo credit:<a href=\"https:\/\/medium.com\/\"> Medium<\/a><\/em><\/p>\n<ul>\n<li>At the subtlest level, use<a href=\"http:\/\/ui-patterns.com\/patterns\/ForgivingFormat\"> forgiving formats<\/a> so that your interface responds naturally to how users prefer to input data. For example, Google Calendar allows for multiple input styles when scheduling with the \u201cQuick Create\u201d function. You can write the information as an instruction like \u201cDinner next Tuesday at 2PM\u201d, or as simple as \u201cDinner 12\/15 2:00PM\u201d.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image003.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9235\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image003.png\" alt=\"image00\" width=\"453\" height=\"118\" \/><\/a><\/p>\n<p><em>Photo credit:<a href=\"https:\/\/www.google.com\/calendar\"> Google Calendar<\/a><\/em><\/p>\n<h2>5. Stay Consistent<\/h2>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/consistency-ui-design-creativity\/\">Consistency<\/a> is always important because it cultivates security and trust, which are essential to empowerment. Small details like keeping the navigation in the same place on different pages or using a color-code to differentiate topics leave your users with less things to worry about.<\/p>\n<p>The less they need to think, the smarter your users feel.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image023.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9237 size-full\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image023.png\" alt=\"image02\" width=\"630\" height=\"741\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image023.png 630w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image023-255x300.png 255w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/a><\/p>\n<p><i>Photo Credit:<\/i><a href=\"https:\/\/www.flickr.com\/photos\/psd\/9097840067\/in\/photolist-73jMXx-r3anz2-dWkMpz-imRith-e9QHyw-opkPen-g1MuGy-oNrYg-nwWEow-675vpX-4BbRDy-q16QsA-eFiPR3-7mbSGy-4gHjGa-4HfejV-3EjccZ-6yVD79-jXgNBC-eRWNTv-4CffYr-dvCbdh-3FkuUf-EFtmy-3Ejcdv-65eNGf-4B7zFz-4B7BFp-6tbtiw-3Ejceg-3EjcfT-3FkuTQ-3Ejcf6-3Ejccc-aMFy7X-6Yfsbw-6Ybqki-6Ybqig-3FkuT1-4BbSgA-h3zWi4-dRsLkh-62Yv2h-c2T7tE-dSiRbN-9Gdjj5-bp8dNY-bC37Hi-onyNHJ-4B7BEe\"> <i>\u201cBe consistent not uniform.\u201d<\/i><\/a> <i>Paul Downey.<\/i><a href=\"https:\/\/creativecommons.org\/licenses\/by\/2.0\/legalcode\"> <i>Creative Commons<\/i><\/a><i>.<\/i><\/p>\n<p>Consistency eliminates the surprises and confusion that disrupt the user\u2019s immersion. A consistent UI lulls the user into a trance where they can focus on achieving their goal \u2014 and nothing else.<\/p>\n<h2>6. Provide Useful Onboarding<\/h2>\n<p>The onboarding phase can make or break your user\u2019s opinion of and commitment to the product. Handling this with care will create an environment in which your user can confidently, and enthusiastically, explore everything your site or app has to offer.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image082.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9243\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image082.png\" alt=\"image08\" width=\"360\" height=\"483\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image082.png 360w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image082-224x300.png 224w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/a><\/p>\n<p><i>Photo credit:<\/i><a href=\"https:\/\/www.uxpin.com\"> <i>UXPin<\/i><\/a><\/p>\n<p>In general, this phase should:<\/p>\n<ul>\n<li>Instruct the user on the controls<\/li>\n<li>Familiarize the user with the layout and features <\/li>\n<li>Point out aspects the user might not discover on their own<\/li>\n<li>Entice the user to upgrade their plan, or at least excite them about returning to user the product.<\/li>\n<\/ul>\n<p>The method of onboarding should vary according to the product. A site with complex and unfamiliar features may need to spoon-feed their users at first with a comprehensive tutorial, whereas a simple app with recognizable features can get away with letting their users dive in head first, pointing out features here and there. Sometimes its good to engage your user by presenting them tasks as they set up their profile, while other times its better to cut the cord and let them have fun. <\/p>\n<p>Don\u2019t feel limited to one or the other. You can combine approaches to create a hybrid unique to your product\u2019s needs. No matter which method you choose, though, these best practices should be applied: <\/p>\n<ul>\n<li><b>Don\u2019t draw it out<\/b> \u2014 Avoid wordy explanations and unnecessary steps so the user can get to actually using the product as soon as possible.<\/li>\n<li><b>Use images<\/b> \u2014 Images can explain functions faster and more clearly than text, plus provide the opportunity to show your product\u2019s style.<\/li>\n<li><b>Completeness meters<\/b> \u2014 Outline the total number of steps or percentage of completeness so the user can gauge how long it will take.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image122.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9247\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image122.png\" alt=\"image12\" width=\"583\" height=\"103\" \/><\/a><\/p>\n<p><i>Photo Credit:<\/i><a href=\"https:\/\/medium.com\/welcome\"> <i>Medium<\/i><\/a><\/p>\n<ul>\n<li><b>Progressive disclosure<\/b> \u2014 A helpful time-saver is<a href=\"http:\/\/uxpatterns.org\/affordances\/progressive-disclosure\/\"> progressive disclosure<\/a>, allowing your users to choose which and when to read certain explanations. Don\u2019t apply these to the essentials, though, as there\u2019s a chance the user will ignore them.<\/li>\n<li><b>Make it enjoyable<\/b> \u2014 Playful graphics and light joking can make the learning process as painless as possible.<\/li>\n<\/ul>\n<p>To see how successful companies handle onboarding, check out <a href=\"https:\/\/www.useronboard.com\/\">User Onboard<\/a>.<\/p>\n<h2>7. Create Meaningful Delight<\/h2>\n<p>Delightful design isn\u2019t just for show \u2014 <a href=\"http:\/\/www.jnd.org\/dn.mss\/emotion_design_at.html\">the more a user enjoys a design, the more they perceive it as being functional<\/a>. Therefore, delightful design can actually <i>increase<\/i> usability. <\/p>\n<p>But delightful design isn\u2019t just cutesy mascots and throwaway jokes. Delightful design that\u2019s useful follows these 3 principles: <\/p>\n<ol>\n<li><b>Polished aesthetics <\/b>\u2014 Sites and products, too, must dress their best for success. Regardless of the style, the aesthetics should be at their best. Read our <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/visual-web-ui-design-colors-space-contrast\/\">Web UI Design for the Human Eye: Books I<\/a> and<a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/visual-web-ui-design-content-typography\/\"> II<\/a> for specific instructions.<\/li>\n<li><b>Human voice<\/b> \u2014 Make your product personable by giving a human tone to the copy. Address the user as an individual and adopt a casual tone if your field of business allows it. When used correctly, jokes can break tension and even facilitate actions, such as MailChimp alleviating the stress of sending a mass email.<\/li>\n<li><b>Discoverables<\/b> \u2014 Users expect a certain degree of delightful design, so surprising them will maximize the effect. Adding a animated microinteraction or a clever bit of copy in an untraditional place will leave a more memorable impression.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image043.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9239\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image043.png\" alt=\"image04\" width=\"720\" height=\"502\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image043.png 1028w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image043-430x300.png 430w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/image043-1024x714.png 1024w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<p><i>Photo Credit:<\/i><a href=\"http:\/\/mailchimp.com\/\"> <i>MailChimp<\/i><\/a><\/p>\n<p>Delightful design should never take priority over the function or usability, but when used together can complement the UI well. \u00a0<\/p>\n<h2>Takeaway: Just Good Design<\/h2>\n<p>An empowering UX design is not just some trend that will fall out of fashion in a few years. It is the backbone of good product design. Don\u2019t fall into the trap of trying to fix UX with a new gimmick. Unless a new feature will improve the user\u2019s life, it\u2019s just a band-aid. Designers who discover ways to make their users happier \u2014 and then design a UI to bring that quality out \u2014 will always win out over purely cosmetic tactics. <\/p>\n<p>If you\u2019ve found this article helpful, go ahead and download the free guide\u00a0<a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-best-practices-refined-microinteractions\/\" target=\"_blank\" rel=\"noopener noreferrer\">UX Design Trends 2015 &amp; 2016<\/a>. We deconstruct 71 examples of great UX design into techniques for everyday design.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-trends-2015-2016-digital-products\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9158\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/blog-book.png\" alt=\"blog-book\" width=\"720\" height=\"330\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/blog-book.png 720w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/blog-book-655x300.png 655w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn seven ways of making your user experience feel like magic.<\/p>\n","protected":false},"author":20,"featured_media":9253,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,6],"tags":[],"class_list":["post-9232","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-ux-design"],"yoast_title":"7 Tactics of Transformative UX Design","yoast_metadesc":"Learn seven ways of making your user experience feel like magic.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.6 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>7 Tactics of Transformative UX Design<\/title>\n<meta name=\"description\" content=\"Learn seven ways of making your user experience feel like magic.\" \/>\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.uxpin.com\/studio\/blog\/7-tactics-of-transformative-ux-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"7 Tactics of Transformative UX Design\" \/>\n<meta property=\"og:description\" content=\"Learn seven ways of making your user experience feel like magic.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/7-tactics-of-transformative-ux-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2015-10-07T19:27:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-22T13:37:45+00:00\" \/>\n<meta name=\"author\" content=\"Ryan Riddle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/wood-lighting-creativity-paper.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ryan Riddle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/7-tactics-of-transformative-ux-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/7-tactics-of-transformative-ux-design\\\/\"},\"author\":{\"name\":\"Ryan Riddle\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/133da71f4094affa0b21499f1792c70a\"},\"headline\":\"7 Tactics of Transformative UX Design\",\"datePublished\":\"2015-10-07T19:27:20+00:00\",\"dateModified\":\"2020-04-22T13:37:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/7-tactics-of-transformative-ux-design\\\/\"},\"wordCount\":1501,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/7-tactics-of-transformative-ux-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/10\\\/wood-lighting-creativity-paper.jpg\",\"articleSection\":[\"Blog\",\"UX Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/7-tactics-of-transformative-ux-design\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/7-tactics-of-transformative-ux-design\\\/\",\"name\":\"7 Tactics of Transformative UX Design\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/7-tactics-of-transformative-ux-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/7-tactics-of-transformative-ux-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/10\\\/wood-lighting-creativity-paper.jpg\",\"datePublished\":\"2015-10-07T19:27:20+00:00\",\"dateModified\":\"2020-04-22T13:37:45+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/133da71f4094affa0b21499f1792c70a\"},\"description\":\"Learn seven ways of making your user experience feel like magic.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/7-tactics-of-transformative-ux-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/7-tactics-of-transformative-ux-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/7-tactics-of-transformative-ux-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/10\\\/wood-lighting-creativity-paper.jpg\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/10\\\/wood-lighting-creativity-paper.jpg\",\"width\":5616,\"height\":3744,\"caption\":\"wood lighting creativity paper\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/7-tactics-of-transformative-ux-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"7 Tactics of Transformative UX Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/133da71f4094affa0b21499f1792c70a\",\"name\":\"Ryan Riddle\",\"description\":\"Ryan Thomas Riddle is the Head of Marketing at UXPin. He is an award-winning writer for his work as a mild-mannered reporter for the Bay Area newspaper, The Daily Post. His previous work has appeared in the San Francisco Bay Guardian. Formerly, he worked for ZURB, a digital product design company, as their Lead Editor. You can read all about his adventures through time and space on Twitter, @ryantriddle.\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/ryanriddle\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"7 Tactics of Transformative UX Design","description":"Learn seven ways of making your user experience feel like magic.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/7-tactics-of-transformative-ux-design\/","og_locale":"en_US","og_type":"article","og_title":"7 Tactics of Transformative UX Design","og_description":"Learn seven ways of making your user experience feel like magic.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/7-tactics-of-transformative-ux-design\/","og_site_name":"Studio by UXPin","article_published_time":"2015-10-07T19:27:20+00:00","article_modified_time":"2020-04-22T13:37:45+00:00","author":"Ryan Riddle","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/wood-lighting-creativity-paper.jpg","twitter_misc":{"Written by":"Ryan Riddle","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/7-tactics-of-transformative-ux-design\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/7-tactics-of-transformative-ux-design\/"},"author":{"name":"Ryan Riddle","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/133da71f4094affa0b21499f1792c70a"},"headline":"7 Tactics of Transformative UX Design","datePublished":"2015-10-07T19:27:20+00:00","dateModified":"2020-04-22T13:37:45+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/7-tactics-of-transformative-ux-design\/"},"wordCount":1501,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/7-tactics-of-transformative-ux-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/wood-lighting-creativity-paper.jpg","articleSection":["Blog","UX Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/7-tactics-of-transformative-ux-design\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/7-tactics-of-transformative-ux-design\/","name":"7 Tactics of Transformative UX Design","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/7-tactics-of-transformative-ux-design\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/7-tactics-of-transformative-ux-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/wood-lighting-creativity-paper.jpg","datePublished":"2015-10-07T19:27:20+00:00","dateModified":"2020-04-22T13:37:45+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/133da71f4094affa0b21499f1792c70a"},"description":"Learn seven ways of making your user experience feel like magic.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/7-tactics-of-transformative-ux-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/7-tactics-of-transformative-ux-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/7-tactics-of-transformative-ux-design\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/wood-lighting-creativity-paper.jpg","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/wood-lighting-creativity-paper.jpg","width":5616,"height":3744,"caption":"wood lighting creativity paper"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/7-tactics-of-transformative-ux-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"7 Tactics of Transformative UX Design"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/133da71f4094affa0b21499f1792c70a","name":"Ryan Riddle","description":"Ryan Thomas Riddle is the Head of Marketing at UXPin. He is an award-winning writer for his work as a mild-mannered reporter for the Bay Area newspaper, The Daily Post. His previous work has appeared in the San Francisco Bay Guardian. Formerly, he worked for ZURB, a digital product design company, as their Lead Editor. You can read all about his adventures through time and space on Twitter, @ryantriddle.","url":"https:\/\/www.uxpin.com\/studio\/author\/ryanriddle\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/9232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=9232"}],"version-history":[{"count":0,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/9232\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/9253"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=9232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=9232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=9232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}