Illustration is Key-A New Dimension to UX & UI Design

As designers, are we all only responsible to solve problems and create functional designs?

A user-centric design process focuses more on empathising how a user connects or interacts with a product. It is both a logical and an emotional supplement that enhances your product experience.

“People ignore design that ignores people” -Frank Chimero

Original: Onboarding by MuziYing

The balance of both emotional and functional attributes of a design can be achieved through illustrations.

As a Product Designer, I couldn’t agree more with what Atlassian Design has to say about Illustrations.

THE ROLE OF ILLUSTRATIONS:

1.It makes complex ideas more accessible.
2. It can change the tone and speak directly to users based on the user’s task to be done and the user’s emotional state.
3. Just like the written word, illustrations exist to tell stories and thoughtfully convey ideas.
4. Illustrations are used across marketing touch points to support a cohesive, clear, and a consistent story from start to finish.

Today, we are going to look at a few examples of good User Experience Design supported by illustrations.

_____________________________________

1. Airtable

  1. Across mobile and web platforms, it is essential to study the target demographic and the goal of the product (guidelines) to come up with the elements, concepts and design language of the illustrations.

2. Slack (My numero uno)

  1. In my attempt to speak of the different types of illustrations, the above image is a collage of all the illustration sections of Slack.

3. Onboarding and Error State Illustrations

  1. Sometimes we need to depict an entire flow or a status in one illustration for the user to quickly grasp information.

_____________________________________

Illustrations are very impactful! You can let your user find your product interesting, curious and also relish them with a warm and an empathetical experience with your product, they know nothing about!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store