Как провести
юзабилити-аудит
своего сайта
c
2
РАЗНООБРАЗИЕ ПРЕДЛОЖЕНИЙ
Юзабилити повышает качество сайта более чем в два раза.
Только при помощи Usability-аудита вы будете знать все о поведении посетителей своего сайта.
Всѐ — до малейшего движения мыши.
Любой аудит сайта направлен на улучшение его работы и соответствия всем требованиям
поисковых систем.
3
Аудит помогает выявить проблемы эффективности и продуктивности,
повысить удовлетворенность пользователей
ЧТО ТАКОЕ АУДИТ ЮЗАБИЛИТИ?
Стандарт ISO 9241-11, определение юзабилити
Степень, с которой продукт может быть использован определѐнными пользователями
при определѐнном контексте использования для достижения определѐнных целей
с должной эффективностью, продуктивностью и удовлетворѐнностью.
Один или несколько экспертов:
 оценивают удобство системы
• эвристики
• сценарии
• позиционирование
 фиксируют найденные проблемы
 дают рекомендации
4
ЧТО НУЖНО СДЕЛАТЬ?
 Зафиксируйте требования бизнеса и метрики успешности
 Проанализируйте аудиторию и опишите персонажей
 Выпишите сценарии взаимодействия с сайтом для каждого
персонажа
 «Пройдите» по сценариям и зафиксируйте проблемы
 Проверьте сайт на соответствие эвристикам и позиционированию
 Выработайте решения
5
ПОСЛЕДОВАТЕЛЬНОСТЬ ШАГОВ
1. Анализ
• Выявление
бизнес-задач
• Выявление
целевой
аудитории
• Выявление задач
пользователя
• Построение
сценариев
2. Аудит
системы
• Оценка
соответствия
бренду
• Проверка по
сценариям
• Проверка по
эвристикам
3. Отчет
• Оценочный
лист
• Презентация/
отчет
6
ВЫЯВЛЕНИЕ ТРЕБОВАНИЙ БИЗНЕСА
Вопросы, на которые нужно ответить:
 Что у нас за сайт, зачем он нужен?
 Какие у нас есть услуги и товары?
 Чего мы хотим от посетителя?
 Как мы измеряем успешность сайта?
 Кто наши конкуренты?
 Каковы цели аудита?
 Каковы критерии успешности аудита?
7
ТРЕБОВАНИЯ БИЗНЕСА: пример
Puffy-Shop
Интернет-магазин одежды и
аксессуаров для маленьких собак.
Есть оффлайн-салон в Москве.
Товары и услуги
Одежда, аксессуары для собак
разных пород.
Конкурентные пр-ва
 Высокое качество одежды
 Индивидуальный подход к
подбору размера и возврат.
Целевое действие
Заявка на товар через
корзину сайта.
Цели проекта
Повысить конверсию сайта при
существующей посещаемости
Потенциальные проблемы
 Владельцы не знают размера собаки.
 Пользователи не понимают, есть ли
одежда для собаки их породы.
8
ПЕРСОНАЖИ
Персона, персонаж – конкретный и специфичный представитель группы
пользователей.
Объединяет наиболее характерные для группы представителей целевой
аудитории черты личности, среду и задачи в системе в образе конкретного
человека.
 Должен быть конкретным
 Должен быть воображаемым
 Описание должно быть
подробным, а не идеальным
 Цели
 Социальное положение
 Описание жизненной ситуации
 Описание окружения
 Уровень подготовки
 Запрос и ожидания
Характеристики Составляющие
9
ПЕРСОНАЖИ: пример
Ирина работает менеджером по развитию. У нее
активная жизненная позиция, и она ценит свое
время.
Ирина любит покупать стильные вещи для себя
и своего питомца Бони.
Часто пользуется интернетом для покупок и
поиска информации.
Задача
Наступила дождливая осень, и Боня начинает замерзать. Необходимо
купить собачке новую межсезонную курточку.
Ирина (Москвичка, 32 года, не замужем) и Боня (йоркширский
терьер)
Условия и опасения
 Бюджет «не важен»
 Ищет качественную и стильную (уникальную) курточку
 Необходимо, чтобы куртка подходила Боне по размерам, чтобы не
приходилось ее ушивать или отправлять обратно
 Куртка нужна срочно
10
СЦЕНАРИИ
Сценарий – описание действий, которые совершает пользователь,
а также причин этих действий.
Составляющие сценария:
 цели
 ожидания
 мотивации
 действия
 реакции пользователя
Сценарий – это «история»:
 что пользователь хочет сделать
 почему
 каковы его ожидания
Сценарии помогают понять:
 как принимаются решения
 какие факторы на них влияют
 мотивацию пользователей
