Motivational UX: Motivation As A UX Tool
Hello! My name is Yuri and I'm a UX/UI designer. This is my pilot article on a series dedicated to design and everything connected with it. Today I want to talk about motivation as a tool for UX design. What drives a person? What makes you choose this over that? Is it a conscious decision or is it unconscious? <blockquote>Don't know where to begin with UX Design? Follow these <a href="https://appsilon.com/ux-design-of-shiny-apps-7-steps-to-design-dashboards-people-love/" target="_blank" rel="noopener">7 steps to design dashboards that people love</a>.</blockquote> Motivation is an impulse that leads to action. It's a psychophysiological process that influences our behavior. And if it influences your users' behavior, why aren't you incorporating motivation in your UX design? <img class="alignnone size-full wp-image-15200" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b01d8c824742cc351d8317_need-motive-goal.webp" alt="motivation to fuel a goal, "need" - "motive" - "goal"" width="825" height="82" /> Motivation is an important link in the decision chain where it is important to know the needs of the end user. In short, motivation is fuel to help achieve the goal. Table of Contents: <ul><li><a href="#case">Motivational UX Design Case Study</a></li><li><a href="#6why">6Why's for User Motivation</a></li><li><a href="#uxdesign">Motivational UX Design Example</a></li><li><a href="#implement">Why Implement Motivational UX Design</a></li><li><a href="#resolve">Resolving Motivation for UX Design Issues</a></li><li><a href="#find">Finding Your Motivation for UX Design</a></li></ul> <hr /> <h2 id="case">Motivational UX Design Case Study</h2> Let's look at a case study to help put things in perspective. A few years ago, a school with a focus on IT entered the market. To develop the right strategy and positioning, the company conducted a benchmark. As a result, two key users were identified - the child and the parents. <blockquote>Shiny UI doesn't need to be complicated. Check out our <a href="https://appsilon.com/shiny-ui-ux-with-short-live-coding-tutorial/" target="_blank" rel="noopener">20 min coding tutorial for Shiny UI/UX</a>.</blockquote> Despite the fact that children were the main audience, the key beneficiaries were actually the parents. They made the decision whether the children would study there or not. Providing education for the child, in this case, meant addressing the: <ul><li style="font-weight: 400;" aria-level="1"><b>Need</b> - in socialization and belonging to society (according to Maslow's hierarchy of needs)</li><li style="font-weight: 400;" aria-level="1"><b>Goal</b> – to educate</li><li style="font-weight: 400;" aria-level="1"><b>Motive</b> – to give a future for the child.</li></ul> It was feasible to build from this knowledge. But for the strategy to work and achieve its full potential, this was not enough. Generally, motivation tends to be of two types: <ul><li style="font-weight: 400;" aria-level="1">Obvious</li><li style="font-weight: 400;" aria-level="1">Hidden</li></ul> <strong>Obvious motivation </strong>is simple. You can take it at face value. As a rule, motivation answers the question "Why?". Quantitative research is enough to determine it. <strong>Hidden motivation</strong>, on the other hand, requires a little more attention. Qualitative research is needed to reveal what lies behind the stats, the numeric data. <blockquote>Want to build an inclusive user experience? Learn how to implement <a href="https://appsilon.com/r-shiny-accessibility/" target="_blank" rel="noopener">Accessibility Web Development in your Shiny apps</a>.</blockquote> This is where the <b>6WHY</b> approach comes into play. The main idea of <b>6WHY</b> is to reveal the essence - to reveal the letters between the lines. In the case of motivation, this is the essence of decision-making. <h3 id="6why">6Why's for User Motivation</h3> How does this work? First, the recipient is asked 6 questions in sequence, each subsequent one clarifies the previous one. For example: <img class="alignnone size-full wp-image-15190" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b01d8d7a92f47f699a0096_6why-for-user-motivation-ux.webp" alt="6Whys for user motivation" width="720" height="995" /> After the 6th question, we begin to approach the essence of the recipient’s hidden motivation: <blockquote><b>Secure a future for themself and their children</b></blockquote> Down the line, the advertising strategy was built on a targeted appeal specifically to hidden motivation. <blockquote><b>Invest in the future today – get kids studying IT!</b></blockquote> To be honest, it sounds egoistic, but we are not here to judge. We are here to understand the user’s motivation. Now that we understand the motivation is to secure a healthy financial future, we can begin to shape the user experience to better fit the goal. <h3 id="takeaway">6Why Takeaways for Motivational UX </h3> Takeaways: <ul><li style="font-weight: 400;" aria-level="1"><b>Know key target</b> – to focus </li><li style="font-weight: 400;" aria-level="1"><b>Know the need</b> – to define the goal</li><li style="font-weight: 400;" aria-level="1"><b>Know the motive</b> – to control the behavior</li></ul> This is as well and fine for marketing a new school, but how does this apply to Shiny development? How can this be used in the development of applications? <h2 id="uxdesign">Motivational UX Design Example</h2> Let's take a look at this, using budgeting apps as an example. Most of them, at first glance, are designed to provide the user with convenient control over finances, keep records, set limits, receive statistics in the form of beautiful dashboards, and so on. Let's see an example: <img class="alignnone size-full wp-image-15196" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b01d8f04abfeee1f04614d_motivational-ux-design-dashboard-example.webp" alt="Imperfect Motivational UX Design dashboard example" width="720" height="426" /> The second application example shows a similar concept albeit with different design elements: <img class="alignnone size-full wp-image-15194" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b01d90965eadfe4147a424_motivational-ux-design-application-example.webp" alt="Imperfect motivational ux design app example" width="870" height="565" /> Let's look at the examples through the decision chain. In this case, we have: <ul><li style="font-weight: 400;" aria-level="1"><b>Need</b> – to ensure satisfactory finances</li><li style="font-weight: 400;" aria-level="1"><b>Goal</b> – to save money by keeping track and analyzing statistics</li><li style="font-weight: 400;" aria-level="1"><b>Motive</b> – to gain material wealth</li></ul> Do these applications cover the need? <b>Yes</b> Do they help you achieve your goals? <b>Yes</b> Do they motivate users to budget? <b>No</b> With no motivation, what’s the resulting use going to be over time? I doubt the long-term success. And yet, if these budget apps are so popular, why should you implement motivational UX at all?<b> </b> <h2 id="implement">Why Implement Motivational UX Design?</h2> Let's look at the mechanics of the example application. The user needs to manually enter their expenses and incomes in order to receive output data. This takes a significant amount of time and effort. OK, maybe not so significant but enough to draw out the process and reduce motivation. <blockquote>Want more from your dashboards? Reach out and discover how <a href="https://appsilon.com/" target="_blank" rel="noopener">Appsilon builds the world's most advanced R Shiny dashboards</a>.</blockquote> The typical result is the user abandoning this activity after a couple of months. Such applications have a high bounce rate simply because the application does not pay attention to motivation. What’s the advantage of such an application over a spreadsheet? <h2 id="resolve">Resolving Motivation for UX Design Issues</h2> The motivation, in this case, can be: paying off a debt / paying out a loan / saving money for a new car/house/education/travel/treatment, etc. Remember, motivation is the fuel to help the user achieve their needs, their goal. <img class="alignnone size-full wp-image-15198" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b01d92c8798807239d6987_resolving-motivation-for-UX-design.webp" alt="Resolving motivation for UX" width="1600" height="991" /> <h3>So how do you incorporate motivation in an app?</h3> In this case, you can add a <i>goal-setting system</i> with progress visualization to the app. It’s important to remember, that you want to build an application that motivates the user. Recording savings doesn’t motivate, watching the fundraiser meter go up does. So consider building around the implementation of where to spend the saved money (future goal), and not reporting where it is spent (past event). Thus, the focus shifts from a boring routine to the realization of a dream. <img class="alignnone size-full wp-image-15192" src="https://webflow-prod-assets.s3.amazonaws.com/6525256482c9e9a06c7a9d3c%2F65b01d926f2d781ff399d788_activity.webp" alt="Motivational user experience example" width="1600" height="891" /> <h2 id="find">Finding <i>Your </i>Motivation for UX Design</h2> Understanding the motivation of the end-user provides a foothold for solving a particular problem. And more importantly, it gives control over user behavior. So what are you waiting for? Seek out your user's motivation; uncover the hidden aspects driving their actions and create Motivational UX! <blockquote>Curious about what Motivational UX Design means for R Shiny? Check out <a href="https://demo.appsilon.com/" target="_blank" rel="noopener">Appsilon's R Shiny Demo Gallery</a>.</blockquote> <b>To conclude:</b> <ul><li style="font-weight: 400;" aria-level="1">Good design helps the user achieve their goals </li><li style="font-weight: 400;" aria-level="1">The best design helps user meet their needs </li><li style="font-weight: 400;" aria-level="1">Outstanding design motivates users to meet needs and achieve goals</li></ul> So what’s your motivation for UX design? Share your motivational UX design with us on Twitter or comment below on what motivates the users in your app!
Contact us!
.webp)
