Документ содержит материалы конференции по юзабилити и проектированию взаимодействия, проведенной в Санкт-Петербурге, фокусируясь на методах оценки usability, таких как бизнес-модель Canvas и диаграммы Кано. Обсуждаются гибкие методологии, такие как agile-ux, и шаги по оценке пользовательского опыта, включая создание персонажей и использование карт эмпатии. Также рассматриваются преимущества и недостатки этих инструментов в контексте улучшения интерфейсов и взаимодействия с пользователями.

1. Конференция по юзабилити и проектированию взаимодействия
19 мая 2012, Санкт-Петербург, ИТМО
Применение BMC, Empathy Map, диаграммы КАНО для
оценки Usability в рамках UCD подхода
Левашов Олег
Руководитель сектора компьютерной графики и UI-UX дизайна департамента архитектуры
и разработки программных продуктов компании ООО «Арт-мастер», г. Киев, Украина
awaron@ya.ru +38 (066) 34-554-34

2. Вступление
В настоящее время гибкие методики находят все более широкое
применение в области проектирования и разработки
информационных систем.
Особый интерес представляет методология Agile-UX, а так же
инструменты, которые применяются в рамках этой методологии
для проектирования и оценки Usability.
Одними из таких инструментов являются:
•Business Model Canvas (BMC)
•Empathy Map
•Модель КАНО
которые нацелены на оценку Информационной системы с точки
зрения UCD подхода.

3. Usability & Agile-UX
Данная методика затрагивает все основные направления Usability и смежных с нею областей

4. Основные инструменты
1. Карта BMC (Business Model Canvas)
2. Карта эмпатии (Empathy map)
3. Диаграмма КANO

5. Этапы оценки Usability в рамках данной методологии
1) Изучить бизнес-процесс
Заполнить карту BMC (Business Model Canvas)
2) Изучить ЦА
Создать персонаж (Personas)
Заполнить Карту эмпатии (Empathy map)
3) Провести анализ программного продукта
Составить перечень существующего функционала
Составить перечень желаемого функционала
4) Провести приоритезацию полученных показателей
Составить диаграмму приоритетов (KANO-Diagram)
5) Составить рекомендации по оптимизации UI
Составить в табличном виде список улучшений / изменений
Создать низкодифференцированные прототипы экранных форм

6. BMC
Business Model Canvas
Канва Бизнес Модели (Business Model Canvas) – шаблон для формального описания
бизнес-модели и визуального ее отображения.
Относительно новый подход, впервые
предложенный одним из из «гуру» в области
создания бизнес-моделей - Александром
Остервальдером (Alexander Osterwalder) в
2004 году, и набирающий
популярность, особенно среди стартапов.
Истоки данного метода идут из классической книги
Стива Бланка “The 4 Steps To Epiphany”.
Почитать по теме:
“Business Model Generation”
“Running Lean HQ by Ash Maurya”

7. BMC
Параметры бизнес-модели
9 параметров охватывают основные стороны бизнеса:
1. Инфраструктура (ключевая деятельность, ключевые ресурсы, партнеры [6,7,8])
2. Предложение (основная ценность продуктов и сервисов, предлагаемых компанией [2])
3. Клиенты (сегменты клиентов, каналы продаж, развитие отношений с клиентами [1,3,4])
4. Финансы (основные затраты, входящие денежные потоки [5,9])
Этих параметров достаточно для описания любой бизнес- модели
7 2 4
8 1
9 6 3 5

8. BMC
Общий вид
Бизнес модель описывается на одном
листе, разделенном на 9 блоков
Бизнес-модели являются комплексными
понятиями состоящими из различных
взаимосвязанных блоков.
Графическое отображение помогает лучше
их понять.
Визуальное мышление упрощает
работу с бизнес-моделями.
Бизнес-модель представляет собой
систему, где один элемент влияет на
другой, Увидеть общую картину без
визуализации довольно трудно.

9. BMC
Структура ВMC
1. Целевые группы
потребителей
2. Предлагаемая ценность
3. Каналы распределения
4. Технологии клиентских
отношений
5. Потоки доходов
6. Основные ресурсы
7. Основные процессы
8. Основные партнёры
9. Структура затрат

10. BMC
в форме ментальной карты (mind map)
Главное преимущество ВМС в том, что этот инструмент доступен,
не требует много времени и специального образования.

11. BMC
Достоинства
Визуализация мышления. Наглядный (на одном листе), сжатый и простой
способ для составления общей картины бизнес-модели.
Простота. Упрощает разработку новых бизнес-модлей. Простой игровой
процесс для создания большого количества творческий бизнес идей.
Удобство. Удобно для постоянного внесения изменений, проще чем
текстовое описание.
Структурирование мыслей. Сам факт заполнения такой таблицы помогает
лучше понять суть бизнес задумки.
Оценка идей. Позволяет увидеть слабые и сильные стороны задумки еще
до момента ее реализации.
Хорошая основа для написания подробного бизнес плана. Возможность
использования с другими инструментами (SWOT анализ, оценочная таблица
и т.п.)
Улучшение коммуникации при совместной разработке. Формализованный
метод, и общий словарный запас приносит ясность и согласованность в
сложный комплекс элементов их отношений, а также способствуют лучшему
взаимопониманию.

