1. Как (и зачем) сделать сайт
удобным для пользователя
Андрей Сикорский
ТРИМ-2011, утро после кофе

2. Эти ваши маркетинги…
Маркетинг 3.0
Маркетинг 2.0
human-centric era
Не только обычные нужды и желания
потребителей, но самые глубочайшие
волнения и желания должны быть
идентифицированы и удовлетворены
customer-centric era
Пользу того или иного товара
определяет потребитель; поиск
неудовлетворённых нужд и желаний
потребителей
Маркетинг
1.0
product-centric era
«Каждый клиент может заказать машину
любого цвета, который ему нравится, при
условии, что этот цвет чёрный»

3. Причем здесь сайты?
Желание
Ожидание
 Сайт – часть «пищевой цепочки»
Соответствие
ожиданиям

4. Что такое «удобный сайт»?

5. Что такое удобный? (ISO 9241-11)
 Юзабилити является
степенью
эффективности,
продуктивности и
удовлетворенности, с
которой продукт может
использоваться
определёнными
пользователями для
достижения
определённых задач в
определённом
контексте.

6. Что такое удобный? (ISO 9241-11)
 Юзабилити является
степенью
эффективности,
продуктивности и
удовлетворенности, с
которой продукт может
использоваться
определёнными
пользователями для
достижения
определённых задач в
определённом
контексте.

7. Айсберг Юзабилити
 10% – Внешний вид:
макет, цвета
изображения
 30% – Функциональность:
меню, кнопки, управлени
е
 60% – Цели и задачи
пользователя:
действия, навигация, объ
екты и взаимодействие
между ними

8. КРАТКИЙ АЛГОРИТМ

9. 1. Пользователи, задачи, контекст
 Определяемся с аудиторией и ее
– Потребностями и целями «быть круче», «казаться
успешнее», «побыстрее добраться домой»
– Жизненными ситуациями «найти подарок любимой» не то же
самое, что «найти подарок шефу»
– Ожиданиями «Я помню, эта штука должна работать так…», «здесь
написано – Оплата, значит можно оплатить», «ой, а где кнопка? Здесь должна
быть кнопка!»
Проверочные вопросы: Кто? Зачем? Как?

10. 2. Проектируем взаимодействие
 Жизненные ситуации задают
– Сценарии по какой схеме будет происходить взаимодействие; это ИСТОРИЯ
– Ожидания что на каждом шаге будет ожидаться от системы; на это влияет
опыт и выстроенные коммуникации
– Ограничения/барьеры ресурсные ограничения, ментальность –
«это слишком дорого», «это ненадежно – я не буду платить вперед»
– Информационные запросы «я ищу, где подешевле – это правда
дешевле?», «а доставляют ли они в Ростов-на-Дону?» и тп
Отвечаем на вопрос «каково будет взаимодействие потребителя с
такими ожиданиями с нашим инструментом»

11. 3. Добавляем сайт 
 С учетом прошлых двух пунктов
– Формируем пути пользователей по сайту
– Каждую страницу формируем исходя из
• ожиданий,
• ограничений
• информационных запросов
– На каждой странице расставляем приоритеты
позволяем актуализировать свою потребность

12. 4. Проверяем, что получилось!
 Пройтись по сценариям для каждой
целевой группы
– Ожидания оправдываются
– Коммуникация построена эффективно знакомая
терминология, простые посылы, достаточная аргументация, не нудно и не затянуто
 Проконтролировать точки входа и выхода
– Как заходят на сайт кем/чем и какие ожидания сформированы?
Может, нужно на специальную страницу привести?
– Куда (и к кому) наш сайт их переводит плохо, если
сайт идеальный, а курьер приезжает немытый или служба заказов хамит

13. Это у нас получился HCD (ISO 9241-210)
Потребность или
идея
Определение
к онтек ста
использования
1
Решение
Оценк а
дизайна
Определение
требований
2
4
Разработк а
дизайна
3

14. ПОРЯДОК И ПОСЛЕДОВАТЕЛЬНОСТЬ
ОЦЕНКИ ТАКИЕ ЖЕ!

15. На правах бонуса
ЭВРИСТИКИ ДЛЯ ОЦЕНКИ

16. Базовые
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
(Я. Нильсен, Б. Шнейдерман)
Наглядность текущего состояния системы
Связь с реальным миром
Управляемость и свобода действий
Согласованность и стандарты
Предотвращение ошибок
Узнавание против запоминания
Гибкость и эффективность использования
Эстетика и лаконичность дизайна
Предвидение ошибок и восстановление после них
Справочная система и документация

17. НЕМНОГО ПРАКТИКИ

18. Совместными усилиями оценим
1.
2.
3.
4.
Выбираем ресурс
Определяемся с аудиторией
Определяемся со сценарием
На каждом шагу применяем эвристики и
смотрим «где рвется»
5. Расхождения между ожиданиями и
реальностью и есть проблемы

19. Андрей Сикорский
mail: a.sickorsky@usabilitylab.net
twitter: atermath
facebook: andrew.sickorsky
СПАСИБО! ВОПРОСЫ?