Как правильно провести аудит сайта

www.astramg.ru

СПб +7 (812) 458 57 79Мск +7 (495) 649 62 78

Ярослав ТабаковДиректор по развитию

ЧТО

НУЖ

НО

СД

ЕЛАТ

Ь?

c

Юзабилити повышает качество сайта более чем в два раза.

Только при помощи Usability-аудита вы будете знать все о поведении посетителей своего сайта. Всё — до малейшего движения мыши.

Любой аудит сайта направлен на улучшение его работы и соответствия всем требованиям поисковых систем.

”

Разнообразие предложений

Что такое аудит юзабилити?

Стандарт ISO 9241-11, определение юзабилити:

Степень, с которой продукт может быть использован определёнными пользователями при определённом контексте использования для достижения определённых целей с должнойэффективностью, продуктивностью и удовлетворённостью.

Аудит помогает выявить проблемы эффективности и продуктивности, повысить

удовлетворенность пользователей

Один или несколько экспертов

1. Оценивают удобство системы:• Эвристики,• Сценарии,• Позиционирование;

2. Фиксируют проблемы;3. Дают рекомендации.

ЧТО

НУЖ

НО

СД

ЕЛАТ

Ь?

Структура работ

• Фиксация требований бизнеса и метрик успешности;

• Анализ и сегментирование целевой аудитории;

• Разработка портретов пользователей, создание персонажей;

• Разработка пользовательских сценариев для персонажей;

• Прохождение сценариев и фиксация проблем;

• Проверка сайта на соответствие эвристикам и имиджу;

• Выработка решений, подготовка отчета.

ЧТО

НУЖ

НО

СД

ЕЛАТ

Ь?

1. Анализ• Выявление бизнес-

задач

• Выявление целевой аудитории

• Выявление задач пользователя

• Построение сценариев

2. Аудит системы

• Оценка соответствия бренду

• Проверка по сценариям

• Проверка по эвристикам

3. Отчет• Оценочный лист

• Презентация/отчет

ЧТО

НУЖ

НО

СД

ЕЛАТ

Ь?Последовательность шагов

* Задачи,выделенные цветом, являются ключевыми

Вопросы, на которые нужно ответить

ТРЕБ

ОВА

НИ

Я БИ

ЗНЕС

А • Что у нас за сайт, зачем он нужен?

• Какие у нас есть услуги и товары?

• Чего мы хотим от посетителя?

• Как мы измеряем успешность сайта?

• Кто наши конкуренты?

• Каковы цели проекта?

• Каковы критерии успешности проекта?

ТРЕБ

ОВА

НИ

Я БИ

ЗНЕС

А

Puffy-Shop

Пример описания требованийТР

ЕБО

ВАН

ИЯ

БИЗН

ЕСА

Интернет-магазин одежды и аксессуаров для маленьких собак. Есть оффлайн-салон в Москве.

Товары и услугиОдежда, аксессуары для собак разных пород.

Конкурентные пр-ва• Высокое качество одежды• Индивидуальный подход

к подбору размера и возврат.

Целевое действиеЗаявка на товар через корзину сайта.

Цели проекта Перепроектировать сайт, повысить конверсию сайта при существующей посещаемости.

Потенциальные проблемы• Владельцы не знают размера собаки.• Пользователи не понимают, есть ли одежда для

собаки их породы.

ТРЕБ

ОВА

НИ

Я БИ

ЗНЕС

А

• Кто является нашей целевой аудиторией?

• Какие группы целевой аудитории существуют?

• Как выглядит типичный представитель группы?

• В какой жизненной ситуации он пользуется сайтом?

• Какие задачи он решает?

• Какая среда и контекст его окружают?

Вопросы, на которые нужно ответить

АНАЛ

ИЗ

ЦА

Определение персонажа

• Должен быть конкретным,

• Должен быть воображаемым,

• Описание должно быть подробным, а не идеальным.

• Цели,

• Социальное положение,

• Описание жизненной ситуации,

• Описание окружения,

• Уровень подготовки,

• Запрос и ожидания.

Характеристики Составляющие

