8 правил, которые помогут вам спроектировать лучший дизайн карточки

1. Ограничьте контент

Ограничьте контент до 100 символов или не более двух коротких предложений. Карточка должна содержать достаточно информации, чтобы помочь пользователю определить, следует ли ему продолжать взаимодействие.

2. Разграничьте действия

Карточки с несколькими действиями должны быть визуально дифференцированы. В приведенном выше примере я делаю последующее действие менее заметным, назначая ему стиль ссылки вместо стиля кнопки.

3. Добавьте визуальную иерархию

Контент должен иметь визуальную иерархию. Чтобы узнать больше о типографической иерархии, прочитайте статью «5 простых способов улучшить типографику».

4. Делайте умеренные границы

Новички дизайнеры любят разделять контент с помощью границ, чтобы обозначить отдельные группы. Эти границы вызывают ненужный визуальный шум, который отвлекает от контента.

5. Ограничьте количество ссылок

Не добавляйте встроенные ссылки. Карточка должна быть единственной ссылкой или предоставлять ограниченный набор действий.

6. Одна идея на карточку

Не представляйте несколько идей в одной карточке. Вместо этого выделите для каждой идеи свою карточку.

7. Знайте, когда использовать список

Используйте список вместо карточки для однородного контента, который не занимает несколько строк, чтобы обеспечить более быстрое сканирование.

8. Знайте, когда использовать таблицу

Используйте таблицу вместо карточек для наборов контента, содержащих много переменных одного типа.

Пожалуйста, имейте в виду, что нет правильных или неправильных ответов, просто некоторые ответы чуть правильнее других. Надеюсь, что рекомендации, представленные в этой статье, помогут вам создать лучшие карточки!