Как (и зачем) сделать сайт удобным для пользователя

Как (и зачем) сделать сайт удобным для пользователя Андрей Сикорский ТРИМ-­‐2011, утро после кофе Эти ваши маркетинги… Маркетинг 3.0 Маркетинг 2.0 Маркетинг 1.0 human-­‐centric era Не только обычные нужды и желания потребителей, но самые глубочайшие волнения и желания должны быть идентифицированы и удовлетворены customer-­‐centric era Пользу того или иного товара определяет потребитель; поиск неудовлетворённых нужд и желаний потребителей product-­‐centric era «Каждый клиент может заказать машину любого цвета, который ему нравится, при условии, что этот цвет чёрный» Причем здесь сайты? Желание Ожидание §  Сайт – часть «пищевой цепочки» Соответствие ожиданиям Что такое «удобный сайт»? Что такое удобный? (ISO 9241-­‐11) §  Юзабилити является степенью эффективности, продуктивности и удовлетворенности, с которой продукт может использоваться определёнными пользователями для достижения определённых задач в определённом контексте. Что такое удобный? (ISO 9241-­‐11) §  Юзабилити является степенью эффективности, продуктивности и удовлетворенности, с которой продукт может использоваться определёнными пользователями для достижения определённых задач в определённом контексте. Айсберг Юзабилити §  10% – Внешний вид: макет, цвета изображения §  30% – Функциональность: меню, кнопки, управление §  60% – Цели и задачи пользователя: действия, навигация, объекты и взаимодействие между ними КРАТКИЙ АЛГОРИТМ 1. Пользователи, задачи, контекст §  Определяемся с аудиторией и ее –  Потребностями и целями «быть круче», «казаться успешнее», «побыстрее добраться домой» –  Жизненными ситуациями «найти подарок любимой» не то же самое, что «найти подарок шефу» –  Ожиданиями «Я помню, эта штука должна работать так…», «здесь написано – Оплата, значит можно оплатить», «ой, а где кнопка? Здесь должна быть кнопка!» Проверочные вопросы: Кто? Зачем? Как? 2. Проектируем взаимодействие §  Жизненные ситуации задают –  Сценарии по какой схеме будет происходить взаимодействие; это ИСТОРИЯ –  Ожидания что на каждом шаге будет ожидаться от системы; на это влияет опыт и выстроенные коммуникации –  Ограничения/барьеры ресурсные ограничения, ментальность – «это слишком дорого», «это ненадежно – я не буду платить вперед» –  Информационные запросы «я ищу, где подешевле – это правда дешевле?», «а доставляют ли они в Ростов-­‐на-­‐Дону?» и тп Отвечаем на вопрос «каково будет взаимодействие потребителя с такими ожиданиями с нашим инструментом» 3. Добавляем сайт J §  С учетом прошлых двух пунктов –  Формируем пути пользователей по сайту –  Каждую страницу формируем исходя из •  ожиданий, •  ограничений •  информационных запросов –  На каждой странице расставляем приоритеты позволяем актуализировать свою потребность 4. Проверяем, что получилось! §  Пройтись по сценариям для каждой целевой группы –  Ожидания оправдываются –  Коммуникация построена эффективно знакомая терминология, простые посылы, достаточная аргументация, не нудно и не затянуто §  Проконтролировать точки входа и выхода –  Как заходят на сайт кем/чем и какие ожидания сформированы? Может, нужно на специальную страницу привести? –  Куда (и к кому) наш сайт их переводит плохо, если сайт идеальный, а курьер приезжает немытый или служба заказов хамит Это у нас получился HCD (ISO 9241-­‐210) Потребность или
идея
Определение
контекста
использования
1
Решение
Оценка
дизайна
Определение
требований
2
4
Разработка
дизайна
3
ПОРЯДОК И ПОСЛЕДОВАТЕЛЬНОСТЬ ОЦЕНКИ ТАКИЕ ЖЕ! На правах бонуса ЭВРИСТИКИ ДЛЯ ОЦЕНКИ Базовые 1. 
2. 
3. 
4. 
5. 
6. 
7. 
8. 
9. 
10. 
(Я. Нильсен, Б. Шнейдерман) Наглядность текущего состояния системы4
Связь с реальным миром4
Управляемость и свобода действий4
Согласованность и стандарты4
Предотвращение ошибок4
Узнавание против запоминания4
Гибкость и эффективность использования4
Эстетика и лаконичность дизайна4
Предвидение ошибок и восстановление после них4
Справочная система и документация4
НЕМНОГО ПРАКТИКИ Совместными усилиями оценим 1. 
2. 
3. 
4. 
Выбираем ресурс Определяемся с аудиторией Определяемся со сценарием На каждом шагу применяем эвристики и смотрим «где рвется» 5.  Расхождения между ожиданиями и реальностью и есть проблемы Андрей Сикорский mail: a.sickorsky@usabilitylab.net twi†er: atermath facebook: andrew.sickorsky СПАСИБО! ВОПРОСЫ?