Юзабилитипротив паттернов

Татьяна Маршалкина, менеджер по работе с ключевыми клиентами

2

Что такое паттерны• Устоявшиеся

приемы и образцы создания интерфейсов интернет-магазинов

• Часто используются

• Все к ним привыкли

3

Самый большой паттерн

• Интернет-магазин – это тоже сам по себе паттерн

• (Корзина, чекаут, страница товара и т.п. – это части паттерна. Раньше их не было)

4

Чем хороши паттерны• Готовое решение

• Не надо думать (на самом деле, надо)

• Дешево и экономично

5

Здесь же опасность• Вы собираете свой сайт

из «черных ящиков»

• Не понимаете толком, как именно ваши пользователи работают с каждым из них

• Не понимаете, насколько хорошо паттерны сшиты друг с другом

6

Технические проблемы• Готовые решения –

позволяют быстро собрать работающий прототип

• Если нагрузки и производительность растут – готовые решения нужно переделывать или хотя бы допиливать

• Об этом знают все разработчики

• С интерфейсом все так же!

7

Технические проблемы

• Ограничения вашего движка (поиск, фильтры товаров и т.п.), устройство базы данных с товарами ограничивают возможности копирования паттернов у популярных магазинов

8

Точность копирования

• Не факт, что скопируете точно

• Вы или ваши разработчики начнете добавлять свои идеи

• Много зависит от того, как устроен процесс разработки

9

Главная проблема• Подменяете возможность узнать,

как работают ваши пользователи, набором готовых решений

10

Паттерн: фильтр

11

Подход «от пользователя»Ольга, 44 года• Бухгалтер, доход средний, работает в

офисе. Замужем, есть ребенок 11 лет Отношения с интернетом• Опыт покупок в интернет-магазинах

минимальный• Опыт пользования интернетом небольшой

или средний (не является продвинутым пользователем)

 Опыт в велотренажерах• Ищет тренажер для того, чтобы следить

за своей физической формой;• заходит на сайт с главной страницы;• подбирает тренажер по внешнему виду и

по тому, как он впишется в интерьер ее квартиры;

• экономия не так важна. Если тренажер ей понравится, готова немного переплатить;

• готова заплатить за тренажер до 18 тысяч рублей

10.04.2023

12

Подход «от пользователя»

• Подойдет ли ей фильтр?

• Помогут ли подробные настройки (вес маховика, тип системы нагружения и т.п.)?

13

Как продать Ольге тренажер?Задать вопросы:

1. Какой опыт в велоспорте?

• Уровень нагрузок• Профессиональны

й или любительский

• Необходимость компьютера с программами занятий

14

Как продать Ольге тренажер?Задать вопросы:

2. Кто будет заниматься?

• Наличие уровней нагрузки для детей и для мужа

• Интенсивность использования

15

Как продать Ольге тренажер?Задать вопросы:

3. Много ли места в квартире?

• Размер велотренажера

• Возможность компактно складывать для хранения

16

Для кого фильтр?

17

Почему так получилось

• Не подумали , кто на самом деле покупает

• Не подумали, как он покупает

• Взяли готовый паттерн фильтрации

• Вообще не подумали про пользователя, а взяли готовое техническое решение

18

Еще пример: landingpageФорма над сгибомстраницы

Форма под сгибом:+ 304% конверсии

19

Еще пример: инструменты

Персона 1: Новичок Персона 2: Опытный пользователь

20

Еще пример: инструменты

21

Еще пример: инструменты

22

И про Амазон

23

Как надо делать

Персона

Шаг 1 Шаг 2 Шаг 3

Сценарий

24

Сценарий не одинаковый

•Товар•Пользователь•Контекст работы

25

Симптомы

Юзабилити-аудитСрок

проведения

1день

1 день с юзабилити-экспертом: ◊ проанализировать поведение

пользователей на сайте, ◊ выявить основные проблемы, с

которым они сталкиваются, ◊ выработать решение.

Результат:◊ Короткий отчет в

формате рабочей тетради

◊ 3 эскиза иллюстрирующих рекомендации

Стоимость: 32 500 руб.

6 часов

Аудит сайта

3 часа 1 час2 часа

Проектирование Обсуждение

ОБЕД

27

Результаты

Рабочая тетрадь, эскизы

28

О компаниии более проектов в год

100

сотрудников в Московском офисе

30

7лет на рынке 3

офиса: Москва, Санкт-Петербург, Киев

29

Спасибо за внимание!Маршалкина Татьяна

Менеджер по работе с ключевыми клиентами

Тел.: +7 (926) 818-26-76Тел.: +7 (495) 933-01-37

t.marshalkina@usabilitylab.netwww.usabilitylab.ru