Интернет-магазин с нуля. Полное пошаговое руководство

Зонирование при разработке дизайна

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

Согласно многочисленным исследованиям, внимание посетителя по сайту распределяется неравномерно (рис. 1 и 2).

Рис. 1. Распределение внимания посетителя по странице сайта

Рис. 2. Диаграмма Гутенберга

Наибольшее внимание клиентов привлекает верхняя область страницы (рис. 3).

Рис. 3. Зона наибольшего привлечения внимания

Именно там нужно расположить все, что важно клиенту. Как правило, это:

1. Шапка (логотип + контакты).

2. Ссылки на значимые страницы (доставка, оплата, о компании и т. д.).

3. Категории.

4. Баннеры, уникальное торговое предложение.

На рис. 4 приведен пример расположения информации на странице. Конечно, это не единственно возможный вариант. Например, категории можно расположить сверху, а не слева, а значимые ссылки внизу (если изначально нужно привлечь внимание к товару), но всегда учитывайте зонирование при распределении элементов магазина. Не стоит располагать категории справа, а отзывы слева.

Рис. 4. Размещение ключевой информации в зоне наибольшего внимания на примере магазина «Мир Гика»

Некоторые создают еще одну правую колонку (дизайн буквой П) и в ней помещают дополнительную информацию, например отзывы, группы «Фейсбук» или «ВКонтакте», последние просмотренные товары и т. д. Однако следует учесть, что правая колонка зажимает центральный контент и отвлекает на себя внимание уже при просмотре конкретного товара. Поэтому мой совет – лучше по возможности от нее отказаться.