Персона, персонаж – конкретный и специфичный представитель группы пользователей.

Объединяет наиболее характерные для группы представителей целевой аудитории черты личности, среду и задачи в системе в образе конкретного человека.

ПЕР

СОН

АЖИ

Пример описания персонажа

Ирина работает менеджером по развитию. У нее активная жизненная позиция, и она ценит свое время.Ирина любит покупать стильные вещи для себя и своего питомца Бони.Часто пользуется интернетом для покупок и поиска информации.

ЗадачаНаступила дождливая осень, и Боня начинает замерзать. Необходимо купить собачке новую межсезонную курточку.

Ирина (Москвичка, 32 года, не замужем) и Боня (йоркширский терьер)

Условия и опасения• Бюджет «не важен»,• Ищет качественную и стильную (уникальную) курточку,• Необходимо, чтобы куртка подходила Боне по размерам, чтобы не приходилось

ее ушивать или отправлять обратно,• Куртка нужна срочно.

ПЕР

СОН

АЖИ

• Что захочет сделать пользователь?

• Зачем он это сделает?

• Какого результата он ожидает?

• Как это ведет к достижению целей бизнеса?

• Какие барьеры ему придется преодолеть?

• Какие стимулы можно для него создать?

Вопросы, на которые нужно ответить

СЦЕН

АРИ

И П

ОЛ

ЬЗО

ВАТЕ

ЛЕЙ

На основании пользовательских сценариев формируются требования к элементам

интерфейса

Определение сценарияСЦ

ЕНАР

ИИ

ПО

ЛЬЗО

ВАТЕ

ЛЕЙ

Составляющие сценария:• Цели,• Ожидания,• Мотивации,• Действия,• Реакции пользователя.

Сценарий – это «история»:

• Что пользователь хочет сделать,• Зачем он это делает,•Каковы его ожидания.

Сценарии помогают понять:

• Как принимаются решения,• Какие факторы на них влияют,• Мотивацию пользователей.

Сценарий – описание действий, которые совершает пользователь, а также причин этих действий.

СЦЕН

АРИ

И П

ОЛ

ЬЗО

ВАТЕ

ЛЕЙ

Пример сценария пользователяСЦ

ЕНАР

ИИ

ПО

ЛЬЗО

ВАТЕ

ЛЕЙ 1. Знакомство с

сайтомИрина заходит на сайт и убеждается, что она на сайте одежды для собак в Москве.

Ищет информацию, есть ли одежда для йоркширских терьеров.

2. Новинки и спецпредложения

Обращает внимание на новинки, ищет среди них куртки.

Если в новинках не нашла интересующий товар, будет искать куртки в каталоге.

3. Поиск по каталогу Ирину интересуют товары на сезон «весна/осень», поскольку Боне нужна не теплая куртка, а вариант под дождливую погоду.

4. Изучение товара Откроет понравившуюся курточку, чтобы посмотреть подробнее фото, отзывы.

5. Выбор из вариантов

Ирине понравилось несколько курточек, но не все размеры есть в наличии.

Перед ней стоит задача измерить собачку.

6. Снятие мерок с собаки

Ищет информацию, как измерить собаку и по примеру на видео измеряет Боню, сопоставляет замеры с таблицей размеров.

7. Уточнение выдачи товаров

Ирина выяснила, что у Бони размер M, она хочет посмотреть только подходящие куртки.

В выдаче видит, что некоторых курток нет в наличии, они ее не интересуют.

8. Заказ товара Находит подходящую курточку и хочет ее приобрести.

Ирина смотрит информацию по доставке, кладет товар в корзину и оформляет заказ.

СЦЕН

АРИ

И П

ОЛ

ЬЗО

ВАТЕ

ЛЕЙ

Проверочные листы из интернета и общие

рекомендации всегда носят эвристический характер

Эвристики – прием образования интуитивных суждений в условиях недостаточной или неопределенной информации.Один из основных инструментов любой экспертной оценки.

Формулировки эвристик всегда обобщенные и слегка туманные.Для экспертизы конкретного продукта важнее пользовательские сценарии.

ЭВРИ

СТИ

