Оценка юзабилити интернет-магазина Светим.рф

Доброго дня! Поздравляем всех интернет-магазинщиков с первыми снежными днями. Совсем скоро эти дни превратятся в дни сумасшедших распродаж и акций, поэтому рекомендуем вам заранее начинать готовиться к праздникам! Продолжая после длительного перерыва рубрику "Оценки юзабилити интернет-магазина", нашим сегодняшним объектом для изучения выступит интернет-магазин светильников Светим.рф. Напомним всем читателям, что любой желающий, может добавить свой интернет-магазин на рассмотрение в эту рубрику. Для этого просто перейдите в соответствующий раздел на форуме владельцев интернет-магазинов и в соответствие с правилами, оставьте свою заявку. Итак, предлагаем уже перейти к делу и начать рассмотрение самого сайта.

---

Главная страница

Как мы видим, главная страница довольно сильно перегружена текстом и большими фотографиями категорий. Один из вопросов, который вызывает использование подобных фото - так ли явно они передают характеристики категории и в текущем исполнении подходят для использования? Например, сравнивая по фотографиям из превью категории "Модерн" и "С элементами стекла" из-за схожести самих фото, просто не понятно, в чем различие между ними. Возможно, есть смысл пересмотреть формат изображений для превью категорий и использовать в качестве них иконки. Более того, в текущем варианте, в качестве превью для категорий используются фотографии с размещенными на ними водяными знаками, что также не добавляет им простоты восприятия для посетителя. 1 - Частая ошибка большинства интернет-магазинов заключается в том, что подобным элементам уделяется большое внимание. Хотя, так ли велик процент клиентов, которые сначала регистрируются или авторизуются, и лишь потом покупают? Можно попробовать перенести этот элемент прямо над блоком корзины, уменьшив шрифт и выровняв его по ширине. 2 - Слишком растянутый блок корзины. Можно сделать его гораздо компактнее с сохранением пропорций иконки самой корзины. Плюсом доработки этих двух пунктов является то, что благодаря подобным действиям, освободится одно из самых ценных мест на сайте магазина - шапка (header), в котором помимо контактной информации, можно, например, разместить информацию о преимуществах покупки в конкретном магазине и показывать ее на каждой странице, тем самым напоминая посетителям о выгодах покупки именно у вас. Либо, в вашем случае, в верхнее меню можно вывести анимационный баннер 468х60, отражающий какую-либо акцию или наиболее уникальное предложение в вашем интернет-магазине. В общем, сделать эту часть сайта наиболее задействованной в целевых действиях. 3 - Сухой и не мотивирующий блок сео-текста на первом месте, который убивает любое человеческое желание читать и воспринимать его дальше. Более того, блок с человеческими преимуществами у вас вынесен... в самый низ страницы. Мы нашли его только когда промотали страницу до самого конца (и то, по причине того, что пытались внимательно ее проанализировать). Поменяйте эти блоки местами, расширив человеческий блок более продающим текстом, который четко выделяет 1) специфику магазина, 2) условия продаж, 3) конкретные и самые значительные преимущества для покупок. 4 - Поиск по артикулу целесообразнее использовать после списка из блока "Каталог". Процент пользующихся им не должен измениться, но данная перестановка добавит логичности к восприятию структуры блока в целом. 5 - Прайс-листы и каталоги также целесообразнее использовать после блока "Производители", выдержав его в стилистической схеме сайта (оранжевых тонах). 6 - Так ли необходим этот блок? Возможно, есть смысл заменить его более эффективными блоками акций или распродаж, наглядно показывающих (и продающих) конкретные товарные позиции? На главной странице это может быть какое-то общее уникальное предложение, а на странице категорий это может быть предложение товара со скидкой из конкретного раздела. Проанализируйте процент кликов по новостям и сделайте должные выводы. 7 - Совершенно незаметный блок, содержащий один из таких важных элементов, как "Проверить статус заказа", который вообще целесообразнее вынести в верхнее горизонтальное меню на более заметное место. Помимо этого, рекомендуем обратить внимание на большой размер логотипа, который выбивается из общей структуры и разметки сайта. Возможно, есть смысл его уменьшить в пропорциях. Вместо слогана из трех букв, возможно, есть смысл использовать более ясное и понятное пояснение в стиле: "уютный магазин светильников".

