The benefits of illustration in digital products

Harrison Milne
Mayte
Published in
5 min readFeb 12, 2018

--

Last year I wrote a design forecast of what to expect from the design community in 2018. So I thought why not elaborate on the design elements that are really starting to make some moves.

In a world where design thinking is becoming stronger and more critical in order to positively affect user and customer experience. One area of design, in particular, is getting stronger and more creative every day.

Illustration has become an important part in all areas of visual and communication design. This is because it compliments content, experience, and memorability of a brand and platform.

Yeah, yeah, but why?

Well, illustrations/drawings are in fact the oldest form of written communication. With some cave drawings discovered to be up to 35,000 years old.

Chauvet Cave, Ardèche, France. Dated to: 30,000 to 28,000 B.C. Source

Researchers have also found that 90% of the information that us humans process are visual. This form of communication wasn’t an accident either, researchers have also concluded that our brain stores two variations of a visual element, one verbal and the other visual. Compared to written, which is just stored as verbal. Through the process of storing a verbal and visual code in two separate parts of our brains when viewing an illustration as a form of communication. It makes it more likely that we can access this information making it easier to remember and actually having an impact.

So how can illustrations benefit a product or service in 2018?

The list of benefits realistically can go on for days but let’s focus on 3 that I find the best benefits or use cases:

  1. Add delight
  2. Ease of understanding
  3. Identity

Adding delight

Delight within a digital product is something that has gotten a lot of attention within design and user experience in recent times. This term refers to providing users with great pleasure or satisfaction. This element is something that can be achieved quite simply. If successful a brand can build a sense of character surrounding their product as a result. Many brands achieve delight in different ways but two brands that are worth noting is Mailchimp and Asana.

Source: asana board

Currently, both Mailchimp and asana use delightful illustrations in-order to capture a particular moment or experience on their application. Although asana’s example is much more simple, it is an element of delight. This example by Asana displays a little Board Monster that pops out behind cards when successfully moving its location. This is surprise is something that happens randomly and is a subtle example that helps improve memorability.

Mailchimp is an absolute champion when it comes to capturing the importance of a moment through illustration. There are a number of surprises when navigating through their emailing process. The first when you try to send the email to your subscribers. This initial example displays a sweating monkeys hand about to press “that red button”. Then followed by a high five from the same cheeky monkey once the email has sent.

Ease of understanding

Illustrations are a perfect tool to help guide the user in understanding exactly what is going on whether on the platform or in a physical sense. I’m sure we are all familiar with the saying “a picture can say a thousand words”. This saying could not ring truer than this use of illustrations in this case.

Take this onboarding process for example. This app concept by Chapps uses an appealing set of animated illustrations to help the user grasp a better understanding of this new service. They achieve this by creating a nice set of illustrations for every step of the new service which helps the user visualise what they need to do in-order to participate.

Source: Chapps dribbble project

Identity

The identity of your brand or product is something that will definitely benefit from well thought out and consistent illustrations. This is an element that will help the user find a brand or service memorable and will ultimately lead the direction of any communication from the brand.

Sometimes there is just something that photography can’t achieve, Illustrations help make the impossible, possible. You can make illustrations as whimsical and fictional as you want, you can use illustrations in an abstract manner — stripped right back to help highlight the actions required on a platform or to highlight the product in its entirety.

Source:slack

When using illustrations to successfully improve your brand or products identity it has to have a purpose and not distract the user from what’s most important, your product or service. Although a well-executed illustration is is quite decorative, they aren’t there to solely make your product look “cool”. When this design element is chosen, it has to be done in a way to improve the user’s experience (keep this in mind, delight is perfect at this stage).

Source: Bugsnap concept by Robbin Cenijn for ueno.
https://dribbble.com/shots/3171729-Bugsnag-Mouseover-fun

What now?
If you’re thinking about improving your brand, service, and product with illustration it is easy to lose sight of what you need compared to what you want.
remember it needs to have a clear purpose, relate to the content and ease any friction of understanding. Illustration is a powerful design element and should be considered with all digital products in the future. I salute all that dare to step into the realm of originality and not take the easy path.

I would love to see your product and how illustration has improved the experience, or if you’re thinking about getting illustrations I would love to see what you currently have and want to improve.

--

--