Юзабилити интернет

Юзабилити
интернет-покупки
Саша Куценко
1
Юзабилити блока фильтров
Удобство подбора товара
Юзабилити блока фильтров
Большинство
фильтров
расположены
либо справа от
товарной сетки
Юзабилити блока фильтров
Большинство
фильтров
расположены
либо справа от
товарной сетки,
либо слева
(вечный спор)
Юзабилити блока фильтров
Мало товаров —
колбаса
Юзабилити блока фильтров
Много товаров —
дырка
Юзабилити блока фильтров
Ещё иногда
делают сверху
Юзабилити блока фильтров
Но в них надо
постоянно
кликать
Посмотреть варианты — клик
Выбрать или убрать — клик
Чтобы применить — клик
Юзабилити блока фильтров
Настоящие
эстеты
скрывают
Юзабилити блока фильтров
Настоящие
эстеты
скрывают : )
Мы считаем, что когда ты фильтруешь,
ты фильтруешь
Одно дело в один момент времени
Юзабилити блока фильтров
У «Траектории»
было так
После каждого клика
контент обновляется,
покупатель вынужден
ждать — это раздражает
Юзабилити блока фильтров
Мы предложили
концепцию,
когда фильтры
находятся в слое
Юзабилити блока фильтров
Действие «Отфильтровать»
— главное и единственное =
хочется нажать
Юзабилити блока фильтров
Действие «Отфильтровать»
— главное и единственное =
хочется нажать
На основные вопросы:
сколько товаров / большой
ли ассортимент / от какой
суммы начинается ответы
даны
Юзабилити блока фильтров
Действие «Отфильтровать»
— главное и единственное =
хочется нажать
На основные вопросы:
сколько товаров / большой
ли ассортимент / от какой
суммы начинается ответы
даны
Популярные запросы: не
хочешь фильтровать — клик
и сразу нужная выборка
Юзабилити блока фильтров
По кнопке
«Отфильтровать»
открывается слой фильтров
Юзабилити блока фильтров
Верх такой же, он
прикрепится и будет с нами
Юзабилити блока фильтров
Верх такой же, он
прикрепится и будет с нами
Все фильтры разложены,
по частоте использования
покупателями
Юзабилити блока фильтров
Верх такой же, он
прикрепится и будет с нами
Все фильтры разложены,
по частоте использования
покупателями
Используется вся площадь
(большинство списков не
надо сворачивать)
Юзабилити блока фильтров
Много места для подсказок
и расшифровок (цвет,
бренд)
Юзабилити блока фильтров
Много места для подсказок
и расшифровок (цвет,
бренд)
Изменения после каждого
клика видны, но не мешают
пользоваться фильтром
Юзабилити блока фильтров
Много места для подсказок
и расшифровок (цвет,
бренд)
Изменения после каждого
клика видны, но не мешают
пользоваться фильтром
После клика слой
закрывается мгновенно,
товары отфильтрованные —
не нужно ждать
Юзабилити блока фильтров
Отфильтровано
Юзабилити блока фильтров
Отфильтровано
Шапка такая же, как была
в фильтрах. Третьей
строкой показано, что
выбрано.
Юзабилити блока фильтров
Отфильтровано
Шапка такая же, как была
в фильтрах. Третьей
строкой показано, что
выбрано.
Кнопка «Изменить»
мгновенно откроет слой
с выбранными фильтрами
Юзабилити блока фильтров
Отфильтровано
Шапка такая же, как была
в фильтрах. Третьей
строкой показано, что
выбрано.
Кнопка «Изменить»
мгновенно откроет слой
с выбранными фильтрами
Клик на «Сбросить» вернет
состояние по умолчанию
Все фильтры и их состав виден сразу
используется вся площадь, а не 25% экрана
Все фильтры и их состав виден сразу
используется вся площадь, а не 25% экрана
Можно использовать графику: цвета, иконки и т.д.
без компромиссов, место есть
Все фильтры и их состав виден сразу
используется вся площадь, а не 25% экрана
Можно использовать графику: цвета, иконки и т.д.
без компромиссов, место есть
Товары обновляются в фоне — не бесит и не мешает
закрыл слой и видишь уже отфильтрованное
Все фильтры и их состав виден сразу
используется вся площадь, а не 25% экрана
Можно использовать графику: цвета, иконки и т.д.
без компромиссов, место есть
Товары обновляются в фоне — не бесит и не мешает
закрыл слой и видишь уже отфильтрованное
Нет ограничений: масштабируемое решение
добавлять, удалять, делать уникальные фильтры и т.д.
2
Юзабилити товарной сетки
Покупка без перехода на карточку
Юзабилити товарной сетки
Большинство
покупателей
с категории
входит
в карточку
Юзабилити товарной сетки
Для них важны
цвета
Юзабилити товарной сетки
Для них важны
цвета, наличие
видео
Юзабилити товарной сетки
Для них важны
цвета, наличие
видео, стоимость
товара и доставки
Юзабилити товарной сетки
Поэтому
наибольшие
площади — ссылки в карточку
Юзабилити товарной сетки
Навели на товар
Площадь блока
не изменилась
Юзабилити товарной сетки
Навели на товар
Площадь блока
не изменилась
Появились элементы
избранного и добавления
к сравнению
Юзабилити товарной сетки
Навели на товар
Площадь блока
не изменилась
Появились элементы
избранного и добавления
к сравнению
Все информация (кроме
старой цены) осталась
доступна
Юзабилити товарной сетки
Навели на товар
Площадь блока
не изменилась
Появились элементы
избранного и добавления
к сравнению
Все информация (кроме
старой цены) осталась
доступна
Появилась кнопка «Купить»
Юзабилити товарной сетки
Но есть те,
которые знают за
чем пришли.
Они хотят сразу
покупать
!
Юзабилити товарной сетки
Нажали «Купить»
Фотография ушла на
второй план — фокус на
цветах и размерах
Юзабилити товарной сетки
Нажали «Купить»
Фотография ушла на
второй план — фокус на
цветах и размерах
Цвета и размеры
пролистываются, ничего не
всплывает
Юзабилити товарной сетки
Нажали «Купить»
Фотография ушла на
второй план — фокус на
цветах и размерах
Цвета и размеры
пролистываются, ничего не
всплывает
Кнопка видна, но
недоступна = делай выбор
Юзабилити товарной сетки
Нажали «Купить»
Фотография ушла на
второй план — фокус на
цветах и размерах
Цвета и размеры
пролистываются, ничего не
всплывает
Кнопка видна, но
недоступна = делай выбор
Если передумал, можно
закрыть
Юзабилити товарной сетки
Выбрали цвет
Сверху фотография товара выбранного цвета
Юзабилити товарной сетки
Выбрали цвет
Сверху фотография товара выбранного цвета
Выбрали размер
Стала доступна кнопка
«Добавить в корзину»
Юзабилити товарной сетки
Добавили
в корзину
Сверху стала фотография
выбранного цвета
Юзабилити товарной сетки
Добавили
в корзину
Сверху стала фотография
выбранного цвета
Выбор сделан, цвета не
нужны, вместо них маркер
«в корзине» с выбранным
размером
Юзабилити товарной сетки
Добавили
в корзину
Сверху стала фотография
выбранного цвета
Выбор сделан, цвета не
нужны, вместо них маркер
«в корзине» с выбранным
размером
Старая цена снова видна
Юзабилити товарной сетки
Снова навели
На месте кнопки «Купить»
вводится кнопка
«Оформить» — переход
в корзину
Юзабилити товарной сетки
Готово
Добавление произошло
в площади карточки
без дополнительных
всплываний и окон
Покупатель не испытывал
ограничений —
выбор цвета и размера
удобен и прост
2,5
микро-кейс
Юзабилити покупки одного товара
Коридор от витрины к кассе
Юзабилити покупки одного товара
Для многих
магазинов
среднее кол-во
товаров в заказе
менее 2 шт
Юзабилити покупки одного товара
В большинстве
случаев нажатие
кнопки «Купить»
= закончить
покупку
Юзабилити покупки одного товара
В таких случаях
следует
предлагать
«Оформить»
сразу после
«Купить»
Юзабилити покупки одного товара
Это слой
Мгновенное открытие
Юзабилити покупки одного товара
Это слой
Мгновенное открытие
Мгновенное закрытие,
возврат к тому же месту
страницы
Юзабилити покупки одного товара
Это слой
Мгновенное открытие
Мгновенное закрытие,
возврат к тому же месту
страницы
Нет шапки, подвала —
ничего, что отвлекает =
одно главное сообщение
Юзабилити покупки одного товара
Главное
Заголовок и иконка сразу
говорят «все получилось»
Юзабилити покупки одного товара
Главное
Заголовок и иконка сразу
говорят «все получилось»
Основная информация есть
= вижу, что покупаю
Юзабилити покупки одного товара
Главное
Заголовок и иконка сразу
говорят «все получилось»
Основная информация есть
= вижу, что покупаю
Нет ссылок вообще =
некуда выйти — принимай
решение
Юзабилити покупки одного товара
Главное
Заголовок и иконка сразу
говорят «все получилось»
Основная информация есть
= вижу, что покупаю
Нет ссылок вообще =
некуда выйти — принимай
решение
Всего два действия
«Оформляем» или
«Покупаем ещё»
Юзабилити покупки одного товара
На втором плане
Аксессуары под
правильным заголовком =
допродажа
Юзабилити покупки одного товара
На втором плане
Аксессуары под
правильным заголовком =
допродажа
Добавление в корзину
в один клик
Количество брошенных корзин резко падает
люди просто не забывают оформлять заказ
Количество брошенных корзин резко падает
люди просто не забывают оформлять заказ
Среднее кол-во товаров в чеке не снижается
слой — не принуждение, а подкасказка
Количество брошенных корзин резко падает
люди просто не забывают оформлять заказ
Среднее кол-во товаров в чеке не снижается
слой — не принуждение, а подкасказка
Продажа аксессуаров незначительно растет
конверсия блока аксессуаров около 1%
3
Юзабилити карточки товара
Рекомендации
Юзабилити карточки товара
Главное #1
Название товара
максимально высоко
Юзабилити карточки товара
Главное #1
Название товара
максимально высоко
Фотография максимально
крупно и высоко
(не обязательно слева)
Юзабилити карточки товара
Главное #1
Название товара
максимально высоко
Фотография максимально
крупно и высоко
(не обязательно слева)
Кнопка «Купить» — главный
фокус внимания покупателя
Юзабилити карточки товара
Главное #1
Название товара
максимально высоко
Фотография максимально
крупно и высоко
(не обязательно слева)
Кнопка «Купить» — главный
фокус внимания покупателя
Стоимость доставки
и возможность самовывоза
видны сразу
Юзабилити карточки товара
Главное #2
Ключевые характеристики
видны сразу (могут быть
объединены)
Юзабилити карточки товара
Главное #2
Ключевые характеристики
видны сразу (могут быть
объединены)
Гарантия близко с ценой
(частые вопросы)
Юзабилити карточки товара
Главное #2
Ключевые характеристики
видны сразу (могут быть
объединены)
Гарантия близко с ценой
(частые вопросы)
Артикул наверху,
но не яркий
Юзабилити карточки товара
Главное #2
Ключевые характеристики
видны сразу (могут быть
объединены)
Гарантия близко с ценой
(частые вопросы)
Артикул наверху,
но не яркий
Возможность сравнения
под рукой
Юзабилити карточки товара
Главное #3
Видно, что есть другие
конфигурации (объем, цвет)
Юзабилити карточки товара
Главное #3
Видно, что есть другие
конфигурации (объем, цвет)
Оформление кредита —
альтернатива покупки
(рядом с «Купить»)
Юзабилити карточки товара
Главное #3
Видно, что есть другие
конфигурации (объем, цвет)
Оформление кредита —
альтернатива покупки
(рядом с «Купить»)
Бонусы за покупку рядом с
ценой, но с ощущением «+»
Юзабилити карточки товара
Главное #3
Видно, что есть другие
конфигурации (объем, цвет)
Оформление кредита —
альтернатива покупки
(рядом с «Купить»)
Бонусы за покупку рядом с
ценой, но с ощущением «+»
Суть акции и срок действия
а не дата запуска
и маркетинговое название
Юзабилити карточки товара
Далее
Рейтинг лучше делать
пятибалльный и с цветовым
кодированием
Юзабилити карточки товара
Далее
Рейтинг лучше делать
пятибалльный и с цветовым
кодированием
Отзывы можно брать
с Яндекс.Маркета (есть API)
Юзабилити карточки товара
Далее
Рейтинг лучше делать
пятибалльный и с цветовым
кодированием
Отзывы можно брать
с Яндекс.Маркета (есть API)
Везде, где не однозначно
подсказки при наведении
Юзабилити карточки товара
Далее
Рейтинг лучше делать
пятибалльный и с цветовым
кодированием
Отзывы можно брать
с Яндекс.Маркета (есть API)
Везде, где не однозначно
подсказки при наведении
Используйте слова
«бесплатно», «в наличии» —
это работает
Юзабилити карточки товара
Не менее важно
Если есть оффлайн, сразу
показывайте, где есть товар
Юзабилити карточки товара
Не менее важно
Если есть оффлайн, сразу
показывайте, где есть товар
Предлагайте бронировать,
и сразу разъясняйте все
условия
Юзабилити карточки товара
Не менее важно
Если есть оффлайн, сразу
показывайте, где есть товар
Предлагайте бронировать,
и сразу разъясняйте все
условия
После бронирования
хвалите + выводите всю
нужную ему информацию
Юзабилити карточки товара
Аксессуары
Выкладывайте аксессуары,
прямо на странице товара
Юзабилити карточки товара
Аксессуары
Выкладывайте аксессуары,
прямо на странице товара
Предлагайте добавлять
в один клик, но позволяйте
смотреть подробнее
Юзабилити карточки товара
Аксессуары
Выкладывайте аксессуары,
прямо на странице товара
Предлагайте добавлять
в один клик, но позволяйте
смотреть подробнее
Группируйте аксессуары по
категориям, но по
умолчанию выводите
самые нужные
Юзабилити карточки товара
Не забывайте
Если товара нет в наличии,
не скрывайте его страницу,
а предлагайте альтернативу
Юзабилити карточки товара
Не забывайте
Если товара нет в наличии,
не скрывайте его страницу,
а предлагайте альтернативу
Если товар по предзаказу,
всегда пишите дату начала
продаж, и делайте
минимум полей
Юзабилити карточки товара
Не забывайте
Если товара нет в наличии,
не скрывайте его страницу,
а предлагайте альтернативу
Если товар по предзаказу,
всегда пишите дату начала
продаж, и делайте
минимум полей
Если товар уцененный,
пишите причину уценку,
делайте фотографии
и указывайте изменения
гарантии
Карточка — не отдельная комната,
в центре которой товар.
Карточка — часть единого пространства
магазина и опытный консультант
одновременно.
4
Юзабилити корзины
Отдельный от оформления экран
Юзабилити корзины
Корзина — это
результат
выбора, а не
оформление
Юзабилити корзины
Главное #1
Храним товары в корзине
всегда
Юзабилити корзины
Главное #1
Храним товары в корзине
всегда
Товары не удаляем,
а вычеркиваем
Юзабилити корзины
Главное #1
Храним товары в корзине
всегда
Товары не удаляем,
а вычеркиваем
Количество товара лучше
и полем и кнопками
Юзабилити корзины
Главное #1
Храним товары в корзине
всегда
Товары не удаляем,
а вычеркиваем
Количество товара лучше
и полем и кнопками
Самый контрастный
элемент — кнопка
«Оформить заказ»
Юзабилити корзины
Главное #2
Если есть товар,
блокирующий оформление,
предлагайте другой
Юзабилити корзины
Главное #2
Если есть товар,
блокирующий оформление,
предлагайте другой
Не скрывайте недоступные
кнопки — делайте серыми
Юзабилити корзины
Главное #2
Если есть товар,
блокирующий оформление,
предлагайте другой
Не скрывайте недоступные
кнопки — делайте серыми
Если привезти можете, но
не быстро, уведомляйте
сколько займет
Юзабилити корзины
Главное #2
Если есть товар,
блокирующий оформление,
предлагайте другой
Не скрывайте недоступные
кнопки — делайте серыми
Если привезти можете, но
не быстро, уведомляйте
сколько займет
Если для привоза требуется
оплата, говорите об этом
здесь
Юзабилити корзины
Прикассовые
товары
Правильный заголовок =
понятно почему
предлагают
Юзабилити корзины
Прикассовые
товары
Правильный заголовок =
понятно почему
предлагают
Добавление к заказу в один клик = легко
Юзабилити корзины
Прикассовые
товары
Правильный заголовок =
понятно почему
предлагают
Добавление к заказу в один клик = легко
Подобранные с умом =
действительно пригодится
Юзабилити корзины
Больше ничего
не надо
Хорошая корзина, как хороший кассир:
объясняет, предлагает, уведомляет
5
Юзабилити оформления заказа
Отделение от корзины, разбивка на шаги
Юзабилити оформления заказа
Если все ОК,
не показывайте
ещё раз корзину
Покупатель нажал
«Оформить» — оформляйте
Юзабилити оформления заказа
Но обязательно
Выводите сколько товаров
и на какую сумму
Юзабилити оформления заказа
Но обязательно
Выводите сколько товаров
и на какую сумму
Показывайте баллы и
бонусы за покупку
Юзабилити оформления заказа
Но обязательно
Выводите сколько товаров
и на какую сумму
Показывайте баллы
и бонусы за покупку
Предоставляйте переход
на корзину, но не ярко
Юзабилити оформления заказа
Разбейте на шаги
Юзабилити оформления заказа
Разбейте на шаги
Но показывайте сколько
всего шагов и какие они
Юзабилити оформления заказа
Разбейте на шаги
Но показывайте сколько
всего шагов и какие они
Задавайте вопросы по одному — так легче
Юзабилити оформления заказа
Разбейте на шаги
Но показывайте сколько
всего шагов и какие они
Задавайте вопросы по одному — так легче
Делайте ответ простым =
одна кнопка «Продолжить»
Юзабилити оформления заказа
Сначала
спрашивайте
о получении
Юзабилити оформления заказа
Сначала
спрашивайте
о получении
Если самовывоз наиболее
популярен, показывайте
его по умолчанию
Юзабилити оформления заказа
Сначала
спрашивайте
о получении
Если самовывоз наиболее
популярен, показывайте
его по умолчанию
Показывайте и карту, и список — разным людям
удобно по-разному
Юзабилити оформления заказа
Сначала
спрашивайте
о получении
Если самовывоз наиболее
популярен, показывайте
его по умолчанию
Показывайте и карту, и список — разным людям
удобно по-разному
Выводите режим работы,
телефон и адрес магазина
Юзабилити оформления заказа
Помогайте
покупателю
Показывайте ближайшую
станцию метро
и расстояние от метро
Юзабилити оформления заказа
Помогайте
покупателю
Показывайте ближайшую
станцию метро
и расстояние от метро
Показывайте фотографию
магазина с улицы, с ней
проще сориентироваться
Юзабилити оформления заказа
Помогайте
покупателю
Показывайте ближайшую
станцию метро
и расстояние от метро
Показывайте фотографию
магазина с улицы, с ней
проще сориентироваться
Если товар нужно
перебросить, пишите что
это бесплатно, и позволяйте
оформить самовывоз
Юзабилити оформления заказа
Если доставка,
сначала спросите
адрес
Юзабилити оформления заказа
Если доставка,
сначала спросите
адрес
Делайте минимум полей,
необходимых для расчета
доставки
Юзабилити оформления заказа
Если доставка,
сначала спросите
адрес
Делайте минимум полей,
необходимых для расчета
доставки
Подписываете под полями
телефона и почты для чего
вы их спрашиваете
Юзабилити оформления заказа
Если доставка,
сначала спросите
адрес
Делайте минимум полей,
необходимых для расчета
доставки
Подписываете под полями
телефона и почты для чего
вы их спрашиваете
Проверяйте правильность
написания почты и телефона,
но не занудничайте : )
Юзабилити оформления заказа
Берегите деньги
покупателя
Если до бесплатной
доставка не хватает чутьчуть, предложите добавить
Юзабилити оформления заказа
Берегите деньги
покупателя
Если до бесплатной
доставка не хватает чутьчуть, предложите добавить
Если не хватает много, ещё
раз напишите от какой
суммы доставка бесплатная
Юзабилити оформления заказа
Берегите деньги
покупателя
Если до бесплатной
доставка не хватает чутьчуть, предложите добавить
Если не хватает много, ещё
раз напишите от какой
суммы доставка бесплатная
Если доставка платная, но в городе есть пункт
самовывоза, — скажите об
этом. Это отличный жест.
Юзабилити оформления заказа
Последний
вопрос про оплату
Располагайте способы
оплаты по частоте их
востребованности
Юзабилити оформления заказа
Последний
вопрос про оплату
Располагайте способы
оплаты по частоте их
востребованности
Выделяйте главные
способы оплаты крупнее
Юзабилити оформления заказа
Последний
вопрос про оплату
Располагайте способы
оплаты по частоте их
востребованности
Выделяйте главные
способы оплаты крупнее
Подписывайте важную
информацию для каждого
способа: комиссия,
ограничения и пр.
Юзабилити оформления заказа
Важная мелочь
Позволяйте возвращаться
назад, но не делайте на
этом акцент
Кнопки возврата на
странице сразу, но чтобы
увидеть, надо немного
проскроллить вверх
Юзабилити оформления заказа
Важная мелочь
Позволяйте возвращаться
назад, но не делайте на
этом акцент
Кнопки возврата на странице
сразу, но чтобы увидеть, надо
немного проскроллить вверх
Юзабилити оформления заказа
Дайте ещё раз
спокойно на всё
взглянуть
Юзабилити оформления заказа
Дайте ещё раз
спокойно на всё
взглянуть
Уберите все точки выхода:
нет шапки, нет подвала, нет
ссылок у товаров = некуда
деться
Юзабилити оформления заказа
Дайте ещё раз
спокойно на всё
взглянуть
Уберите все точки выхода:
нет шапки, нет подвала, нет
ссылок у товаров = некуда
деться
Выводите результаты
всего, что он выбрал: куда
доставка, какой телефон, на
чьи имя заказ и т.д.
Юзабилити оформления заказа
Если с заказом везете карту
лояльности — скажите об
этом. Подчеркните, что её
надо активировать.
Юзабилити оформления заказа
Если с заказом везете карту
лояльности — скажите об
этом. Подчеркните, что её
надо активировать.
Пишите так, как говорите
в обычной жизни: вопрос —
«Проверьте ваш заказ»,
ответ — «Да, все правильно»
Юзабилити оформления заказа
Если с заказом везете карту
лояльности — скажите об
этом. Подчеркните, что её
надо активировать.
Пишите так, как говорите
в обычной жизни: вопрос —
«Проверьте ваш заказ»,
ответ — «Да, все правильно»
Главный акцент на кнопке
подтверждения, «Изменить»
значительно менее явная
Юзабилити оформления заказа
После
оформления
Визуально показывайте,
что все хорошо: иконка,
зеленый цвет, крупный
шрифт
Юзабилити оформления заказа
После
оформления
Визуально показывайте,
что все хорошо: иконка,
зеленый цвет, крупный
шрифт
Говорите что будет дальше:
свяжется менеджер,
придет смс и т.д.
Юзабилити оформления заказа
После
оформления
Визуально показывайте,
что все хорошо: иконка,
зеленый цвет, крупный
шрифт
Говорите что будет дальше:
свяжется менеджер,
придет смс и т.д.
Если самовывоз
показывайте куда надо
ехать, до скольки работает
магазин, его телефон и т.д.
Юзабилити оформления заказа
Не отпускайте
но
помните,
что
сразу покупку он уже сделал
Пригласите подписаться
на вас в социальных сетях
Юзабилити оформления заказа
Не отпускайте
но
помните,
что
сразу покупку он уже сделал
Пригласите подписаться
на вас в социальных сетях
Предложите почитать
обзоры и статьи
Юзабилити оформления заказа
Не отпускайте
но
помните,
что
сразу покупку он уже сделал
Пригласите подписаться
на вас в социальных сетях
Предложите почитать
обзоры и статьи
Убедите подписаться на
полезную ему рассылку
Юзабилити оформления заказа
Не отпускайте
но
помните,
что
сразу покупку он уже сделал
Пригласите подписаться
на вас в социальных сетях
Предложите почитать
обзоры и статьи
Убедите подписаться на
полезную ему рассылку
Покажите фишки: сервисы
по подбору, расчету и т.п.
5+
бонус
Юзабилити страницы акции
Сухие рекомендации
Юзабилити оформления заказа
Важно #1
Баннер акции уже не
важен. Главное — в чем
предложение и до какого
числа
Юзабилити оформления заказа
Важно #1
Баннер акции уже не
важен. Главное — в чем
предложение и до какого
числа
Все товары акции
в привычной сетке — можно
купить, сравнить и т.д.
Юзабилити оформления заказа
Важно #1
Баннер акции уже не
важен. Главное — в чем
предложение и до какого
числа
Все товары акции
в привычной сетке — можно
купить, сравнить и т.д.
Если акция с одним
товаром, то он в виде
экспресс-карточки
Юзабилити оформления заказа
Важно #2
Если товары разных групп,
то по группам можно
фильтровать прямо здесь
Юзабилити оформления заказа
Важно #2
Если товары разных групп,
то по группам можно
фильтровать прямо здесь
В каждую группу можно
перейти — дальнейшая
фильтрация или интерес
к аналогам
Юзабилити оформления заказа
Важно #2
Если товары разных групп,
то по группам можно
фильтровать прямо здесь
В каждую группу можно
перейти — дальнейшая
фильтрация или интерес
к аналогам
И обязательно 2-3 другие
акции + переход на все
акций
«Юзабилити в e-commerce — это
информированность в каждую секунду,
легкость всех действий и постоянные
подсказки в мелочах»
Спасибо
Задавайте вопросы.
Пишите на [email protected]
Презентация на slideshare.net/аidem_ru
Саша Куценко, креативный директор
facebook.com/gurick
Дизайн-студия Aidem facebook.com/aidem.ru
aidem.ru
Фотографии Петербурга — Иван Смелов