Эвристическая оценка, или как решить проблемы в...
TRANSCRIPT
![Page 1: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/1.jpg)
1
Алексей Рякин
Эвристическая оценка, или как решить проблемы в интерфейсе за час
![Page 2: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/2.jpg)
2
Для кого?
• Большие продуктовые компании (проверено)
• Возможно, маленькие - тоже
![Page 3: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/3.jpg)
3
Как провести эвристическую оценку:
• Как это делал Якоб Нильсен
• Как это делали мы
О чем этот доклад?
![Page 4: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/4.jpg)
4
ОжиданиеНарисовать макет
Показать менеджеру продукта
Показать директору
![Page 5: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/5.jpg)
5
РеальностьНарисовать макет
Показать менеджеру продукта
Показать директору
![Page 6: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/6.jpg)
6
Мы подумали...Нарисовать макет
Показать менеджеру продукта
Эвристическая оценка
Показать директору
![Page 7: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/7.jpg)
7
• Популяризована Якобом Нильсеном
• Помогает быстро найти проблемы интерфейса
• Основана на “эвристиках”
• Требует 3-5 экспертов
Эвристическая оценка
https://www.nngroup.com/people-jakob-nielsen-photos/
![Page 8: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/8.jpg)
8
• Подготовка
• Установочная сессия
• Проведение оценки
• Разбор результатов
Эвристическая оценка
![Page 9: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/9.jpg)
9
Подготовка
• Модератор
• Прототип
• Сценарий. Час или 10 минут?
• Эксперты
![Page 10: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/10.jpg)
10
Эксперты: сколько?
![Page 11: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/11.jpg)
11
Эксперты: какие?
Новички: 22% проблем
Single experts (UX): 41%
Double experts (UX, предметная область): 60%
http://faculty.utpa.edu/fowler/csci6316/papers/Nielsen_1992_Finding-Usability-Problems-through-Heuristic-Evaluation_CHI.pdf
![Page 12: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/12.jpg)
12
Эксперты: где взять?
![Page 13: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/13.jpg)
13http://udaffa.net/archives/8828
АнкетаЗаполни,
пожалуйста, анкету!
Это недолго!
Шоколадкухочешь?
![Page 14: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/14.jpg)
14
1. Единообразие и стандарты
2. Соответствие между системой и реальным миром
3. Эстетичный и минималистичный дизайн
10 эвристик Нильсена: Понятность
https://en.wikipedia.org/wiki/Heuristic_evaluation
![Page 15: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/15.jpg)
15
4. Свобода действий
5. Гибкость и эффективность
6. Всё должно быть на виду
10 эвристик Нильсена: Удобство
![Page 16: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/16.jpg)
16
7. Отображать текущий статус системы
8. Предотвращение ошибок
9. Помощь в исправлении ошибок
10.Справочные материалы и документация
10 эвристик Нильсена: Обратная связь
![Page 17: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/17.jpg)
17
1. Интерфейс решает задачу?
2. Простота и краткость представления данных
3. Удобство
4. Понятность
5. Эстетичность
Наши эвристики
![Page 18: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/18.jpg)
18
Установочная сессия
1. Рассказать экспертам, что будет происходить и что от них требуется.
2. Показать интерфейс
3. Объяснить эвристики
4. Раздать анкеты
![Page 19: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/19.jpg)
19
![Page 20: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/20.jpg)
20
• Пройти сценарий минимум дважды
• Записать проблемы и нарушаемые эвристики
Оценка: работа с макетом
![Page 21: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/21.jpg)
21
• Эксперты, наблюдатели, дизайнеры, разработчики
• Обсудить результаты
• Предложить решения (Мозговой штурм)
• Оценить возможность исправления
• Ранжировать проблемы (0..4)
Подвести итоги: как должно быть
![Page 22: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/22.jpg)
22
• Эксперты по очереди оглашают найденные проблемы. Ведущий записывает их на доске
• Ранжируем проблемы
• Выделить самые значимые (не более трех)
• Оставляем самых сильных экспертов (1-2)
• Проводим мозговой штурм по решению самых важных проблем
Подвести итоги: наш опыт
![Page 23: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/23.jpg)
23
• Работая с макетом эксперты, не должны общаться между собой
• Макет смотреть за обычным монитором, в отдалении от «помех»
• При высказывании проблем не спорить. Всё решится на подведении итогов.
• Не настаивать на заполнении анкеты
Наш опыт: правила
![Page 24: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/24.jpg)
24
• Только небольшие интерфейсы, которые можно изучить за 10 минут
• Минимум 4 человеко-часа всё равно тратятся
• Может затянуться дольше, чем на час
• Выявляется меньше проблем, чем в юзабилити-тестировании
• Не каждый может стать экспертом
Проблемы
![Page 25: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/25.jpg)
25
• Выявили наиболее острые проблемы
• Предложили их решение
• Это быстро
• Ускорилось согласование макетов
• Повысилось качество интерфейсов
Что получилось
![Page 26: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/26.jpg)
26
Попробовать!
Что можно сделать во вторник?
![Page 27: Эвристическая оценка, или как решить проблемы в интерфейсе за час](https://reader034.vdocuments.pub/reader034/viewer/2022052606/587b4e5c1a28abff1a8b5503/html5/thumbnails/27.jpg)
27
Алексей Рякинfacebook.com/ryakin.alexeylinkedin.com/in/ryakin
Вопросы?
Эвристическая оценка, или как решить проблемы в интерфейсе за час