Illustration in UI

What Is Illustration?

Basically, illustration is a visual interpretation of a particular concept, text or process. It’s an image that aims at supporting, clarifying or even extending the ideas that people get from the other source of information, most often given in the form of the text. The word itself means “throwing light on something” so its main purpose is to help the viewer understand or imagine something better.

Through the years, illustrations have been integrated into diverse print stuff like books, magazines, newspapers, posters, flyers, educational materials. Later, the field got a new breath with cartoons and video production. And quite recently, new technologies and tools pushed the limits opening the time of digital illustration. 99effect

Describe concepts

Sometimes it might be hard to describe a concept using only words (especially, if it’s an abstract concept). Illustrations have a natural power for clarifying things and designers can use this property. For example, Basecamp uses illustrations to demonstrate the everyday problems of modern business. The message won’t be so compelling with words only.

User reached a goal

Animated illustrations which appear on a screen at the time when users achieved a goal can evoke a feeling that users achieved something significant. Eymockup

Engage the User Through Their Journey

Whenever a user interacts with a website or user interface, they’re looking to accomplish a specific task. The steps they take to achieve that task forms their user journey. Designing interfaces in a way that improves the user journey (and hence, the user experience) is achievable through the use of UI illustrations.

Read More