На основании
пользовательских сценариев
формируются требования к
элементам интерфейса
11
СЦЕНАРИИ: пример
1. Знакомство с
сайтом
Ирина заходит на сайт и убеждается, что она на сайте одежды для собак в Москве.
Ищет информацию, есть ли одежда для йоркширских терьеров.
2. Новинки и
спецпредложения
Обращает внимание на новинки, ищет среди них куртки.
Если в новинках не нашла интересующий товар, будет искать куртки в каталоге.
3. Поиск по
каталогу
Ирину интересуют товары на сезон «весна/осень», поскольку Боне нужна не теплая куртка,
а вариант под дождливую погоду.
4. Изучение
товара
Откроет понравившуюся курточку, чтобы посмотреть подробнее фото, отзывы.
5. Выбор из
вариантов
Ирине понравилось несколько курточек, но не все размеры есть в наличии.
Перед ней стоит задача измерить собачку.
6. Снятие мерок с
собаки
Ищет информацию, как измерить собаку и по примеру на видео измеряет Боню,
сопоставляет замеры с таблицей размеров.
7. Уточнение
выдачи товаров
Ирина выяснила, что у Бони размер M, она хочет посмотреть только подходящие куртки.
В выдаче видит, что некоторых курток нет в наличии, они ее не интересуют.
8. Заказ товара Находит подходящую курточку и хочет ее приобрести.
Ирина смотрит информацию по доставке, кладет товар в корзину и оформляет заказ.
12
ЭВРИСТИКИ
Чек-листы из интернета и общие рекомендации всегда носят
эвристический характер.
Эвристики – прием образования интуитивных суждений в условиях
недостаточной или неопределенной информации.
Один из основных инструментов любой экспертной оценки.
Формулировки эвристик обобщенные и слегка туманные. Для экспертизы
конкретного продукта важнее пользовательские сценарии.
Но это не избавляет эксперта от необходимости знать и применять
основные эвристики, популярные шаблоны и модные решения.
13
ЭВРИСТИКИ Шнейдермана
 Консистентность интерфейса
 Использование клавиш
быстрого доступа
 Понятная обратная связь
 Закрытые диалоги
 Понятная обработка ошибок
 Возможность отмены действий
 Контроль со стороны
пользователя
 Уменьшение нагрузки на
кратковременную память
14
ЭВРИСТИКИ Нильсена
 Наглядность текущего состояния
системы
 Связь с реальным миром
 Управляемость и свобода действий
 Согласованность и стандарты
 Предотвращение ошибок
 Узнавание против запоминания
 Гибкость и эффективность
 Эстетика и лаконичность дизайна
 Предвидение ошибок и
восстановление после них
 Справочная система и документация
15
ЧЕКЛИСТЫ И СТАНДАРТЫ
Чеклист – структурированный список формальных критериев и свойств,
которыми должен обладать продукт.
Чеклисты снижают тенденцию эксперта видеть то, что он хочет видеть (эффект
Роршаха). Они не учитывают задачи и контекст пользователя конкретного сайта.
Идеально работают, если:
 есть устоявшиеся представления о требованиях к классу продуктов
 Продукт версионный и сохраняет основные черты от версии к версии
Как составить?
 стандарты платформы
 брендбук и регламенты
 паттерны поведения
 лучшие практики
Где взять?
 Userfocus
 eCommerce (UsabilityLab)
 обобщение эвристик Нильсена-Шнейдермана
 Яндекс: найдется все (с)
СООТВЕТСТВИЕ ПОЗИЦИОНИРОВАНИЮ
Убедитесь, что сайт соответствует имиджевому посланию,
ценностям бренда и стратегии его продвижения.
16
17
ПРОВЕДЕНИЕ ЭКСПЕРТИЗЫ
Экспертная
оценка
Эвристики
Сценарии
Критического
пути
Общие
Позиционирование
Бренд
Стратегия
Имидж
18
ФИКСАЦИЯ РЕЗУЛЬТАТОВ
Отчет должен быть хорошо структурирован, лучше всего группировать проблемы
и рекомендации по экранам. Экраны, в свою очередь, нужно группировать по
сценариям.
 Проблема 1
✔ Рекомендация
✔ Рекомендация (еще одна)
Структура:
 Cценарий 1
• Экран 1
- Проблема 1
• Экран …
 Cценарий 2
• Экран …
Формулировка проблемы содержит:
 условия ее возникновения в системе
 ожидаемое и реальное поведение
Формулировка рекомендации должна:
 быть полной
 доказательной
19
ФИКСАЦИЯ РЕЗУЛЬТАТОВ: пример
Нет возможностей
фильтрации ни по сезону, ни по
наличию, ни по размеру товара
Критичность: средняя.
Добавить возможности
фильтрации по сезону, размеру и
наличию товаров.
Выпадающий список с
возможностями сортировки не
озаглавлен и поэтому
непонятен.
Критичность: средняя.
Добавить подпись к блоку
сортировки.
3. Поиск по каталогу
ВОПРОСЫ?
199034, Санкт-Петербург, Биржевая линия, 16
тел.: +7 (812) 309-45-15
spb@usabilitylab.net
www.usabilitylab.ru

More Related Content

