SlideShare a Scribd company logo
Юзабилити

интернет-покупки
Саша Куценко
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 — это
информированность в каждую секунду,
легкость всех действий и постоянные
подсказки в мелочах»
Задавайте вопросы.
Пишите на sasha@aidem.ru
Спасибо
Саша Куценко, 

креативный директор
facebook.com/gurick
Дизайн-студия Aidem 

facebook.com/aidem.ru
aidem.ru
Фотографии Петербурга — Иван Смелов
Презентация на slideshare.net/аidem_ru

More Related Content

Viewers also liked

Накрутка ПФ белыми методами
Накрутка ПФ белыми методамиНакрутка ПФ белыми методами
Накрутка ПФ белыми методами
Евгений Летов
 
Как работают асессоры Яндекса
Как работают асессоры Яндекса Как работают асессоры Яндекса
Как работают асессоры Яндекса
Евгений Летов
 
146% внимания
146% внимания146% внимания
146% внимания
Евгений Летов
 
«Индексация сайтов в Яндексе» 17 лекция, александр смирнов
«Индексация сайтов в Яндексе» 17 лекция, александр смирнов«Индексация сайтов в Яндексе» 17 лекция, александр смирнов
«Индексация сайтов в Яндексе» 17 лекция, александр смирнов
Евгений Летов
 
Промо Эксперт — презентация компании
Промо Эксперт — презентация компанииПромо Эксперт — презентация компании
Промо Эксперт — презентация компании
Евгений Летов
 
Неделя Байнета 2016. Сергей Людкевич: «Особенности регионального ранжирования...
Неделя Байнета 2016. Сергей Людкевич: «Особенности регионального ранжирования...Неделя Байнета 2016. Сергей Людкевич: «Особенности регионального ранжирования...
Неделя Байнета 2016. Сергей Людкевич: «Особенности регионального ранжирования...
Webcom Group
 
Яндекс Малый ШАД - лингвистика в поиске
Яндекс  Малый ШАД - лингвистика в поискеЯндекс  Малый ШАД - лингвистика в поиске
Яндекс Малый ШАД - лингвистика в поиске
Евгений Летов
 
Email-маркетинг: продажи через почту
Email-маркетинг: продажи через почту Email-маркетинг: продажи через почту
Email-маркетинг: продажи через почту
Даниил Силантьев
 
Telegram для маркетинга
Telegram для маркетингаTelegram для маркетинга
Telegram для маркетинга
Виктор Каргин
 
Промо Эксперт — презентация компании
Промо Эксперт — презентация компанииПромо Эксперт — презентация компании
Промо Эксперт — презентация компании
Евгений Летов
 
Максимизация индекса: Optimization 2015
Максимизация индекса: Optimization 2015Максимизация индекса: Optimization 2015
Максимизация индекса: Optimization 2015
OlegShestakov
 
Техническая SEO оптимизация интернет магазинов
Техническая SEO оптимизация интернет магазиновТехническая SEO оптимизация интернет магазинов
Техническая SEO оптимизация интернет магазинов
Oleg Shestakov
 
Александр Садовский. Пространственно-временная ссылкокачественность.
Александр Садовский. Пространственно-временная ссылкокачественность. Александр Садовский. Пространственно-временная ссылкокачественность.
Александр Садовский. Пространственно-временная ссылкокачественность.
Webcom Group
 
Лайфхаки и фишки в современном SEO BDD 2016
Лайфхаки и фишки в современном SEO BDD 2016Лайфхаки и фишки в современном SEO BDD 2016
Лайфхаки и фишки в современном SEO BDD 2016
Oleg Shestakov
 
Управление сетками сайтов
Управление сетками сайтовУправление сетками сайтов
Управление сетками сайтов
Playtini
 
Инсайты из Яндекс.Метрики - AllintopConf 2017
Инсайты из Яндекс.Метрики - AllintopConf 2017Инсайты из Яндекс.Метрики - AllintopConf 2017
Инсайты из Яндекс.Метрики - AllintopConf 2017
Alexey Trudov
 

Viewers also liked (17)

Накрутка ПФ белыми методами
Накрутка ПФ белыми методамиНакрутка ПФ белыми методами
Накрутка ПФ белыми методами
 
Как работают асессоры Яндекса
Как работают асессоры Яндекса Как работают асессоры Яндекса
Как работают асессоры Яндекса
 
2013plan
2013plan2013plan
2013plan
 
146% внимания
146% внимания146% внимания
146% внимания
 
«Индексация сайтов в Яндексе» 17 лекция, александр смирнов
«Индексация сайтов в Яндексе» 17 лекция, александр смирнов«Индексация сайтов в Яндексе» 17 лекция, александр смирнов
«Индексация сайтов в Яндексе» 17 лекция, александр смирнов
 
