<?xml version="1.0" encoding="utf-8"?>

Use separate cards to display items on distinct topics

Use separate cards to display items on distinct topics Bad Practice
Use separate cards to display items on distinct topics Best Practice

Cards are perfect for splitting heterogeneous items. By establishing boundaries or a common background, cards indicate that elements within are related and those outside are not.

Placing items of different topics within one border increases cognitive load, making users wonder if the content is related or not. Instead, split the content into logical groups to help users navigate faster.

Improve your UX & Product skills with interactive courses that actually work