post

Footer About

Footer Contribute

Footer Get Involved

Footer Links

Mind the Product

Customer

How behavioral economics can improve product strategy

Product Roadmap

Why most product roadmaps fail: Phil Hornby (Product Leadership Coach) – ProductTank Porto

B2B product management

Artificial Intelligence (AI) & Machine Learning (ML)

Building Product Teams

Business Strategy

Data Driven Product Management

Digital Transformation

Diversity and Inclusion

Minimum Viable Product

OKRs

Prioritisation

Product Design

Product Research

Product Development Process

Product Ethics

Product Discovery

Product Leadership

Product Management Career

Product Strategy

Stakeholder Management

🌎 <a href="https://www.mindtheproduct.com/world-product-day/" style="color:#FFFFFF;text-decoration:underline;">Happy World Product Day!</a> Be sure to celebrate product, yourself, and your peers today! 🎉

Join us at #mtpcon London in 2025 – mark your calendars

Connecting fans to creators at Spotify (Dariusz Dziuk, Product Lead, Spotify)

Why teams often struggle with OKRs: A conversation with Jeff Gothelf

Deep dive: Crafting your product vision and mission

5 ways to invent and simplify as an AI/ML product manager

Megan is co-founder of Make Good, a design partnership on a mission to use the power of good design to make good things happen; environmentally and socially. Having worked with Mind the Product since the start of 2018, Megan is particularly interested in the important role digital products, and the people who create them, have in steering the direction of our society and planet.

Creative Partner

Megan Sayers

