19
ДИЗАЙН И ЮЗАБИЛИТИ КОММЕРЧЕСКОГО САЙТА

Дизайн и юзабилити коммерческих сайтов

  • Upload
    -

  • View
    348

  • Download
    2

Embed Size (px)

Citation preview

Page 1: Дизайн и юзабилити коммерческих сайтов

ДИЗАЙН И ЮЗАБИЛИТИ КОММЕРЧЕСКОГО САЙТА

Page 2: Дизайн и юзабилити коммерческих сайтов

ЭЛЕМЕНТЫ ГЛАВНОЙ СТРАНИЦЫ• Телефон в международном формате

• График и часы работы

• Интеллектуальный поиск

• Корзина с отображением товара и суммы

• Заказ обратного звонка

• Удобное навигационное меню

• Онлайн – консультант (при необходимости)

Page 3: Дизайн и юзабилити коммерческих сайтов

ЭЛЕМЕНТЫ ГЛАВНОЙ СТРАНИЦЫ

Пример:

Page 4: Дизайн и юзабилити коммерческих сайтов

ЭЛЕМЕНТЫ ГЛАВНОЙ СТРАНИЦЫ1. Тригеры лояльности или преимущества:

– Бесплатная доставка

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

– Гарантия качества

– Пункты выдачи товара

– Ссылка на отзывы (сторонний ресурс)

Page 5: Дизайн и юзабилити коммерческих сайтов

ЭЛЕМЕНТЫ ГЛАВНОЙ СТРАНИЦЫ

Пример:

Page 6: Дизайн и юзабилити коммерческих сайтов

ЭЛЕМЕНТЫ ГЛАВНОЙ СТРАНИЦЫ2. Специальные предложения:

– Подписка почты взамен на скидку

– Акции и скидки

– Распродажа товара

– Новые поступления товара

– Лидеры или хиты продаж

– Популярные категории

– Бренды с которыми работает кампания

Page 7: Дизайн и юзабилити коммерческих сайтов

ЭЛЕМЕНТЫ ГЛАВНОЙ СТРАНИЦЫ

3. Преимущества работы с компанией:

– Блок с отзывами

– Награды и призы

– Известные компании партнеры

– Ссылки на сертификаты продукции

Page 8: Дизайн и юзабилити коммерческих сайтов

ЭЛЕМЕНТЫ ГЛАВНОЙ СТРАНИЦЫ4. Помощь и информация для покупателей:

– Новости компании и статейные обзоры

– Ссылки: на информацию об оплате и доставке товара, сервисном центре, как вернуть товар, подробности о гарантийном обслуживании

– Блок с текстовым описанием ресурса

– Виджеты социальных сетей

Page 9: Дизайн и юзабилити коммерческих сайтов

ЭЛЕМЕНТЫ ГЛАВНОЙ СТРАНИЦЫ

Полезные советы:

– Важная информация должна располагаться в первом экране сайта, чтобы пользователь мог максимально быстро получить ответ

– Не стоит из сайта делать “цыганку” или “елку” – дизайн должен быть легким и лаконичным

Page 10: Дизайн и юзабилити коммерческих сайтов

СРАВНЕНИЕ ГЛАВНЫХ СТРАНИЦ

GARMONIA.BY И ALTEZA.BY

Page 11: Дизайн и юзабилити коммерческих сайтов

GARMONIA.BY:

Page 12: Дизайн и юзабилити коммерческих сайтов

ALTEZA.BY:

Page 13: Дизайн и юзабилити коммерческих сайтов

СТРАНИЦА РАЗДЕЛОВ САЙТА

– Удобная навигация, хлебные крошки и поиск

– Продуманная фильтрация продукции

– Вывод блока специальных предложений: хиты продаж, распродажа, акции, скидки или пометка продукции этими метками

– Быстрый просмотр продукции и заказ не посещая конечную страницу (при возможности)

– Наличие цены на продукцию

– Вывод постраничной пагинации или автоматическая загрузка продукции при прокрутке сайта вниз

– Вывод текстового блока для описания продукции раздела

– Информация улучшающая лояльность из раздела “Элементы главной страницы”

Page 14: Дизайн и юзабилити коммерческих сайтов

ПРОДАЮЩАЯ СТРАНИЦА САЙТА

– Большое и качественное изображение в различных ракурсах

– Цена продукции– Кнопка “Заказать” или “Добавить в корзину”– Тригеры преимуществ и увеличения

лояльности– Текстовое описание продукции– Отзывы при необходимости– Блок “С этим товаром покупают”

Page 15: Дизайн и юзабилити коммерческих сайтов

КОРЗИНА

– Фото продукции– Цена продукции– Статус товара (в наличии, остался 1 и т.д.)– Количество заказанного товара– Просмотр товара не покидая корзины– Кнопка “убрать из корзины”– Кнопка “оформить заказ”– При оформлении заказа минимум полей для

заполнения

Page 16: Дизайн и юзабилити коммерческих сайтов

КОРЗИНА

Page 17: Дизайн и юзабилити коммерческих сайтов

КОРЗИНА

Page 18: Дизайн и юзабилити коммерческих сайтов

С КОГО БРАТЬ ПРИМЕР:

www.lamoda.bywww.21vek.bywww.wildberries.bywww.sity.bywww.wikimart.ruwww.sotmarket.ruwww.mvideo.ruwww.eldorado.ru

Page 19: Дизайн и юзабилити коммерческих сайтов

ВАЖНО ПОНИМАТЬ:

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