Проверить, знает ли сайт что‑то о своей теме, легко. Если заголовок типа «Поликлиника № 21» в шапке выглядит уместным, значит что‑то пошло не так.

Богдан!

Проверить, знает ли сайт что‑то о своей теме, легко. Если заголовок типа «Поликлиника № 21» в шапке выглядит уместным, значит что‑то пошло не так.

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

Главная проблема: сайт ничего не знает о суши. Подставь в ячейки велосипеды и получишь сайт о велосипедах:

Другая глобальная проблема — однообразие. Суши показаны одинаково, покупателю придётся самостоятельно разбираться, что тут самое вкусное, а что самое сытное, где есть креветки, а где крабы. Но покупатель не хочет разбираться, он хочет поесть и повкуснее. На этом нужно сыграть. Увеличьте и выделите самые популярные наборы, соберите в отдельную группу сеты для компаний, расскажите, что самое сытное, а что подойдёт для новичков — создайте разнообразие. Пусть покупатель захочет поесть.

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

Пример — раскладка предметов в интернет‑магазине «Лавишустринг»:

Ещё мелкие проблемы в вашем макете: серые ссылки некликабельны на вид, «В избранное» вообще слилось с описанием, кнопки покупки маленькие и незаметные.

И напоследок. Вот так выглядит меню в живом ресторане:

Меню ресторана «Две палочки»

Подача эффективна: я был близок к тому, чтобы залить ноутбук слюной, пока готовил эти скриншоты для совета.

P. S. Это был совет по средам о вёрстке и типографике в вебе. Хотите знать всё об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? Присылайте вопросы.

Типографика в вебеМодульная вёрсткаЧередование ритмаФормат: иллюстрацияФормат: текстНоситель: сайт
Отправить
Поделиться
Запинить

Комментарии

На меня, напротив, такое меню, как в ресторане «Две палочки» действует отпугивающе. Во‑первых, мне кажется, что всё, что изображено большим и в нужном месте выгодно продать ресторану, а выгодные для меня предложения перечислены где‑нибудь на пятой странице мелким шрифтом. Во‑вторых, пока я найду, какие из них самые сытные, закончится время обеда. Проще говоря, если меню — не просто таблица с названиями, а такой вот супер‑буклет, я обращусь к официанту и попрошу: мне, пожалуйста, самый сытный набор без угря в пределах пятисот рублей. А меню будет навсегда отложено в сторону.

Раскладка предметов, как в интернет‑магазине «Лавишустринг» имеет смысл только тогда, когда предметы уникальны: их не сравнивают по размеру, оттенку, цене или другим качествам, а берут только на личный вкус. Потому что для сравнения товаров придётся применить память или листик с ручкой.

Мне представляется, что в примере, с которого начинался совет, аппетитной иллюстрации сверху страницы с самыми популярными наборами (и кнопками «В корзину») для начала было бы достаточно, а после можно ориентироваться на пользовательские сценарии на сайте по какой‑нибудь Яндекс.Метрике.

4 мая 2016

Рекомендуем другие советы