<p>Published on <a href="https://blog.prototypr.io/why-you-should-use-illustrations-part-1-b843b5b7469a?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Shir Zalzberg </p>
<h3>Illustrations! when, where and why (Part 1)</h3>
<p>Let’s start with a confession. I own a Unicorn’s onesie. <br />Actually, I own two of them.</p>
<p>I have made a conscious, adult decision to purchase every item that contains illustrations, the color pink and sparkles I come across. The onesies happen to check all of the above. <br />And now, armed with that knowledge about me, you will find it as no surprise that I LOVE illustrations, and using them in my work. My manager wasn’t surprised either, when I suggested adding illustrations to out homepage. However, this is where I encountered my first obstacles:<br />A. I was shocked to discover that my manager does not share my enthusiasm for Unicorns (I’m still investigating how could it happen).<br />B. He had a simple question. Why? Why should we use illustrations, how are they will contribute and where should we incorporate them?</p>
<p>Honestly, he made a compelling argument.</p>
<h3><strong>The advantages of using illustrations</strong></h3>
<h4><strong>It’s easier for us to understand information using illustrations.</strong></h4>
<p>Let’s kick off with some history. One of our very first means of communication were illustrations, way before any form of modern writing. as a matter of fact, <a href="https://www.smithsonianmag.com/history/journey-oldest-cave-paintings-world-180957685/">cave drawings from over 35,000 years ago were recently found</a>, so communicating through illustrations is something we’ve been practicing for a long time.</p>
<p>This didn’t happen by chance, <a href="http://www.imagethink.net/true-or-false-vision-rules-the-brain/">a big part of our brain is devoted for visual processing</a> and researchers claim that over 90% of the information we process is visual. Because our ability to take in and process visual elements is so impressive, we’re able to understand an idea much quicker if it was conveyed using visuals. <a href="https://link.springer.com/article/10.1007%2FBF02765184">In this research</a>, people who followed illustrated instructions were 323% more successful than people following non illustrated instructions.</p>
<h4><strong>Illustrations help bridge cultural gaps</strong></h4>
<p>To convey an idea in writing, we need to create multiple versions of our text according to the different languages of our readers. When we use illustration, we can convey the same idea to people who don’t share a common language. A great example would Ikea’s manuals. Instead of written instructions in numerous different languages, Ikea have illustrated manuals, and they work incredibly well for users from around the world.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/900/1*a5o9lIxaYODmjRGjY0Qp-Q.png">Instructions for an ikea product</p>
<h4><strong>Illustrations add delight to our products.</strong></h4>
<p>I assume you’ve already heard about the term “Delight”, it’s a serious buzzword right now.</p>
<p>This term describes an experience that makes our users feel pleasure or extreme satisfaction. Users will always look for that special bond, something that will make us fall in love with a product. If we were lucky enough to find a product that special, there’s a good chance we will stay loyal to that product and choose it over the competition. Illustrations that create a delightful experience not only help us convey the idea of our product, they help us inject content and character into a product that otherwise, might have been a bit boring.</p>
<p>Try to think of an illustrated product you like, why did you choose this product over the competition? <a href="https://mailchimp.com/">Mailchimp</a> might be the perfect example — Mailchimp beautifully highlight the important moments users experience and they make those moments unforgettable. For example, When you’re just about to send your newsletter you will come across an illustrated GIF of a sweaty finger moments from pushing the send button. With that, Mailchimp were able to capture and transform the exhilarating moment of pushing that button, a true magic moment. That small but very special experience was memorable for me and made me think of their product as more than just a work tool. But we will talk more about mailchimp later on.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/900/1*8g3aYSD4oOgI7f-reo5Q2g.png">Mailchimp’s gif, a moment of solidarity.</p>
<p>A magic moments and delight experience can also be created by surprising your users. A great example for that is Slack’s 404 page. While a user was expecting to view the page he was looking for, he accidentally arrived to an error page stating the page doesn’t exist. Instead of directing the user to another page, Slack used this page to transfer a truly one of a kind experience that surprises us for the best.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/900/1*tIDDNU-KW3pJa-P8Exyh4g.png"><a href="https://slack.com/404">Slack’s 404 page</a>, a surprise you won’t want to leave.</p>
<p>So far we went over some of the advantages illustration can offer for your product’s user experience.</p>
<p>HOWEVER, these advantages would also work well with using different kinds of visual elements such as photography. So why did I choose to focus strictly on illustrations?</p>
<h4><strong>Illustrations spark your user’s imagination.</strong></h4>
<p>Illustrations grow your imagination.</p>
<p>When we use photography we limit the imagination of our users to what is presented before them. Illustrations give our users just the right amount of room for interpretation and help them imagine themselves in that situation. While It might be hard to identify ourselves with a person in a photo, an illustration without any identifying features makes it much easier to identify with and imagine ourselves in that situation.</p>
<p>The ability to identify with an illustration creates a more personal experience for the users and a more memorable one to that extent.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/900/1*sYUHPVwdnpDWIQ1WlBwvow.png">An illustration out of the book: <a href="https://www.amazon.com/Understanding-Comics-The-Invisible-Art/dp/006097625X">understanding comics</a></p>
<h3><strong>I’m convinced! But how should I use illustrations?</strong></h3>
<p>Illustrations can prove useful in various locations throughout your product. You’ll need to decide how dominant you want illustrations to be with your product’s experience. <br />In Part 2 we will go over some of the options available, stay tuned!</p>
<h4><strong>Thanks for reading! </strong><br /><strong>Did you know that every time you clap for a medium design article, an angel gets gradient wings? Start right now! &gt;&gt;</strong></h4>
<p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Ff51076%3Fas_embed%3Dtrue&amp;url=https%3A%2F%2Fupscri.be%2Ff51076%2F&#038;image=https%3A%2F%2Fe.enpose.co%2F%3Fkey%3DdRXnS9Gplk%26w%3D700%26h%3D425%26url%3Dhttps%253A%252F%252Fupscri.be%252Ff51076%252F%253Fenpose&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="400" frameborder="0"><a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=b843b5b7469a" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="https://blog.prototypr.io/why-you-should-use-illustrations-part-1-b843b5b7469a">Why you should use illustrations (Part 1)</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


Why you should use illustrations (Part 1)

Illustrations! when, where and why (Part 1)

Top Stories