![Карточки против списков, иллюстрация с сайта https://medium.theuxblog.com](https://i0.wp.com/themedia.center/wp-content/uploads/2016/11/cardsvslists-1024x356.png?resize=840%2C292)
Medium-журнал The UX Blog в сентябре опубликовал колонку британского дизайнера Роба Гилла (Rob Gill) о недостатках распространенного «карточного» дизайна по сравнению с обычным списком ссылок в новостных изданиях. Карточками он, ссылаясь на положения Google Material Design, называет
материал, являющийся точкой входа для более детальной информации.
Основные тезисы:
- Карточки хорошо работают, когда надо кратко пересказать статью или дать понять пользователю, что за карточкой он найдет больше информации;
-
В новостях на главной странице и в архиве карточная схема работает хуже и и используется слишком часто (Гилл рассказывает, в частности, о своем опыте со спортивным сайтом goal.com);
-
Как только приложение переделали в карточный вид, пользователи новостей отреагировали просьбой сделать просмотр новостей более удобным. Карточка подразумевает изучение картинки, заголовка и описания — в новостном сценарии главное это заголовок.
-
На небольшом экране на первый план выходит число помещающихся элементов.
![Карточный дизайн приложения Goal.com](https://i0.wp.com/themedia.center/wp-content/uploads/2016/11/cards-1024x400.png?resize=840%2C328)
- Карточки увеличивают использование «бургерного» меню, причем, похоже, пользователи просто не находят нужной информации и пытаются отыскать ее через меню;
-
Карточки увеличивают глубину прокрутки. Одна из причин — пользователи видят меньше контента, и даже с увеличением прокрутки на тестовом карточном сайте они видели на 3 материала меньше, чем на традиционном.
-
Расстояния между карточками имеют значение. Иногда можно сократить расстояние до нуля и без потерь для красоты вписать еще один элемент контента. Автор приводит в качестве подтверждения этого тезиса эксперименты Google.
![Выдача Google с карточками и без](https://i0.wp.com/themedia.center/wp-content/uploads/2016/11/googlecardslists.png?resize=620%2C413)
- Карточки — индивидуальные куски контента, каждая из них призывает оценить себя. В списке все элементы равноправны и принадлежат списку. В случае, если нужен список с равноправными элементами, как часто бывает в новостях, не используйте карточки.