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

Руслан КрючковUsabilityLab

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7

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

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

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

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

8

Паттерн: просмотр фото

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

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

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

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

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

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

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

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

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

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

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

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

10.04.2023

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

17

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

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

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

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

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

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

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

И про АмазонПочему его плохо копировать:

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

И про Амазон• Уровень доверия у Амазона выше• Что простят Амазону – не простят

вам

И про Амазон• Большое количество постоянных

покупателей, которые привыкли к интерфейсу

И про Амазон• Постоянно проводятся АБ-тесты

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

Персона

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

Сценарий

Симптомы для проведения юзабилити-аудитаС развитием системы функционал и контент наращивались не структурированно, система перегружена

Расходы на рекламу и продвижение больше не дают первоначального эффекта

Не ясно, как дальше развивать систему, добавлять новый контент и функционал

Текущая версия системы больше не соответствует стратегии компании, ее бренду и т.д.

Низкие показатели конверсии

Высокая нагрузка на техподдержку

Жалобы клиентов на неудобство интерфейса

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

проведения

1день

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

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

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

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

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

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

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

6 часов

Аудит сайта

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

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

ОБЕД

Результаты юзабилити-аудита

◊ Проблемы будут ранжированы по степени критичности

◊ Рекомендации буду ранжированы по важности внедрения

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

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

100

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

30

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

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

Будем рады сотрудничеству!

Руслан Крючков

UsabilityLab

info@usabilitylab.net