Card-style design lies at the intersection of design for desktops and mobile devices, bridging the gap between interaction and usability. But in order to be successful, card-based interface requires both clean aesthetics and direct user engagement with a certain action.
Cards can appear in a stream, creating a timeline of events. For example, Facebook uses them to present a quick overview of recent events in the news feed. Facebook’s news feed is an endless stream, whereas cards are individual . The point of cards here is disaggregation . They’re taking things out of infinite stream, packetizing them, and making them sharable . This action also encourages users to share the content on social media.
Facebook is a great example of content-driven card design. Cards allow relevant content to naturally reveal itself, making possible for users to dive deep into their interests. Take a look at Behance , an online creative community which showcases creative work. Card-based design is the most suitable way for presenting such type of content.
Behance uses a card layout for maintaining an intuitive user interface. (Large preview) Tinder is a great example of how utilizing discovery mechanism to present the next option has driven the app to emerge as one of the most popular mobile apps. Tinder has a terrifically simple card swipe interface — you swipe to the left if you’re not interested, to the right if you are. This card-swiping mechanism is curiously addictive, because every single swipe is gathering information — cards connect with users and offer the best possible options based on the made decisions.