Cards: The New Trend in Web and Mobile User Interfaces

By November 14, 2016Creative

Cards, Designers, and You

A designer’s responsibility is to understand their user’s needs and goals, present them the right information at the right time, and in the right way. Current user interface trends are moving toward personalized experiences in the form of card-based interactions. You can see them in a flurry of different mediums from websites to mobile apps to even email design. Why is this quickly becoming a trend? Here are a few reasons:

People Love Chunks

“Chunking” is a term in graphic design that means grouping elements close enough so that the user understands they all relate together. Cards contain all these different chunks of content improving your communication of information.

screen-shot-2016-11-14-at-10-26-52-amWe used cards for a client to chunk their welcome email into digestible sections. It easily allows the user to see and learn about each show without being overwhelmed. (Image credit: Hawke Media)

Historically People Collect Cards

From your dad’s extensive baseball collection to kids’ Pokemon card collecting, every generation has spent a considerable amount of time around the concept of cards. This is important because the card format brings familiarity to places like websites and apps where we don’t always feel comfortable. Whether your user is aware of it or it is more of a subconscious effect, users quickly tend to understand that cards hold one grouping of information, so they can quickly navigate around an app interface or website.

screen-shot-2016-11-14-at-10-26-55-amCards draw users’ focus directly to itself. It makes scanning the information quick and easy. The white container acts almost as a post-it-note—a familiar object that signifies “Hey, there’s a lot of important information here that all relates to each other.”  (Image credit: ReallyGoodEmails.)

The New Canvas For Artists

Collectable cards come in many flavors: holographic, oversized, coated with metals, etc. These aesthetically pleasing designs are typically the root reason for collectors obsession over rare cards. In the same vein, card design on websites and apps is a great way to pair illustration with information in a very aesthetically pleasing way. Designers and illustrators take their craft to the limit by creating cool images and icons that help ease the intake of valuable information.

screen-shot-2016-11-14-at-10-27-07-amLingo capitalizes on their brand with a fantastic use of color and chunks the content into two different cards: the top card emphasizing a great illustration and the bottom card focusing on building more brand awareness. (Image credit: ReallyGoodEmails.)

TL;DR
In conclusion, card design is a great way to increase user engagement as it logically groups information together to be quickly digested by users, allows for artistic images to be effectively displayed, and brings a sense of familiarity for users. Many companies are looking to revamp their brand presence with us by engaging in email redesigns and website optimizations. No matter the industry, from wine to cosmetics, we implement best user interface and user experience principles in their new designs. So, do not be surprised when you see these cards come up in our design mocks we present to you. In fact you should be excited!

© 2017 | All rights reserved Hawke Media.