Промо Эксперт — презентация компании
Промо Эксперт — презентация компанииПромо Эксперт — презентация компании
Промо Эксперт — презентация компании
 
Неделя Байнета 2016. Сергей Людкевич: «Особенности регионального ранжирования...
Неделя Байнета 2016. Сергей Людкевич: «Особенности регионального ранжирования...Неделя Байнета 2016. Сергей Людкевич: «Особенности регионального ранжирования...
Неделя Байнета 2016. Сергей Людкевич: «Особенности регионального ранжирования...
 
Яндекс Малый ШАД - лингвистика в поиске
Яндекс  Малый ШАД - лингвистика в поискеЯндекс  Малый ШАД - лингвистика в поиске
Яндекс Малый ШАД - лингвистика в поиске
 
Email-маркетинг: продажи через почту
Email-маркетинг: продажи через почту Email-маркетинг: продажи через почту
Email-маркетинг: продажи через почту
 
Telegram для маркетинга
Telegram для маркетингаTelegram для маркетинга
Telegram для маркетинга
 
Промо Эксперт — презентация компании
Промо Эксперт — презентация компанииПромо Эксперт — презентация компании
Промо Эксперт — презентация компании
 
Максимизация индекса: Optimization 2015
Максимизация индекса: Optimization 2015Максимизация индекса: Optimization 2015
Максимизация индекса: Optimization 2015
 
Техническая SEO оптимизация интернет магазинов
Техническая SEO оптимизация интернет магазиновТехническая SEO оптимизация интернет магазинов
Техническая SEO оптимизация интернет магазинов
 
Александр Садовский. Пространственно-временная ссылкокачественность.
Александр Садовский. Пространственно-временная ссылкокачественность. Александр Садовский. Пространственно-временная ссылкокачественность.
Александр Садовский. Пространственно-временная ссылкокачественность.
 
Лайфхаки и фишки в современном SEO BDD 2016
Лайфхаки и фишки в современном SEO BDD 2016Лайфхаки и фишки в современном SEO BDD 2016
Лайфхаки и фишки в современном SEO BDD 2016
 
Управление сетками сайтов
Управление сетками сайтовУправление сетками сайтов
Управление сетками сайтов
 
Инсайты из Яндекс.Метрики - AllintopConf 2017
Инсайты из Яндекс.Метрики - AllintopConf 2017Инсайты из Яндекс.Метрики - AllintopConf 2017
Инсайты из Яндекс.Метрики - AllintopConf 2017
 

More from Евгений Летов

Стас Поломарь. 10 задач по SEO, с решением #bdd2017
Стас Поломарь. 10 задач по SEO, с решением #bdd2017Стас Поломарь. 10 задач по SEO, с решением #bdd2017
Стас Поломарь. 10 задач по SEO, с решением #bdd2017
Евгений Летов
 
Управление сетками сайтов
Управление сетками сайтовУправление сетками сайтов
Управление сетками сайтов
Евгений Летов
 
Контент-маркетинг (ДК 04.12.2015) - 50 минут
Контент-маркетинг (ДК 04.12.2015) - 50 минутКонтент-маркетинг (ДК 04.12.2015) - 50 минут
Контент-маркетинг (ДК 04.12.2015) - 50 минут
Евгений Летов
 
Как составить объявление в контексте
Как составить объявление в контекстеКак составить объявление в контексте
Как составить объявление в контексте
Евгений Летов
 
Оценка сайта асессорами в шапках
Оценка сайта асессорами в шапкахОценка сайта асессорами в шапках
Оценка сайта асессорами в шапках
Евгений Летов
 
Плохие методы продвижения сайта
Плохие методы продвижения сайтаПлохие методы продвижения сайта
Плохие методы продвижения сайта
Евгений Летов
 
Типовые ошибки на сайте
Типовые ошибки на сайтеТиповые ошибки на сайте
Типовые ошибки на сайте
Евгений Летов
 
Как и зачем писать новости на корпоративных сайтах для SEO
Как и зачем писать новости на корпоративных сайтах для SEOКак и зачем писать новости на корпоративных сайтах для SEO
Как и зачем писать новости на корпоративных сайтах для SEO
Евгений Летов
 
За секунду до клика
За секунду до кликаЗа секунду до клика
За секунду до клика
Евгений Летов
 
6 шагов построения продающего сайта
6 шагов построения продающего сайта6 шагов построения продающего сайта
6 шагов построения продающего сайта
Евгений Летов
 
Самостоятельное продвижение сайтов (УБРиР)
Самостоятельное продвижение сайтов (УБРиР)Самостоятельное продвижение сайтов (УБРиР)
Самостоятельное продвижение сайтов (УБРиР)
Евгений Летов
 
