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