Исследования интерфейсов: как понравиться всем

Елена Рубцова Аналитик (юзабилити-специалист)

Для чего нужен сайт?

Инструмент распространения информации о компании и её бизнесе Сервисная поддержка клиентов и партнеров Поиск новых клиентов и партнеров Продажи через Интернет-магазин Продвижение нового бренда, товара или услуги

Для чего нужен сайт?

Важное правило

ВАШ САЙТ БУДУТ ТЕСТИРОВАТЬ

РЕАЛЬНЫЕ ПОЛЬЗОВАТЕЛИ!

Пользователь привередлив

Вы адаптировали сайт под все

Сайт

Мобильный сайт Мобильное

приложение

А пользователь не заметил!

Сегментация рынка

Метод 5W:

What – что (тип товара) Who – кто (потребитель) Why – почему (какова мотивация) When – когда (в какие моменты) Where – где (каналы реализации товара)

Характеристики пользователя:

Географические Демографические Экономические Психологические или психографические  Поведенческие

Портрет ЦА

Имя, возраст, должность Фотография Образ жизни Задачи Условия и опасения

Составление персонажа

Как попал на сайт Что будет делать на сайте в первую очередь Как будет искать товар/услугу Какая информация важна Как будет покупать

Пользовательский сценарий

Ментальная модель – это…

То, во что пользователь верит

•  Не дизайнер

•  Не директор по маркетингу

•  Не владелец бизнеса

•  Ожидания

•  Предыдущий опыт

Инерция ментальной модели

Подстраивайтесь под ментальные модели пользователей Улучшайте пользовательские модели постепенно

Например:

Ошибки на пути к цели

Пользователь принимает на свой счет

Сообщите о реальной причине ошибки

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

1)  Обратная связь [Информирование о текущем состоянии системы] 2)  Соответствие между системой и реальным миром  [Говорите на языке

пользователя] 3)  Пользователь должен иметь контроль над системой и свободу действий

[Необходимость «экстренных выходов» из нежелательного состояния] 4)  Согласованность (устойчивость, однообразие) и стандартизация:

[Единообразие в передаче информации и использования функций] 5)  Предотвращение ошибок [Защита пользователя от совершения ошибок] 6)  Понимание лучше, чем запоминание [Минимизировать усилия пользователя

на запоминание и делать объекты и действия более очевидными] 7)  Гибкость использования системы [Короткие пути для опытных/

профессиональных пользователей] 8)  Эстетика и минимализм в дизайне [Минимализм в подаче сведений, важных

для решения текущей задачи] 9)  Помощь в опознавании, диагностике ошибок и восстановлению после них 10) Справочная информация [Справка: быстрая, краткая, продуктивная]

Проверяйте соотвествие с помощью веб-аналитики

Коридорное тестирование

Минусы Плюсы

Быстро Экономично Результат сразу

Не ЦА Нет интереса к товару Нет погружения в проблему

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

Минусы: Плюсы:

Выборка ЦА Реальная потребность в товаре Результат, подтвержденный данными

Стоит денег Длительность проведения

А/В тестирования

Минусы: Плюсы:

Тестирование в реальных условиях Тестирование незначительных изменений Дешевизна Результат, подтвержденный цифрами

Измеряются определенные цели Нужен работающий сайт с посетителями Не можем судить о поведении пользователей глобально

не замечают баннеры используют туннельное зрение не задерживаются на главной странице благополучно пользуются прокруткой страницы не читают

5 неожиданных особенностей поведения пользователей

Люди:

Спасибо за внимание!

+7 (812) 244–08–80 rubcova@realweb.ru

www.realweb.ru

Елена Рубцова Аналитик (юзабилити-специалист)