Оригинальные навигационные и дизайнерские решения в интернет-магазинах, 8 примеров

В первую очередь, навигация в интернет-магазине должна быть удобной и интуитивно понятной. Это — основной принцип, которым руководствуется большинство разработчиков при создании интернет-магазина. В то же время, конверсия — превращение посетителей в покупателей — может быть выше, если навигационные и дизайнерские решения будут оригинальными, интересными и запоминающимися. В этом материале — примеры таких решений.Материал Eight Examples of Compelling Navigation on Ecommerce Sites Армандо Роггио (Armando Roggio)

Shicon

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

Zoomii Books

Zoomii Books — книжный интернет-магазин, в котором все расставлено по полочкам. Буквально. Навигация — или с помощью поиска, или «пошаговая»: клик по полкам с нужной тематикой — приближение — клик по уточненным темам/авторам — приближение — клик по книге. Кому-то может показаться не слишком удобным (хотя «стандартная» навигация в интернет-магазинах носит не менее «пошаговый» характер), но в оригинальности разработчикам этого интернет-магазина не откажешь. Zoomii Books, книжный интернет-магазин

The Decoder Ring

В интернет-магазинеThe Decoder Ring продаются постеры, произведения (более-менее) современного искусства и т.п. На сайте нет подкатегорий, вариантов просматривать товары по автору, каким-либо образом сортировать их. Все, что есть, выдается в блоках при клике на титульные категории, причем между собой товары связаны весьма условно. Постраничная навигация вкупе с отсутствием явных связей между товарами «заставляют» посетителя просмотреть практически все, что есть в категории. The Decoder Ring, интернет-магазин постеров и пр.

MANKINDdog

MANKINDdog — интернет-магазин товаров для собак и их владельцев. Каталог MANKINDdog невелик, и заказать почти любой из имеющихся в магазине товар можно уже с главной страницы. Там и присутствует интересное решение — «карусель», ряд товаров (фото+название), ротируемых кликом по кнопкам со стрелочками. Хорошее дизайнерское решение в этой карусели — фокусирование на товаре, который сейчас находится в центре, и размытие фото товаров слева и справа от центра. Все составляющие карусели кликабельны. MANKINDdog, интернет-магазин товаров для собак и их владельцев

Feel The Power

Feel The Power — интернет-магазин одежды, созданный абсолютно вне рамок. Интерфейс основан на цветовой дифференциации категорий, выбор товара — процесс полный движения. При этом вопроса «куда кликать дальше?» не возникает. Общее впечатление от посещения этого интернет-магазина дополняет музыка. Feel The Power, интернет-магазин одежды

Loworks Store

Loworks Store — интернет-магазин дизайнерской одежды и прочей дизайнерской всячины. Принципиально, навигация стандартна, положительно влияют на впечатления от посещения магазина умело использованный звук и сам дизайн. Loworks Store, интернет-магазин дизайнерской одежды и прочей дизайнерской всячины

PodShop

PodShop — интернет-магазин, в котором продается всего пара товаров. В таких условиях навигацию можно особо не продумывать, однако должная работа была проделана. Сайт построен таким образом, что посетителю трудно избежать страниц с отлично написанным описанием товаров, которые плавно переходят в чекаут. Плюс — графическое исполнение, вызывающее улыбку. PodShop, интернет-магазин с парой товаров для iPod

Dirty Coast

Dirty Coast — интернет-магазин одежды. Интересная находка — кнопки Next и Prev, то есть «следующий» и «предыдущий», на товарных страницах. Кнопки сопровождаются графическим фрагментом товара, на страницу которого они ведут. Хорошее решение, так как при таком подходе количество моделей, просматриваемых одним посетителем, увеличивается, следовательно, возрастает вероятность покупки — человек выбирает товар не из кучи подобных, ему (человеку) как будто подносят вещи одну за одной, и он может лучше их рассмотреть и принять взвешенное решение.   Dirty Coast, интернет-магазин одежды

Автор: Антон Терехов

Подписаться на новости

Читайте также

25 октября / Комментарии

11 принципов веб-дизайна, которые повышают конверсию

Вы хотите увеличить количество конверсий на своем сайте? Многие знают, что дизайн оказывает на это значительное влияние. В этой статье мы поделимся 11 принципами веб-дизайна, которые повышают коэффициент конверсии.

далее →

26 сентября / Комментарии

Разбор юзабилити интернет-магазина Ulmart.ru и его преобразования за 2016 год

Изначально статья планировалась как одно целое, где я хотел рассмотреть возможные ошибки в юзабилити топа российских интернет-магазинов. Но после нескольких дней обзора, понял, что каждый сайт заслуживает отдельного разбора. Кроме того, мне захотелось не только осветить проблему, но и предложить своё видение ее решения. В связи с этим вся статья строится по схеме: Гипотеза о проблеме > Причина и Обоснование > Решение.
Поскольку статья начата еще в ноябре 2015 года, а закончена только сейчас, Ulmart успел исправить часть проблем,  обозначенных в статье. Об этом я дополнительно говорю в примечаниях . И сейчас мы можем отследить те преобразования, которые были сделаны.

далее →

6 сентября / Комментарии

Комфорт покупателей как залог успешного бизнеса. Основные ошибки в юзабилити интернет-магазинов

Четыре года назад была опубликована статья «22 ошибки в юзабилити интернет-магазинов, а также работающие варианты по их исправлению». Мы решили, что настала пора освежить данную информацию и задали разработчикам сайтов и CMS следующие вопросы: «Какие указанные в данном материале ошибки по-прежнему актуальны?», «С какими юзабилити-ошибками интернет-магазинов вам приходится встречаться чаще всего?», «Какие юзабилити-советы вы можете дать заказчикам?». И вот что мы узнали.

далее →

11 августа / Комментарии

Чек-лист юзабилити интернет-магазина

По-настоящему проверить удобство интернет-магазина без подтверждения данными веб-аналитики, не получится. Контекст взаимодействия; задачи, опыт и мотивы пользователей; устройства, с которых пользователи просматривают магазин — всё это влияет на конверсию и не может быть оценено чек-листом.
При составлении чек-листа, я ориентировался на исследования института Baymard, Юзабилити Лаб, Mastercart и студии Сибирикс + некоторые собственные наблюдения.

далее →

Навигация как способ управления вниманием пользователя

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

далее →

X
Нажмите «Нравится»,
чтобы читать Shopolog.ru в Facebook