https://vimeo.com/435310966

7-6 list cards_filtered-v2.txt

Why use lists or cards?


For a majority of apps, cards and lists make up the majority of content that is "consumed" by users.

Cards are often used for grouping multiple pieces of content together like an avatar, username, timestamp, photo or video, and text caption. All of these together can be more easily seen as a group if it's contained in a card. Think of any social media app and it's highly likely they are using some card-based layout for their user-generated content.

Lists are most often used as a utility, where scan-ability is a bigger factor in the overall experience.

What's the difference?

The biggest differentiator is the presence of a background module—traditionally in the shape of a card—that is stylistically delineated by color or border, or both.

Lists


https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2571b3b5-0cc3-43fb-b389-72eabb80f302/lists.svg

Cards


https://s3-us-west-2.amazonaws.com/secure.notion-static.com/d4a701ac-321f-4974-80b9-036f31c845e5/cards.svg