Слайды к вводной лекции про UX в iDealMachine, Петербург

1. iDM 07.jun.2016
cgvictor
18+ !

2. Agenda – часть раз (про UX)
про терминологию
• Что такое UX и зачем вам вообще это надо
• Про «дизайн» и «дизайнеров»
про теорию
• Как делать продукт, чтобы не переделывать
• Где грабли
Перекур!

3. Agenda – часть два (бизнес)
про бизнес и value
• Где лежат деньги (и зачем для этого UX)
про методики и подходы
• За что хвататься первым (engagement)
• Как не облажаться в очевидных вещах
• Где еще лежат деньги (облажаться дешевле)
Перекур!
• Дискуссия с выжившими

4. Accel track

5. Виктор Ерофеев
• Разработка софта, с 2000 года
• Более 150 систем и проектов
• Независимый консультант
• Эксперт iDM, ФРИИ, Ингрии
• Техдир CG Projects Group
• uxspb / profsoux
• Microsoft MVP 2007-2014
Client Application Dev

6. «UX наоборот»

7. i. Что такое UX
и зачем вам это надо
Сабж?

8. user experience
взаимодействие
проектирование взаимодействия

9. user experience
взаимодействие
проектирование взаимодействия
«звучит как херня какая-то»

10. user experience
to experience (smth)

11. person's total experience using a particular
product, system or service

12. user experience
проектирование
̴ взаимодействия
̴ опыта, эмоций, ощущений
̴ практической отдачи
̴ эффективности в решении задач
̴ самих задач пользователя
̴ сценариев его работы

13. Зачем вам это надо:

14. 1. Взаимодействия с вами
без отдачи не бывает
2. Если нельзя предотвратить –
надо возглавить
Зачем вам это надо:

15. Где experience
• User Interface / UX
• Customer experience
• Customer relations + sales
• Issue management
• В эстетике, логике, сценариях
• В голове пользователя (!)

16. i. Про «дизайн»
и «дизайнеров»
Чем занимается дизайнер

17. - в СНГ дизайнер красит кнопки
Жосская правда:

18. search: ux

19. search: ux
Мы понятия не имеем, какие задачи
пытаются решить все эти люди

20. UI: объект
UX: процесс
(жизнь вообще процесс)
Отличие UX от UI - ?
experience / interface

21. дизайнер != designer
дизайнер = иллюстратор
designer = проектировщик
Промышленный дизайн –
инженерная дисциплина

23. appearance
interaction
business logic
use cases

24. appearance
interaction
business logic
use cases
UI
UX

25. - какие должны быть возможности
- как пользователь пользуется
- что при этом чувствует
- какие сценарии реализует
- с чем/как взаимодействует
Задачи UX-проектировщика

26. appearance
interaction
business logic
use cases
interaction
appearance
appearance
appearance

27. iii. Как делать, чтобы не
переделывать
Да, это про кейсы

28. - какая есть у пользователя
потребность?
- как мы можем ее закрыть
- что нам от него нужно
- как он будет себя вести
Постановка задачи

29. кто (ролевая модель)
делает что (функция)
когда / в какой момент времени
с каким результатом (value +/-)
use case
Программисты любят.

30. - пожрать
- заказать билет
- заняться спортом
- записаться к врачу
- посмотреть отзывы
customer needs
решение проблемы человека
Заинтересованные лица, цели, задачи, требования

31. - пожрать провести вечер
- заказать билет подобрать маршрут
- заняться спортом сделать вид
- записаться к врачу взять справку
- посмотреть отзывы купить и не пожалеть
«чтобы не переделывать»
customer needs
решение проблемы человека

32. - пожрать провести вечер
- заказать билет подобрать маршрут
что важно, а что нет
какой функционал в приоритете
какие у нас ниша и преимущества
как улучшить

33. iiii. Как проектировать
Мы вроде знаем задачи и функции,
а получается отстой

34. let’s
get
physical

35. - быстро
- с минимальными затратами
- с минимальными силами/вниманием
- с положительной эмоцией
- решает реальную потребность
«удобно»

36. - предсказуемо, знакомо
- просто / непосредственно
- без дополнительных абстракций
- функционально / продумано
«удобно»

37. Endorphine+
• Цели пользователя
• Ваши цели

38. UX strategy
Как мы будем делать пользователю хорошо
^ ^ и она же – ваша воронка продаж

39. Сюрприз №1, бл!
Люди разные
1. Портреты пользователя – это хорошо
2. Портреты пользователя это самообман
взаимоисключающие параграфы detected

40. Сюрприз №2, бл!
Не усложняй!
1. Когнитивная нагрузка (хорошо не будет)
2. Операционная нагрузка (хорошо не будет)

41. Endorphine++
• А вообще без интерфейса можно?
Instant win

42. Сюрприз №3, бл!
Должно быть вкусно (promises & lp’s)
1. Человек выбирает глазами (mostly)
2. Бизнес выбирает кошельком

