33
Теория потока в интерфейсах Как сделать пользователя счастливым Юрий Грановский | USABILITYLAB Украина

WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Embed Size (px)

Citation preview

Page 1: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Теория потока в интерфейсахКак сделать пользователя счастливым

Юрий Грановский | USABILITYLAB Украина

Page 2: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Дизайн

Page 3: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Human-Centered Design

Page 4: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Usability

• Эффективность• Продуктивность• Удовлетворённость

Page 5: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

User Experience

• опыт• переживание• знания

Ощущение и реакция человека, вследствие использования или предполагаемого использования продукта, системы или услуги

Page 6: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

User Experience Designer

Conversion Rate Optimizer

Page 7: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Процесс и результат

freshcanteen.com

Page 8: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Процесс и результат

cubebreaker.com

Page 9: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Процесс и результат

uncorneredmarket.com

Page 10: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Процесс и результат

gratisadvertentieplaats.nl

Page 11: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

E-commerce

Погоня за конверсией отодвигает опыт взаимодействиядаже не не второй план

Page 12: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

E-commerce

• Максимально сокращённое время взаимодействия• Нет никаких причин возвращаться сюда же• Давно не предлагаем ничего выбирать и оформлять

самостоятельно• И люди охотно соглашаются

Page 13: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

E-commerce

Так где же шоппинг?

Page 14: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Отпуск

Page 15: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Новый год

4tololo.ru

Page 16: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Возможные последствия

Чек-иниться автоматически

Page 17: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Удовольствие

• Агон - соревнования• Алеа - случай• Вертиго - нарушение восприятия реальности• Мимикрия - альтернативная реальность

Хороший интерфейс — это тот, взаимодействие с которым приносит удовольствие

Page 18: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Теория потока

“Люди наиболее счастливы, если пребывают в особом потоковом состоянии —напоминающем Дзэн состоянии полного единения с деятельностью и ситуацией. Состояние потока можно считать оптимальным состоянием внутренней мотивации, при которой человек полностью включён в то, что он делает. Вероятно, каждый испытывал это ощущение, характеризующееся свободой, радостью, чувством полного удовлетворения и мастерства, когда некоторые потребности, в том числе и базовые, обычно игнорируются. Человек забывает о времени, голоде, своей социальной роли и т.д.”

- Wikipedia

Page 19: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Условия возникновения потокового сотояния

1. Ясность и определённость поставленных целей2. Постоянная обратная связь при выполнении задач3. Сложность решаемых задач должна соответствовать

навыкам и умениям4. Полная концентрация на поставленной цели и

вовлечение в выполняемые задачи

Page 20: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Ясность целейСистема ценностей

Page 21: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Ясность целейStorymapping

Page 22: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Постоянная обратная связьТехнические сообщения

Page 23: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Постоянная обратная связьГлубокая обратная связь

• Потребности• Страхи• Жизненные цели

Page 24: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Постоянная обратная связьПочувствовать себя пользователем

• Персонажи• Карты эмпатии• Наблюдения за работой пользователей

Page 25: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Сложность задач должна соответствовать навыкам

Page 26: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Сложность задач должна соответствовать навыкам

Page 27: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Полная концентрацияCustomer Journey Mapping

Page 28: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Полная концентрацияОдин экран — один Call-to-Action

Page 29: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

В заключение

Чтобы продукт был успешным, он должен приносить радость

Page 30: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

В заключение

1. Ясность и определённость целей2. Постоянная обратная3. Соответствие навыкам пользователя4. Полная концентрация и вовлечение

Page 31: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

В заключение

• Storytelling• Storymapping• Storyboarding• Customer Journey Mapping

Продукт должен рассказывать историю, которая займёт своё место в жизненной истории пользователя

Page 32: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

В заключение

Лучше идеальное взаимодействие по одному сценарию для одного персонажа, …

… чем плохое взаимодействие для всех.

Page 33: WebCamp:Designers Day.Юра Грановский «Теория потока» в интерфейсах. Как сделать пользователя счастливым

Спасибо. Это конец.Вопросы, комментарии?

Юрий Грановский | USABILITYLAB Украина[email protected]/y.granovsky