Попросили разобрать пример для ритейла1 min read

Дисклеймер: это пример для главы «про слайды» в книгу моего старого клиента Дмитрия Леонова.

Рисунок 1 — Исходник (по клику крупный размер)
Рисунок 2 — Лучше (по клику крупный размер)

Теперь в деталях, почему исходный слайд работает хуже

1) Рыхлая структура. Вначале взгляд цепляется за крупный логотип справа, но потом поняв, что смысла в нем нет, возвращается на заголовок, где продирается сквозь очередной логотип и название компании, и лишь затем идет на 4 канистры. Далее выглядит так, что и описание каждой канистры и общие черты двух категорий (гели и кондиционеры) и даже общие свойства обоих категорий — все это визуально практически равнозначно. Хотя мы понимаем, что нижняя строчка таблицы явно наименее важная в сравнении со строчками выше.

2) Слишком мелкий заголовок, слишком крупные логотипы. Я рекомендую начать ценить время вашей аудитории. Считайте всегда, что их время дороже вашего. Не тратьте время читателя на изучение логотипов — они ему неинтересны и ненужны, это не дизайнерский конкурс логотипов. Ему важна суть. Поэтому пускай логотипы станут поменьше и не на первом месте. Да, придется нарушить изменить шаблон. Выбирайте сами: «Сделать работу» или «Следовать фирстилю».

3) Ну и наконец рамочки таблицы. Посредственная верстка всегда спасается рамочками. Здесь рамочки помогают скрыть кашу, которая возникла из-за отсутствия явной визуальной структуры (см. п.1) Они отвлекают человека от текста, а должны помогать.

4) Единственный плюс слайда — это дешевизна создания оного. У тебя есть куча текста и 4 картинки. Быстро создал таблицу, рассовал объекты и вроде пристойно.


Добавить комментарий