КИОпределение эвристики

Но это не избавляет эксперта от необходимости знать и применять основные эвристики, популярные шаблоны и модные решения.

Эвристики Шнейдермана

• Консистентность интерфейса,

• Использование клавиш быстрого

доступа,

• Понятная обратная связь,

• Закрытые диалоги,

• Понятная обработка ошибок,

• Возможность отмены действий,

• Контроль со стороны пользователя,

• Уменьшение нагрузки на

кратковременную память.

ЭВРИ

СТИ

КИ

• Наглядность состояния системы,• Связь с реальным миром,• Управляемость и свобода действий,• Согласованность и стандарты,• Предотвращение ошибок,• Узнавание против запоминания,• Гибкость и эффективность,• Эстетика и лаконичность дизайна,• Предвидение ошибок и

восстановление после них,• Справочная система и документация .

ЭВРИ

СТИ

КИЭвристики Нильсена

Хорошо подходят в следующих условиях:

• Есть устоявшиеся представления о требованиях к классу продуктов,

• Продукт версионный и сохраняет основные черты от версии к версии.

Проверочный лист – структурированный список формальных критериев и свойств, которыми должен обладать продукт.

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

Проверочные листы и стандартыП

РОВЕ

РОЧН

ЫЕ

ЛИ

СТЫ

Составляются на основе:

• Стандартов платформы,

• Брендбука и регламентов,

•Паттернов поведения пользователей,

•Лучших практик.

Составляющие позиционирования:

• Ключевые атрибуты,

• Основные преимущества,

• Ценности бренда,

• Имиджевое послание,

• Стратегия продвижения.

Сайт должен соответствовать имиджевому посланию,

ценностям бренда и стратегии его продвижения.

ПО

ЗИЦ

ИО

НИ

РОВА

НИ

ЕОпределение позиционирования

Позиционирование – формирование в сознании потребителей образа компании или продукта, отличного от конкурентов.

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

ПО

ЗИЦ

ИО

НИ

РОВА

НИ

ЕОшибки позиционирования

• Бренд представлен недостаточно явно;

• Чрезмерный акцент на компании, а не на товаре или услуге;

• Декларируемые ценности не соответствуют ценностям ЦА;

• Отсутствует цельный имидж, послание размыто;

• Оформления сайта не соответствует имиджу компании;

• Не учитывается окружение элементов интерфейса.

Экспертная оценкаСценарии

Критического пути

Общие

Эвристики

ПозиционированиеБренд

Стратегия

Имидж

ПРО

ВЕД

ЕНИ

Е ЭК

СПЕР

ТИЗЫ

Состав работ

→ Проблема #1✔ Рекомендация✔ Рекомендация (еще одна)

Отчет является основным результирующим документом аудита.

Отчет содержит выявленные в ходе аудита проблемы и рекомендованные способы их устранения.

Структура отчета:

• Cценарий #1 Экран #1

Проблема #1 Экран …

• Cценарий #2 Экран …

Формулировка проблемы:• Содержит условия возникновения,• Ожидаемое и реальное поведение.

Формулировка рекомендации:• Должна быть полной,• Должна быть доказательной.

ФИ

КСАЦ

ИЯ

РЕЗУ

ЛЬТ

АТО

ВНазначение и структура отчета

Структура описания:

Нет возможностей фильтрации ни по сезону, ни по наличию, ни по размеру товара.

Критичность: средняя

Добавить возможности фильтрации по сезону, размеру и наличию товаров.

Выпадающий список с возможностями сортировки не озаглавлен и поэтому непонятен.

Критичность: средняя

Добавить подпись к блоку сортировки.

3. Поиск по каталогу

ФИ

КСАЦ

ИЯ

РЕЗУ

ЛЬТ

АТО

ВПример отчета об ошибках

Vk /astramgFb /astramgTwi /AstraMediaGroup

www.astramg.ru+7 (812) 458 57 78info@astramg.ru

КОН

ТАКТ

Ы

Vk /ytabakovFb /ytabakoffTwi /ytabakov

СПАСИБО! Вопросы?КО

НТА

КТЫ