43. а) думать ux engineer
б) тестировать ux lab
в) выкидывать лишнее
Как быть?

44. перекур
cgvictor / cg@cg.net.ru

45. v. Где лежит бабло
И почему UX для этого важен

46. Откуда берется бабло - ?
(и можно ли не думать про UX)
value

47. Какой бывает value
• Решение проблемы, задачи
• Улучшение порядка вещей, QoL
• Удовольствие / удовлетворение
• Социалка – статус, соцпруф
Value может стоить $$$

48. Субъективность оценки
Деньги общие, а профит частный
!=

49. Value +++
• Своевременность (операции)
• Полнота, over deliver
• Уникальность
• Удача (limited time offer)
• Ikea Effect
• Декларируемая стоимость (D&G)
• Владение, loss aversion
когда оценка возрастает

50. UX, бизнес-кейсы:
Игра с ненулевой суммой
Value → (inter)Action → Value+
Успех = «получил больше чем вложил»

51. black magic
тратит время
тратит внимание
тратит деньги
получает решение
экономит время
получает эмоцию
получает статус
получает ресурс
тратит ресурс
получает деньги
added value

52. Баланс игры
Затраты
• Внимание
• Время
• Деньги
• Память (RAM)
• Контекст (T-shift)
• Связи / interop
• Физика
Приобретения
• Время
• Эмоция
• Соцпруф
• Деньги
• Уверенность
• Награда

53. 0. Реклама / вовлечение / регистрация
1. First time experience
2. Первые решенные задачи
3. Этап «инструмент»
4. Troubleshooting, поддержка
0. Кейсы выхода / возврата (tesla)
0. Вовлечение других
∑

54. - где лежит бабло?
взаимодействие создает
(персональную) ценность

55. Ultimate value: время

56. пользователь не тупой
он невнимательный
ему некогда
у него куча других дел
он в аэропорту, в тесном лифте,
с мобильного интернета, опаздывает на рейс
с двумя сумками, ребенком и зубной болью
«наши пользователи не такие»

57. focus & attention: 2015
you
you
?
?
you

58. вы здесь
user environment

59. via Vladimir Tomberg / WUD 2015

60. vi. За что хвататься первым
Приоритеты
и engagement map

61. 80/20
↓↓↓
20% улучшения, 80% профита

62. Что пилить?
а) Частотный подход
то, что чаще
всего используется
1000 просмотров списка
800 «найти актуальные»
100 правок
90 правка последних пяти
10 созданий нового
5 удалений, 15 поисков

63. Что пилить?
б) Engagement map / user journey
то, что понадобится
в первую очередь
- выбор направлений, дат
- выбор стыковок-маршрутов-цен
- оплата и печать данных
- комменты? отзывы?
- настройка фотки в профиле?
FTE & inline tips

64. выбрать?
Частотный
• есть типовой набор
операций
• есть KPI / метрики
эффективности
• нагрузка на внимание
неравномерная
скорость операций
Engagement
• есть длинные
сценарии
• воронка продаж
• предполагается
(само)обучение
пользователей
MVP→+→++→FFP

65. -?

66. vii. Как не облажаться
в очевидных вещах
кейсы и потребности

67. «- застегни ширинку, закрой рот
и разуй, наконец, глаза»
сицилийская семейная поговорка

68. Что работает (практика)
• Смотреть на задачи пользователей
• Смотреть на конкурентов
• Пробовать, на людях и себе (dogfood)
• Упрощать («не делать», 80/20)
• Быстро исправлять
• Собирать истории (от power users)
• Задавать неудобные вопросы
• Моделить, скетчить, прототипить

69. Что не работает
• Спрашивать пользователей
– хочешь спросить – проверь (gladwell)
• Стоять над душой
• Красивые картинки без логики
– «нанять крутого рисовальщика» тоже нет
• «Подгонка под ответ»-ы стейкхолдеров
– см. про кейсы и customer needs
• ?? A/B (good vs evil), focus groups, аудиты итп

70. Проблема последней мили
55% vs 3x75
Сегментирование?

71. viii. Как облажаться
дешевле
сабж

72. time to market
«О, сколько нам открытий чудных»
• minimal value product
• без продукта вообще
• первая копейка
• первая жалоба
• первое пожелание

73. Прототипы
• Модель дешевле прототипа
• Прототип дешевле prod-скетча
• Скетч дешевле full feature-а

74. Фрейминг
Сильное колдунство ↑
• Фишка продукта (beta, ctp, techprev, nightly)
• Группа пользователей (power users, devmode)
• Другая ниша
Ограничивайте риски
+ добавляйте value

75. Underpromise, overdeliver
про обещания и лишние фичи

76. Проектировать только по кейсам / UJm,
кейсы только по собственным исследованиям

77. “
- Чем спрашивать
у темноты «кто здесь?»,
лучше выстрелить,
перезарядить и еще
раз выстрелить.
Ошибайтесь быстрее

79. Виктор Ерофеев
cgvictor / cg.net.ru