Не размещайте картинки зигзагом / Don’t use zigzag slide layouts

Наткнулся на исследование Норман Групп:

Zigzag Image–Text Layouts Make Scanning Less Efficient

В переводе на русский — компоновка картинок и текста зиг-загом делает осложняет сканирование информации.

Но речь в исследовании лишь про то, что если используются картинки «не по делу» (ради украшения), то вот с ними лучше зиг-заг не использовать. Пользователи быстро просекают быссмысленность картинок и тяготеют их игнорить, а зиг-заг этому мешает. Понимаете. Булшит фильтровать мешает. Поэтому равняйте все однотипно.

Если же картинки «по делу», то что зиг-заг, что равнение по левому краю — одинаково ок. Но вот такие примеры с картинками «все поделу» и зиг-загом, я оставлю на вашей совести:

Возникает разумный вопрос — а если не картинки, а просто иконки, но «по делу», то их можно ставить зиг-загом?

И вот тут мое мнение, а не Норман Групп. При зиг-заге 50% иконок окажется справа от текста. У меня сомнение, что такое размещение именно пиктограмм вообще полезно, т.к. иконка перед текстом вызывает ассоциацию, а текст помогает её развить. Всё вместе улучшает понимание. Если иконка позади текста, то смысла в ней уже меньше. Мы скорей всего и так поняли текст.

Итого:

  1. Картинки «по делу», или обойдитесь без них.
  2. Иконки лучше ставить перед текстом (зиг-заг будет мешать)
  3. Если уж вам выкручивают руки и просят поставить побольше бессмысленных картинок, то поставьте их по левому краю, чтобы не сбивать людям булшит-фильтр.