Презентация доклада "Как провести юзабилити-аудит своего сайта" (СПИК 2013)

1. Как провести
юзабилити-аудит
своего сайта

2. c
2
РАЗНООБРАЗИЕ ПРЕДЛОЖЕНИЙ
Юзабилити повышает качество сайта более чем в два раза.
Только при помощи Usability-аудита вы будете знать все о поведении посетителей своего сайта.
Всѐ — до малейшего движения мыши.
Любой аудит сайта направлен на улучшение его работы и соответствия всем требованиям
поисковых систем.

3. 3
Аудит помогает выявить проблемы эффективности и продуктивности,
повысить удовлетворенность пользователей
ЧТО ТАКОЕ АУДИТ ЮЗАБИЛИТИ?
Стандарт ISO 9241-11, определение юзабилити
Степень, с которой продукт может быть использован определѐнными пользователями
при определѐнном контексте использования для достижения определѐнных целей
с должной эффективностью, продуктивностью и удовлетворѐнностью.
Один или несколько экспертов:
 оценивают удобство системы
• эвристики
• сценарии
• позиционирование
 фиксируют найденные проблемы
 дают рекомендации

4. 4
ЧТО НУЖНО СДЕЛАТЬ?
 Зафиксируйте требования бизнеса и метрики успешности
 Проанализируйте аудиторию и опишите персонажей
 Выпишите сценарии взаимодействия с сайтом для каждого
персонажа
 «Пройдите» по сценариям и зафиксируйте проблемы
 Проверьте сайт на соответствие эвристикам и позиционированию
 Выработайте решения

5. 5
ПОСЛЕДОВАТЕЛЬНОСТЬ ШАГОВ
1. Анализ
• Выявление
бизнес-задач
• Выявление
целевой
аудитории
• Выявление задач
пользователя
• Построение
сценариев
2. Аудит
системы
• Оценка
соответствия
бренду
• Проверка по
сценариям
• Проверка по
эвристикам
3. Отчет
• Оценочный
лист
• Презентация/
отчет

6. 6
ВЫЯВЛЕНИЕ ТРЕБОВАНИЙ БИЗНЕСА
Вопросы, на которые нужно ответить:
 Что у нас за сайт, зачем он нужен?
 Какие у нас есть услуги и товары?
 Чего мы хотим от посетителя?
 Как мы измеряем успешность сайта?
 Кто наши конкуренты?
 Каковы цели аудита?
 Каковы критерии успешности аудита?

7. 7
ТРЕБОВАНИЯ БИЗНЕСА: пример
Puffy-Shop
Интернет-магазин одежды и
аксессуаров для маленьких собак.
Есть оффлайн-салон в Москве.
Товары и услуги
Одежда, аксессуары для собак
разных пород.
Конкурентные пр-ва
 Высокое качество одежды
 Индивидуальный подход к
подбору размера и возврат.
Целевое действие
Заявка на товар через
корзину сайта.
Цели проекта
Повысить конверсию сайта при
существующей посещаемости
Потенциальные проблемы
 Владельцы не знают размера собаки.
 Пользователи не понимают, есть ли
одежда для собаки их породы.

8. 8
ПЕРСОНАЖИ
Персона, персонаж – конкретный и специфичный представитель группы
пользователей.
Объединяет наиболее характерные для группы представителей целевой
аудитории черты личности, среду и задачи в системе в образе конкретного
человека.
 Должен быть конкретным
 Должен быть воображаемым
 Описание должно быть
подробным, а не идеальным
 Цели
 Социальное положение
 Описание жизненной ситуации
 Описание окружения
 Уровень подготовки
 Запрос и ожидания
Характеристики Составляющие

9. 9
ПЕРСОНАЖИ: пример
Ирина работает менеджером по развитию. У нее
активная жизненная позиция, и она ценит свое
время.
Ирина любит покупать стильные вещи для себя
и своего питомца Бони.
Часто пользуется интернетом для покупок и
поиска информации.
Задача
Наступила дождливая осень, и Боня начинает замерзать. Необходимо
купить собачке новую межсезонную курточку.
Ирина (Москвичка, 32 года, не замужем) и Боня (йоркширский
терьер)
Условия и опасения
 Бюджет «не важен»
 Ищет качественную и стильную (уникальную) курточку
 Необходимо, чтобы куртка подходила Боне по размерам, чтобы не
приходилось ее ушивать или отправлять обратно
 Куртка нужна срочно

10. 10
СЦЕНАРИИ
Сценарий – описание действий, которые совершает пользователь,
а также причин этих действий.
Составляющие сценария:
 цели
 ожидания
 мотивации
 действия
 реакции пользователя
Сценарий – это «история»:
 что пользователь хочет сделать
 почему
 каковы его ожидания
Сценарии помогают понять:
 как принимаются решения
 какие факторы на них влияют
 мотивацию пользователей
На основании
пользовательских сценариев
формируются требования к
элементам интерфейса

