The anatomy of a card

Cards have been on my mind and in my files the past few weeks and I’m falling back in love. When they were first introduced to the digital scene years back, they helped to redefine digital user experiences and mobile UI, even though the design problem they solved was not particularly new. Business cards, playing cards, Google Now cards – they all work to provide the user with just enough information to either educate or encourage action.

But like most things, not every cute monkey and their mother can create solid cards. Our digital landscape has become cluttered with card-garbage and and well-executed examples have become further and farther in between.

Here are a few things to keep in mind when creating cards (backed by people that know way more than me):

  • Keep it simple: Less is not always more but simple is.
  • Keep it scannable: At a glance, the user should be able to pick up on key information. Effective cards present information in a structured way.
  • Keep it sharable: Well designed cards can solve mobile distrubution challenges and can give your content some serious legs.

Codepen.io has a great library of cards to peruse for inspiration. Check it out here.

Mary Spacapan

Author Mary Spacapan

As the Associate Creative Director for LGND, Mary leverages good design for good reason, dreaming up actionable products beloved by both stakeholder and user. Her strengths in visual storytelling steward the creative that lives inside every single one of us.

More posts by Mary Spacapan