---

Страница категории

В целом, стандартная для интернет-магазина страница, но к которой есть несколько дополнений и рекомендаций. 1 - Отсутствуют хлебные крошки, которые хороши не только для посетителей, но и для поисковых систем и seo. 2 - Немного непонятно, почему одни фотографии в цветном исполнении, а другие в черно-белом. Несмотря на то, что их сложнее фотографировать, рекомендовали бы использовать именно цветные фотографии, способные передать блеск и теплоту излучаемого света. Об особенностях фотографирования прозрачных стеклянный объектов в интернете написано множество статей. 3 - В некоторых категориях находится более 15 товаров. Поэтому, в качестве дополнения для страницы категории, можно использовать фильтр, способный выделять из общей массы товаров позиции, с заданными в фильтре параметрами и показывать только те, которые интересны посетителю. Эти параметры используются у вас на странице самого товара (размеры, тип, мощность и прочее).

---

Страница товара

1 - Первое, что бросилось в глаза, это эмм... совершенно непонятные хлебные крошки, которые назвать крошками довольно сложно. Почему вы не хотите использовать стандартный вид горизонтальных ссылок, четко выделяя заголовок (название товара) в h1 ровно над блоком "Цена-количество-в корзину", а слева от заголовка будет полный ссылочный путь до товара? Без всяких стрелочек, синий форм, подчеркивания и прочего, что мешает восприятию? Рекомендуем обратить внимание на этот важный момент. 2 - Почему бы не сократить часть преимуществ (переформулировав, например, в "Быстрая доставка во все города России" целых два пункта) и не сделать данный список раскрытым сразу, чтобы не просить пользователя делать лишнее действие и клик? 3 - Рекомендуем расширить набор фотографий для товара примерами использования ваших светильников в интерьерах помещений. Данный формат более наглядно покажет вашим клиентам то, как может выглядеть приобретенный им товар в его квартире/доме. Обратите внимание на то, что в большинстве глянцевых журналов, подобная продукция эффективно рекламируется именно таким способом. 4 - Совершенно незаметный (а значит, в данный момент, неэффективный) блок, предназначение которого не понятно. Вместо него можно использовать блоки "Рекомендуем обратить внимание" или "Альтернативный товар", наглядно показывающий прочие товары с фотографиями. Хотелось бы порекомендовать использовать в качестве дополнительной опции функцию "Видео-обзор" данного светильника, наглядно демонстрирующую светильник со всех сторон, как с включенным светом, так и без него в каком-либо интерьерном исполнении. На наш взгляд, в совокупности с фотографиями светильников в интерьере, это в корне выделит ваш интернет-магазин из общей конкурентной массы и даст вашим посетителям большее преимущество при просмотре и выборе товаров.

---

Итог

Также рекомендовали бы до конца выдержать выбранную дизайнером стилистическую основу и минимизировать количество используемых на сайте цветов. В текущей версии их слишком много, в том числе, присутствуют блеклые и оттеночные сочетания, что конечно не добавляет легкости к визуальному восприятию страниц сайта. В целом, интернет-магазин нуждается в небольших доработках, которые можно провести с минимальными затратами. Устранив их, вы можете быть уверены, что пользование вашим сайтом и работа с ним для ваших посетителей станет гораздо проще и продуктивнее. Напоминаем, что любой желающий может оставить заявку в разделе "Оценка юзабилити" и ваш интернет-магазин будет рассмотрен на страницах нашего проекта! Успешных продаж!