О недостатках «карточного» дизайна в новостных изданиях

Карточки против списков, иллюстрация  с сайта https://medium.theuxblog.com
Карточки против списков, иллюстрация с сайта https://medium.theuxblog.com

Medium-журнал The UX Blog в сентябре опубликовал колонку британского дизайнера Роба Гилла (Rob Gill) о недостатках распространенного «карточного» дизайна по сравнению с обычным списком ссылок в новостных изданиях. Карточками он, ссылаясь на положения Google Material Design, называет

материал, являющийся точкой входа для более детальной информации.

Основные тезисы:

  • Карточки хорошо работают, когда надо кратко пересказать статью или дать понять пользователю, что за карточкой он найдет больше информации;

  • В новостях на главной странице и в архиве карточная схема работает хуже и и используется слишком часто (Гилл рассказывает, в частности, о своем опыте со спортивным сайтом goal.com);

  • Как только приложение переделали в карточный вид, пользователи новостей отреагировали просьбой сделать просмотр новостей более удобным. Карточка подразумевает изучение картинки, заголовка и описания — в новостном сценарии главное это заголовок.

  • На небольшом экране на первый план выходит число помещающихся элементов.

Карточный дизайн приложения Goal.com
Карточный дизайн приложения Goal.com
  • Карточки увеличивают использование «бургерного» меню, причем, похоже, пользователи просто не находят нужной информации и пытаются отыскать ее через меню;

  • Карточки увеличивают глубину прокрутки. Одна из причин — пользователи видят меньше контента, и даже с увеличением прокрутки на тестовом карточном сайте они видели на 3 материала меньше, чем на традиционном.

  • Расстояния между карточками имеют значение. Иногда можно сократить расстояние до нуля и без потерь для красоты вписать еще один элемент контента. Автор приводит в качестве подтверждения этого тезиса эксперименты Google.

Выдача Google с карточками и без
Выдача Google с карточками и без
  • Карточки — индивидуальные куски контента, каждая из них призывает оценить себя. В списке все элементы равноправны и принадлежат списку. В случае, если нужен список с равноправными элементами, как часто бывает в новостях, не используйте карточки.

Автор: Александр Амзин

журналист, медиаконсультант