<p><img decoding="async" src="https://www.mindtheproduct.com/wp-content/uploads/2019/03/9b3a8d75-c148-4692-9def-fad5744e3045_IMG_0803.jpg" alt="An illustration of an adult giving candy to a smiling child" /><br />
For a bootstrapped product start-up, investing in visual design and illustration to humanise your product can seem like a low priority. You’ve bugs to fix, marketing to fund, and a user feedback log as long as your arm.</p>
<p>Delightful touches, like illustration, are a luxury for those with six-figure investment, surely?</p>
<p>A nice to have – the icing on the cake?</p>
<p>Maybe not.</p>
<p>They could be the magic ingredient that binds your product together, and keeps your users loyal. Here’s why:</p>
<h3>1. Illustrations can Reduce User Frustration by Humanising Your Product</h3>
<p>When a product is in its infancy, errors happen and frustrations can rise quickly when there is no friendly human present. Illustrations can be used to deliver a dose of human emotion just as you’re stretching your user’s patience – making it more likely that you’ll keep them on side during those inevitable teething problems.</p>
<p>Imagine this real-life scenario. You’re withdrawing some cash at an ATM. You go through the steps of entering your PIN and select the amount you want to withdraw. You wait for the machine to dispense the cash, but something has gone wrong. You’re left staring at a blank screen.</p>
<p>Eventually the machine displays an error message, spits out your card, and you have to start the entire process again.</p>
<p>On your second attempt the same thing happens, and frustrated, you kick the machine. (A slight overreaction, but we all have bad days. I won’t judge you.)</p>
<p>Now imagine the same scenario but this time, rather than a machine, you’re inside the bank speaking to a human cashier.</p>
<p>The cashier smiles and has a friendly tone, but again an error occurs during the transaction and you’re unable to withdraw the cash. The human smiles apologetically and you feel irritated – but you don’t kick them. (At least I hope not, or I <em>would</em> judge you.)</p>
<p>Introducing humanising touches to your product can diffuse user frustration in a similar way. AirBNB does this perfectly with its 404 page:</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-15430" src="https://www.mindtheproduct.com/wp-content/uploads/2019/03/3521b176-c026-4882-9ef5-b8b38ec42730_pasted20image200-300x172.png" alt="AirBNB's error page with a delightful illustration" width="1104" height="633" srcset="https://www.mindtheproduct.com/wp-content/uploads/2019/03/3521b176-c026-4882-9ef5-b8b38ec42730_pasted20image200-300x172.png 300w, https://www.mindtheproduct.com/wp-content/uploads/2019/03/3521b176-c026-4882-9ef5-b8b38ec42730_pasted20image200-768x440.png 768w, https://www.mindtheproduct.com/wp-content/uploads/2019/03/3521b176-c026-4882-9ef5-b8b38ec42730_pasted20image200-1024x586.png 1024w, https://www.mindtheproduct.com/wp-content/uploads/2019/03/3521b176-c026-4882-9ef5-b8b38ec42730_pasted20image200.png 1600w" sizes="(max-width: 1104px) 100vw, 1104px" /></p>
<h3>2. Illustrations can Increase Customer Satisfaction</h3>
<p>The Kano Model, developed by Noriak Kano in the 1980s, uses a simple grid that compares investment with customer satisfaction, helping us prioritise product development. (You can read more about this <a href="https://www.mindtheproduct.com/using-the-kano-model-to-prioritize-product-development/" target="_blank" rel="noopener">here</a> if you’re not familiar with the Kano Model.)</p>
<figure id="attachment_15429" aria-describedby="caption-attachment-15429" style="width: 847px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-15429" src="https://www.mindtheproduct.com/wp-content/uploads/2019/03/bba17666-b79b-45d5-a048-325951abf5f3_pasted20image200-300x227.png" alt="" width="847" height="641" srcset="https://www.mindtheproduct.com/wp-content/uploads/2019/03/bba17666-b79b-45d5-a048-325951abf5f3_pasted20image200-300x227.png 300w, https://www.mindtheproduct.com/wp-content/uploads/2019/03/bba17666-b79b-45d5-a048-325951abf5f3_pasted20image200-768x582.png 768w, https://www.mindtheproduct.com/wp-content/uploads/2019/03/bba17666-b79b-45d5-a048-325951abf5f3_pasted20image200.png 966w" sizes="(max-width: 847px) 100vw, 847px" /><figcaption id="caption-attachment-15429" class="wp-caption-text">The Kano Model (with thanks to Martin Eriksson)</figcaption></figure>
<p>In the Kano model, the surprise touches that users enjoy are called &#8220;delighters&#8221;. For example, imagine a staff member handing a free lollipop to your child to keep them happy while you queue at the bank.</p>
<p>In the digital world, a delighter could be a humorous illustration that pops up whilst you’re waiting for a form to submit, or the cute little mascot that appears on help dialogues. It’s something that makes the customer feel good, that they’re likely to remember.</p>
<p>Delighters generally have a greater satisfaction to investment ratio than other features; think of the cost of lollipops relative to a complete refit of the bank’s interior. A lollipop is also likely to make more of an impression on the customer’s memory than a refit.</p>
<p>The same can be applied to digital products. Illustration can be considerably less expensive than redesigning and rebuilding sections of your product – yet can have a greater user satisfaction score.</p>
<h3>3. Illustrations can Help you Retain Users by Improving Onboarding</h3>
<p>User onboarding is one of the most important parts of the user journey. Without a good onboarding process you’re likely to see a steep retention drop right after sign up. Improving the onboarding process can be one of the most effective ways to improve retention.</p>
<p>A good onboarding process should give the user an &#8220;aha!&#8221; moment. This is the moment they fully understand the value your product will give them – and illustration is one of the quickest and most effective ways to do this.</p>
<p>Whether it’s to convey an emotion or explain a process, illustration can achieve in a glance what words alone can fail to do.</p>
<p>Keeping users engaged during onboarding can also be a challenge. If they have to jump through several verification hoops to set up their account, keeping them entertained during this process can be make or break. Much like the lollipop for your child in the queue at the bank.</p>
<figure style="width: 600px" class="wp-caption alignnone"><img loading="lazy" decoding="async" src="https://www.mindtheproduct.com/wp-content/uploads/2019/03/2c08cbc4-4b3d-4621-ac4c-a70483006932_hot-chip_running.gif" alt="An animated illustration of a Monzo debit card smiling and running" width="600" height="600" /><figcaption class="wp-caption-text">Partway through the Monzo onboarding process there must be a lull of a couple of days while the user is sent their new bank card. To avoid users losing interest, Monzo takes that opportunity to build excitement with an emotion-filled animated mascot.</figcaption></figure>
<h3>4. Illustrations Could Give you a Free PR and Marketing Boost</h3>
<p>Including illustrations within the user experience can give users unexpected moments of delight. Done well, surprise touches like this can attract a small crowd of people who want to see what made their colleague snort their coffee out their nose.</p>
<p>If you’re really lucky, they’ll share it on social media. At the very least your user will smile to themselves, and log a positive memory of your product – making them more likely to remember and recommend it over your competitors.</p>
<p>You can even bag yourself some extra publicity by choosing an illustrator who has a large social media following &#8211; as they’re likely to share the work they do for you on their social media accounts.</p>
<p>Finally, if you plan your illustrations well they can double up to be used both within the user interface and as part of your marketing campaigns.</p>
<figure id="attachment_15421" aria-describedby="caption-attachment-15421" style="width: 949px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-15421" src="https://www.mindtheproduct.com/wp-content/uploads/2019/03/3a62bb53-d054-44e3-92bb-1df36e9a0db4_pasted20image200-300x148.png" alt="" width="949" height="468" srcset="https://www.mindtheproduct.com/wp-content/uploads/2019/03/3a62bb53-d054-44e3-92bb-1df36e9a0db4_pasted20image200-300x148.png 300w, https://www.mindtheproduct.com/wp-content/uploads/2019/03/3a62bb53-d054-44e3-92bb-1df36e9a0db4_pasted20image200-768x378.png 768w, https://www.mindtheproduct.com/wp-content/uploads/2019/03/3a62bb53-d054-44e3-92bb-1df36e9a0db4_pasted20image200-1024x504.png 1024w, https://www.mindtheproduct.com/wp-content/uploads/2019/03/3a62bb53-d054-44e3-92bb-1df36e9a0db4_pasted20image200.png 1377w" sizes="(max-width: 949px) 100vw, 949px" /><figcaption id="caption-attachment-15421" class="wp-caption-text">TunnelBear has made a potentially boring product memorable with its comedy bear</figcaption></figure>
<h3>5. Illustrations can Build Strong Brand Recognition – Fast</h3>
<p>Illustration can play a huge part in building a brand identity and if you’re tight on budget you can sometimes get away with keeping the brand itself simple (simple logo, typeface, and colours) and invest more in a quality illustration style or mascot that your users will love and remember you for.</p>
<figure id="attachment_15420" aria-describedby="caption-attachment-15420" style="width: 1003px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-15420" src="https://www.mindtheproduct.com/wp-content/uploads/2019/03/cafe14d7-1eca-49ce-ab92-f3eb3b610042_pasted20image200-300x117.png" alt="A timeline of the Mailchimp mascot visual evolution" width="1003" height="391" srcset="https://www.mindtheproduct.com/wp-content/uploads/2019/03/cafe14d7-1eca-49ce-ab92-f3eb3b610042_pasted20image200-300x117.png 300w, https://www.mindtheproduct.com/wp-content/uploads/2019/03/cafe14d7-1eca-49ce-ab92-f3eb3b610042_pasted20image200.png 1012w" sizes="(max-width: 1003px) 100vw, 1003px" /><figcaption id="caption-attachment-15420" class="wp-caption-text">You don’t need to get it perfect first time; Mailchimp’s monkey mascot has evolved over time without losing its identity</figcaption></figure>
<h2>A few Tips to Summarise</h2>
<ol>
<li>Identify your user’s pain points and if you can’t immediately fix them, soften them with illustrations that remind them that you’re human and you care.</li>
<li>Use the Kano model to prioritise your features, including delighters like illustration that can give you quick win customer satisfaction points.</li>
<li>Use illustration to improve your onboarding process to win users&#8217; hearts early on and avoid early retention drop-off.</li>
<li>Consider carving budget for illustrations from your PR and marketing budgets, because fun illustrations often get shared online, making great user generated content.</li>
<li>Consider economising on branding, within reason, to free budget for illustration &#8211; it can be more powerful for brand recognition than a fancy logo. (What do you remember about TunnelBear? The logo or the bear?)</li>
<li>If you do decide to introduce illustration to delight your users, make sure you choose a consistent style that fits your brand and market &#8211; remember that you want to surprise and delight them, but not confuse them.</li>
</ol>

core/freeform

What good product design looks like – Miguel Fernandez (VP of Product Design, Slack)

How Humanising Your Product can Make all the Difference

Megan Sayers

Read more

Comments