12. BMC
Недостатки
Не проводится качественной оценки

13. Создание персонажей (Personas)
Создание персонажей - одна из основных UX- практик.
Она заключается в описании пользователей создаваемого
продукта как реального персонажа с конкретными ценностями
и целями.
• Персонажи – это модели пользователей, основанные на исследованиях, состоящих в первую
очередь из интервьюирования пользователей и наблюдения за ними.
• Персонажи – это мощный и эффективный инструмент для определения требований к продукту
и избегания поклонения излишним функциональным возможностям.
• Персонажи – это также полезный инструмент и для технических писателей при
планировании, определении приоритетов и написании пользовательской документации.
Создание персонажей – отнюдь не тривиальная
задача, и она заслуживает отдельного обсуждения.
Если вам интересна эта тема читайте:
Алан Купер «Психбольница в руках пациента».

14. Empathy map
Понятие Эмпатии
Эмпатия — понимание эмоционального состояния
другого человека посредством
сопереживания, проникновения в его субъективный
мир.
Карта эмпатии - инструмент в бизнес-моделировании
разработаная Dave Gray и фирмой XPLANE.
www.xplane.com
С помощью этого инструмента можно более глубоко
пользователей, клиентов и других игроков в любой
бизнес-экосистемы.
В обычном бизнесе карту эмпатии используют для
составления портрета потребителя.

15. Empathy map
Мастерство задавать вопросы
Процесс дизайна мышления включает 8 вопросов «ЧТО?»,
ответы на которые надо зафиксировать при помощи карты эмпатии:
1) Видит и слышит 3) Думает и чувствует
2) Говорит и делает 4) Боится и мечтает

16. Empathy map
Дизайн мышления
Хороший дизайн основывается на глубоком понимании человека, для которого вы его разрабатываете.
Карта эмпатии является одним из инструментов позволяющих UI-UX дизайнеру делать наблюдения и
синтезировать неожиданные идеи.
Карта эмпатии позволяет выявить
новые, неудовлетворенные или скрытые
потребности пользователя и классифицировать
их.
Это простой и легкий способ получить более
глубокое понимание пользователей (клиентов)
для того, чтобы разрабатывать новый
функционал, предложения и новю стоимость
товаров и услуг.

17. Empathy map
Пример карты эмпатии

18. Анализ продукта
• Составить перечень
существующего функционала
• Составить перечень желаемого
функционала

19. Метод "Модель Кано"
Теория привлекательного качества
Автор метода: Нориаки Кано (Япония), 70-е годы ХХ в.
Назначение метода:
Применяется для выработки стратегии организации и решения задач
обеспечения удовлетворенности потребителей.
Модель Кано - один из инструментов управления качеством.
Цель метода:
Определение и распределение всего диапазона потребностей (требований) потребителей по
приоритетам.
Разделение требований потребителей по составляющим профиля качества.
Суть метода:
Теория привлекательного качества - инструмент, позволяющий описать, удовлетворение
каких потребностей оставляет потребителя равнодушным, неудовлетворенным, либо
приводит его в восторг.
Модель Кано: помогает выявить приоритетные потребности.

20. KANO-Diagram
Структура
На вертикальной оси (Y) показаны
состояния клиента (снизу вверх):
- очень недоволен
- нейтрален (пересечение осей)
- очень доволен
На горизонтальной оси (X)
Показаны варианты качества
Выполнения работы /оказания услуг
(слева направо):
-сделали очень плохо или
не сделали вообще
- сделали очень хорошо

21. KANO-Diagram
Диаграмма приоритетов

22. KANO-Diagram
Табличный вид
Функция Удовлетворённость Качество реализации
(наличие функции)
Большая красная кнопка «Пуск» +3 3
Наличие дополнительных настроек 0 1
Безопасная конструкция +3 0
Легкое обслуживание и заправка +3 1
Некрасивый цвет 0 2
Хлипкая конструкция -3 3
Очень доволен ……… +3
Нейтрален ………………. 0
Очень НЕдоволен …. -3

23. KANO-Diagram
Достоинства и недостатки
Достоинства метода
• Помогает определить взаимосвязи между
функциями продукта и уровнем
удовлетворенности пользователей.
• Позволяет согласовать подходы к разработке
продукции с учётом интересов пользователей
(UCD).
Недостатки метода
• Сложно экстраполировать модель Кано
непосредственно на стратегию компании в
целом, особенно если она выпускает большой
ассортимент разного ПО.

24. Рекомендации по оптимизации UI
После проведенного анализа необходимо:
• Составить в табличном виде список
улучшений / изменений UI.
• Создать низкодифференцированные
прототипы экранных форм
Рекомендации по использованию данной методики не являются догмой, а лишь руководством
к действию. Они должны учитывать конкретные требования заказчика, а также профессиональный
опыт и знания UI-UX специалиста.

25. Благодарю за внимание!