4 Benefits to Using a Card-Based Design

How digital cards can improve your user experience.

Marco Fabrega III
2 min readMar 2, 2018
https://dribbble.com/shots/3727222-Air-Jordan-Sneaker-Profile-Cards

1. Organize Content

Cards allow information to be divided into meaningful sections. Information can be prioritized to users in various pieces to form one coherent piece of content.

https://dribbble.com/shots/3279422-Boarding-Pass
https://dribbble.com/shots/3239552-Product-Checkout-and-Shopping-Cart

2. Create Digestible Content

Card are essentially another way to communicate quick stories that aid in creating scannable content that is digestible for users.

https://dribbble.com/shots/3242889-Movie-Ticket-Email-Receipt
https://dribbble.com/shots/3743572-Game-Of-Thrones-Character-Profile-Cards

3. Intuitive to Use

We are familiar with using cards in the physical world at an early age (flashcards, trading cards, advertisements etc) so the physics of cards is intuitive for users to understand.

https://dribbble.com/shots/3462397-Card-Expansio
https://dribbble.com/shots/4116731-NIKE-OFF-WHITE-Card-Exploration

4. Scalable for Varying Sizes

Cards work well as scalable content containers. They can work as a system to create a consistent experience.

https://dribbble.com/shots/3745316-System-Dashboard
https://dribbble.com/shots/3546609-Favorites

Feel free to comment any feedback or suggestions for ideas!

Looking to connect with me? You can find me on LinkedIn, Dribbble, and Instagram.

--

--