PPTX
Как правильно провести аудит сайта
PDF
Работа с Usability
PPTX
Дизайн мобильных приложений: обо всем понемножку
PPTX
Веб-аналитика для интерфейсов. Николай Захаров (РИФ 2013)
PPTX
Аналитический обзор интерьера автомобиля rolls royce phantom coupe. Е. Кузнецова
PPTX
Презентация доклада с UX Russia 2013
PPTX
Актуальные тенденции рынка DIY России 2015-2016
PDF
Маркетинговое исследование рынка мебели 2016
Как правильно провести аудит сайта
Работа с Usability
Дизайн мобильных приложений: обо всем понемножку
Веб-аналитика для интерфейсов. Николай Захаров (РИФ 2013)
Аналитический обзор интерьера автомобиля rolls royce phantom coupe. Е. Кузнецова
Презентация доклада с UX Russia 2013
Актуальные тенденции рынка DIY России 2015-2016
Маркетинговое исследование рынка мебели 2016

Similar to Usability audit: how-to (SPIC2013) (20)

PDF
Поведенческие факторы в поисковом продвижении
PPTX
Usability сайта: от простого к сложному.
PPTX
Что делать или почему никто не виноват
PPT
Юзабилити Сайта
PPT
Юзабилити сайта
PPTX
CodeFest 2013. Бесков Д. — Как быть заказчиком продукта
PPTX
Как быть заказчиком продукта?
PDF
di.by 2014 e-commerce mobile: как подружить интернет-магазин с мобильными уст...
PDF
di.by 2014 e-commerce mobile: как подружить интернет-магазин с мобильными уст...
PPTX
2013.06.07. Нетология вебинар 7 мест на сайте, где вы теряете посетителя (и е...
PDF
Юзабилити-аудит своими руками
PPTX
PPT
Менеджер продукта. Как обрести и развить ключевые навыки
PDF
Проектирование мобильного приложения
PPTX
CodeFest 2013. Феоктистов А. — Как мы сделали Яндекс.Гардероб и не ослепли
PPTX
Юзабилити-аудит: важная часть интернет-маркетинга, без которой вам не жить. А...
PPTX
Мониторинг веб пространства на открытии ИКР в НН
PDF
7 мест на сайте, где вы теряете посетителя (и его деньги)
PPT
Артем Бородатюк, Netpeak "Совершенству нет предела или как провести лето."
PDF
Лицом к лицу с клиентом пойми кто твой клиент и продавай больше
Поведенческие факторы в поисковом продвижении
Usability сайта: от простого к сложному.
Что делать или почему никто не виноват
Юзабилити Сайта
Юзабилити сайта
CodeFest 2013. Бесков Д. — Как быть заказчиком продукта
Как быть заказчиком продукта?
di.by 2014 e-commerce mobile: как подружить интернет-магазин с мобильными уст...
di.by 2014 e-commerce mobile: как подружить интернет-магазин с мобильными уст...
2013.06.07. Нетология вебинар 7 мест на сайте, где вы теряете посетителя (и е...
Юзабилити-аудит своими руками
Менеджер продукта. Как обрести и развить ключевые навыки
Проектирование мобильного приложения
CodeFest 2013. Феоктистов А. — Как мы сделали Яндекс.Гардероб и не ослепли
Юзабилити-аудит: важная часть интернет-маркетинга, без которой вам не жить. А...
Мониторинг веб пространства на открытии ИКР в НН
7 мест на сайте, где вы теряете посетителя (и его деньги)
Артем Бородатюк, Netpeak "Совершенству нет предела или как провести лето."
Лицом к лицу с клиентом пойми кто твой клиент и продавай больше
Ad

More from Tatyana Tabakova (15)

PPTX
Human_factor (Redmont, SPIC 2013)
PDF
Usability testing methods overview (SQA Days’13)
PDF
Case: real estate site usability testing (RBI)
PDF
(Marketing: bad advices) Adv days’13
PPTX
Several practical advices to create a successful site (Trinet seminar)
PPTX
Aim at users (by A. Ostervelder)
PPTX
Usability holy wars (wudru2012)
PPTX
Usability: Bad advices
PPTX
Usability for e-commerce
PPTX
Usability for mobile: bad advices
PPTX
165. Еmpathy Мap
PPTX
163. Iterative design
PPTX
ProfsoUX'12: about project documentation, bureaucracy and overkill
PPTX
Pragmatic altruism (spic’2012)
PPTX
identifying the needs of internet customers
Human_factor (Redmont, SPIC 2013)
Usability testing methods overview (SQA Days’13)
Case: real estate site usability testing (RBI)
(Marketing: bad advices) Adv days’13
Several practical advices to create a successful site (Trinet seminar)
Aim at users (by A. Ostervelder)
Usability holy wars (wudru2012)
Usability: Bad advices
Usability for e-commerce
Usability for mobile: bad advices
165. Еmpathy Мap
163. Iterative design
ProfsoUX'12: about project documentation, bureaucracy and overkill
Pragmatic altruism (spic’2012)
identifying the needs of internet customers
Ad

Usability audit: how-to (SPIC2013)

  • 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
  • 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