12 простых советов по оформлению баннеров от Яндекса
12 простых советов по оформлению баннеров от Яндекса12 простых советов по оформлению баннеров от Яндекса
12 простых советов по оформлению баннеров от Яндекса
Евгений Летов
 
Убрать недостатки, подчеркнуть достоинства
Убрать недостатки, подчеркнуть достоинстваУбрать недостатки, подчеркнуть достоинства
Убрать недостатки, подчеркнуть достоинства
Евгений Летов
 
Перспективы бессылочного продвижения
Перспективы бессылочного продвижения Перспективы бессылочного продвижения
Перспективы бессылочного продвижения
Евгений Летов
 
Разжёванный Матрикс.нет. Клиентская версия (выступление в Перми, 2011)
Разжёванный Матрикс.нет. Клиентская версия (выступление в Перми, 2011)Разжёванный Матрикс.нет. Клиентская версия (выступление в Перми, 2011)
Разжёванный Матрикс.нет. Клиентская версия (выступление в Перми, 2011)
Евгений Летов
 
6 шагов в методике подбора ключевых слов с примерами и ошибками
6 шагов в методике подбора ключевых слов с примерами и ошибками6 шагов в методике подбора ключевых слов с примерами и ошибками
6 шагов в методике подбора ключевых слов с примерами и ошибками
Евгений Летов
 

More from Евгений Летов (17)

Стас Поломарь. 10 задач по SEO, с решением #bdd2017
Стас Поломарь. 10 задач по SEO, с решением #bdd2017Стас Поломарь. 10 задач по SEO, с решением #bdd2017
Стас Поломарь. 10 задач по SEO, с решением #bdd2017
 
Управление сетками сайтов
Управление сетками сайтовУправление сетками сайтов
Управление сетками сайтов
 
Контент-маркетинг (ДК 04.12.2015) - 50 минут
Контент-маркетинг (ДК 04.12.2015) - 50 минутКонтент-маркетинг (ДК 04.12.2015) - 50 минут
Контент-маркетинг (ДК 04.12.2015) - 50 минут
 
Как составить объявление в контексте
Как составить объявление в контекстеКак составить объявление в контексте
Как составить объявление в контексте
 
Оценка сайта асессорами в шапках
Оценка сайта асессорами в шапкахОценка сайта асессорами в шапках
Оценка сайта асессорами в шапках
 
Плохие методы продвижения сайта
Плохие методы продвижения сайтаПлохие методы продвижения сайта
Плохие методы продвижения сайта
 
Типовые ошибки на сайте
Типовые ошибки на сайтеТиповые ошибки на сайте
Типовые ошибки на сайте
 
Как и зачем писать новости на корпоративных сайтах для SEO
Как и зачем писать новости на корпоративных сайтах для SEOКак и зачем писать новости на корпоративных сайтах для SEO
Как и зачем писать новости на корпоративных сайтах для SEO
 
За секунду до клика
За секунду до кликаЗа секунду до клика
За секунду до клика
 
6 шагов построения продающего сайта
6 шагов построения продающего сайта6 шагов построения продающего сайта
6 шагов построения продающего сайта
 
Самостоятельное продвижение сайтов (УБРиР)
Самостоятельное продвижение сайтов (УБРиР)Самостоятельное продвижение сайтов (УБРиР)
Самостоятельное продвижение сайтов (УБРиР)
 
12 простых советов по оформлению баннеров от Яндекса
12 простых советов по оформлению баннеров от Яндекса12 простых советов по оформлению баннеров от Яндекса
12 простых советов по оформлению баннеров от Яндекса
 
Убрать недостатки, подчеркнуть достоинства
Убрать недостатки, подчеркнуть достоинстваУбрать недостатки, подчеркнуть достоинства
Убрать недостатки, подчеркнуть достоинства
 
Nikolaev 2012
Nikolaev 2012Nikolaev 2012
Nikolaev 2012
 
Перспективы бессылочного продвижения
Перспективы бессылочного продвижения Перспективы бессылочного продвижения
Перспективы бессылочного продвижения
 
Разжёванный Матрикс.нет. Клиентская версия (выступление в Перми, 2011)
Разжёванный Матрикс.нет. Клиентская версия (выступление в Перми, 2011)Разжёванный Матрикс.нет. Клиентская версия (выступление в Перми, 2011)
Разжёванный Матрикс.нет. Клиентская версия (выступление в Перми, 2011)
 
6 шагов в методике подбора ключевых слов с примерами и ошибками
6 шагов в методике подбора ключевых слов с примерами и ошибками6 шагов в методике подбора ключевых слов с примерами и ошибками
6 шагов в методике подбора ключевых слов с примерами и ошибками
 

Юзабилити интернет-магазина