11. 11
СЦЕНАРИИ: пример
1. Знакомство с
сайтом
Ирина заходит на сайт и убеждается, что она на сайте одежды для собак в Москве.
Ищет информацию, есть ли одежда для йоркширских терьеров.
2. Новинки и
спецпредложения
Обращает внимание на новинки, ищет среди них куртки.
Если в новинках не нашла интересующий товар, будет искать куртки в каталоге.
3. Поиск по
каталогу
Ирину интересуют товары на сезон «весна/осень», поскольку Боне нужна не теплая куртка,
а вариант под дождливую погоду.
4. Изучение
товара
Откроет понравившуюся курточку, чтобы посмотреть подробнее фото, отзывы.
5. Выбор из
вариантов
Ирине понравилось несколько курточек, но не все размеры есть в наличии.
Перед ней стоит задача измерить собачку.
6. Снятие мерок с
собаки
Ищет информацию, как измерить собаку и по примеру на видео измеряет Боню,
сопоставляет замеры с таблицей размеров.
7. Уточнение
выдачи товаров
Ирина выяснила, что у Бони размер M, она хочет посмотреть только подходящие куртки.
В выдаче видит, что некоторых курток нет в наличии, они ее не интересуют.
8. Заказ товара Находит подходящую курточку и хочет ее приобрести.
Ирина смотрит информацию по доставке, кладет товар в корзину и оформляет заказ.

12. 12
ЭВРИСТИКИ
Чек-листы из интернета и общие рекомендации всегда носят
эвристический характер.
Эвристики – прием образования интуитивных суждений в условиях
недостаточной или неопределенной информации.
Один из основных инструментов любой экспертной оценки.
Формулировки эвристик обобщенные и слегка туманные. Для экспертизы
конкретного продукта важнее пользовательские сценарии.
Но это не избавляет эксперта от необходимости знать и применять
основные эвристики, популярные шаблоны и модные решения.

13. 13
ЭВРИСТИКИ Шнейдермана
 Консистентность интерфейса
 Использование клавиш
быстрого доступа
 Понятная обратная связь
 Закрытые диалоги
 Понятная обработка ошибок
 Возможность отмены действий
 Контроль со стороны
пользователя
 Уменьшение нагрузки на
кратковременную память

14. 14
ЭВРИСТИКИ Нильсена
 Наглядность текущего состояния
системы
 Связь с реальным миром
 Управляемость и свобода действий
 Согласованность и стандарты
 Предотвращение ошибок
 Узнавание против запоминания
 Гибкость и эффективность
 Эстетика и лаконичность дизайна
 Предвидение ошибок и
восстановление после них
 Справочная система и документация

15. 15
ЧЕКЛИСТЫ И СТАНДАРТЫ
Чеклист – структурированный список формальных критериев и свойств,
которыми должен обладать продукт.
Чеклисты снижают тенденцию эксперта видеть то, что он хочет видеть (эффект
Роршаха). Они не учитывают задачи и контекст пользователя конкретного сайта.
Идеально работают, если:
 есть устоявшиеся представления о требованиях к классу продуктов
 Продукт версионный и сохраняет основные черты от версии к версии
Как составить?
 стандарты платформы
 брендбук и регламенты
 паттерны поведения
 лучшие практики
Где взять?
 Userfocus
 eCommerce (UsabilityLab)
 обобщение эвристик Нильсена-Шнейдермана
 Яндекс: найдется все (с)

16. СООТВЕТСТВИЕ ПОЗИЦИОНИРОВАНИЮ
Убедитесь, что сайт соответствует имиджевому посланию,
ценностям бренда и стратегии его продвижения.
16

17. 17
ПРОВЕДЕНИЕ ЭКСПЕРТИЗЫ
Экспертная
оценка
Эвристики
Сценарии
Критического
пути
Общие
Позиционирование
Бренд
Стратегия
Имидж

18. 18
ФИКСАЦИЯ РЕЗУЛЬТАТОВ
Отчет должен быть хорошо структурирован, лучше всего группировать проблемы
и рекомендации по экранам. Экраны, в свою очередь, нужно группировать по
сценариям.
 Проблема 1
✔ Рекомендация
✔ Рекомендация (еще одна)
Структура:
 Cценарий 1
• Экран 1
- Проблема 1
• Экран …
 Cценарий 2
• Экран …
Формулировка проблемы содержит:
 условия ее возникновения в системе
 ожидаемое и реальное поведение
Формулировка рекомендации должна:
 быть полной
 доказательной

19. 19
ФИКСАЦИЯ РЕЗУЛЬТАТОВ: пример
Нет возможностей
фильтрации ни по сезону, ни по
наличию, ни по размеру товара
Критичность: средняя.
Добавить возможности
фильтрации по сезону, размеру и
наличию товаров.
Выпадающий список с
возможностями сортировки не
озаглавлен и поэтому
непонятен.
Критичность: средняя.
Добавить подпись к блоку
сортировки.
3. Поиск по каталогу

20. ВОПРОСЫ?
199034, Санкт-Петербург, Биржевая линия, 16
тел.: +7 (812) 309-45-15
spb@usabilitylab.net
www.usabilitylab.ru