Top Banner
Как UX-специалист делился своими инструментами с agile-командами. Никита Ефимов Сеть дата-центров Селектел
71

ефимов как Ux-специалист делился своими инструментами с agile-командами

Aug 10, 2015

Download

Documents

AgileDays
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: ефимов   как Ux-специалист делился своими инструментами с agile-командами

Как UX-специалист делился своими инструментами с agile-командами.

Никита Ефимов Сеть дата-центров “Селектел”

Page 2: ефимов   как Ux-специалист делился своими инструментами с agile-командами

Никита Ефимов[email protected]

Page 3: ефимов   как Ux-специалист делился своими инструментами с agile-командами

Основано на реальных событиях.

Все совпадения случайны.

Page 4: ефимов   как Ux-специалист делился своими инструментами с agile-командами

В ролях:

Page 5: ефимов   как Ux-специалист делился своими инструментами с agile-командами

5

СеменUX-designer, Ix-designer, Product designer

Много лет занимается проектированием пользовательского взаимодействия.

Последние годы тесно встраивался в разные agile-команды с переменным успехом.

Характер - нордический, выдержанный.

Page 6: ефимов   как Ux-специалист делился своими инструментами с agile-командами

6

Собирательный образ разных agile-команд, с которыми Семену довелось взаимодействовать.

Agile-команда

Page 7: ефимов   как Ux-специалист делился своими инструментами с agile-командами

7

Page 8: ефимов   как Ux-специалист делился своими инструментами с agile-командами

8

А что, если…

Page 9: ефимов   как Ux-специалист делился своими инструментами с agile-командами

9

Совместное обсуждение продукта…

Прозрачный процесс и синхронизация видения…

Минимизация потерь времени на пересказ, споры и т.д.

ДЛЯ КОМАНДЫ!!!

Page 10: ефимов   как Ux-специалист делился своими инструментами с agile-командами

10

Page 11: ефимов   как Ux-специалист делился своими инструментами с agile-командами

11

Page 12: ефимов   как Ux-специалист делился своими инструментами с agile-командами

12

Начинать нужно с самого начала, с анализа, проектировать все равно не научу быстро…

И про проверку не забыть. Плох тот UX’ер, который не проверяет свою работу…

Page 13: ефимов   как Ux-специалист делился своими инструментами с agile-командами

13

• Стратегия дизайна

• Experience Map

• Карта эмпатии

• Impact Map

• Модель Кано

• Оценка вкусовщины

Page 14: ефимов   как Ux-специалист делился своими инструментами с agile-командами

14

Пришел к командам

Page 15: ефимов   как Ux-специалист делился своими инструментами с agile-командами

15

Добавление функционалаНовый продукт

(или большой релиз)

VS

Page 16: ефимов   как Ux-специалист делился своими инструментами с agile-командами

16

А как вы фиксируете требования?

Lean/Project/etc. Canvas

В голове!

User story

Page 17: ефимов   как Ux-специалист делился своими инструментами с agile-командами

17

Оооо!!! User stories!

Сейчас расскажу, как их можно прокачать…

Page 18: ефимов   как Ux-специалист делился своими инструментами с agile-командами

18

Page 19: ефимов   как Ux-специалист делился своими инструментами с agile-командами

19

Любите канву??? Их есть у меня!

Для крупных релизов можно использовать “Стратегию дизайна”

Page 20: ефимов   как Ux-специалист делился своими инструментами с agile-командами
Page 21: ефимов   как Ux-специалист делился своими инструментами с agile-командами

21

Цели бизнеса;

Критерии успешности;

Целевая аудитория;

Задачи продукта;

Ограничения (технические, временные, финансовые);

Сильные/слабые стороны аналогов;

Маркетинговые/брендинговые задачи.

Page 22: ефимов   как Ux-специалист делился своими инструментами с agile-командами

22

Некоторые блоки понятны и очевидны. А остальные-то нафига нужны?

Каждый из блоков пригодится нам в дальнейшем…

Page 23: ефимов   как Ux-специалист делился своими инструментами с agile-командами

23

Цели бизнеса уже сейчас можно “препарировать” с помощью Impact Map’а. Знакомый вам инструмент?

Page 24: ефимов   как Ux-специалист делился своими инструментами с agile-командами

24

А случалось ли вам сталкиваться с вкусовщиной? В стиле “как-то не очень смотрится”….

Зачем нам блок “Маркетинговые задачи”?

Page 25: ефимов   как Ux-специалист делился своими инструментами с agile-командами

25

Да-да, такое частенько бывает…

Дизайнер как понарисует, а заказчик не принимает…

Части команды тоже не нравится. Как быть?

Page 26: ефимов   как Ux-специалист делился своими инструментами с agile-командами

26

Все на самом деле не так сложно. Нужно сформировать оценочные характеристики.

Ну, например…

Page 27: ефимов   как Ux-специалист делился своими инструментами с agile-командами

27

Задачи продукта • целевая аудитория; • конкуренты; • предполагаемый и желанный образ.

Эмоциональное воздействие • дружелюбный - отталкивающий; • упорядоченный - хаотичный.

Художественные гипотезы • теплый - холодный; • мрачный - яркий.

Page 28: ефимов   как Ux-специалист делился своими инструментами с agile-командами

28

1. Выбираем тип оценочных шкал (Лайкерта или полярные)

Но не “как тебе дизайн?”, а в разрезе шкал.

2. Опрашиваем людей.

Page 29: ефимов   как Ux-специалист делился своими инструментами с agile-командами

29

Дизайн продукта создает ощущение легкости

1 2 3 4 5

Абсолютно несогласен

Затрудняюсь ответить

Абсолютно согласен

тесный • • • • • просторный

яркий • • • • • скучный

скрытный • • • • • честный

Page 30: ефимов   как Ux-специалист делился своими инструментами с agile-командами

30

0

1

2

3

4

5 Молодежный-Солидный

Скучный - Яркий

Упорядоченный - Хаотичный

Удобный-Неудобный

Медленный-Оперативный

Дружелюбный - Отталкивающий

Легкий-Нагруженный

Современный-Старомодный

Дизайн 1

Дизайн 2

Page 31: ефимов   как Ux-специалист делился своими инструментами с agile-командами

31

Огонь! Это ведь позволит не тратить кучу времени на споры…

И “понизит градус напряженности” в команде…

Page 32: ефимов   как Ux-специалист делился своими инструментами с agile-командами

32

А вы фиксируете общее взаимодействие человека с продуктом?

А зачем?

Эмм, что это?

Page 33: ефимов   как Ux-специалист делился своими инструментами с agile-командами

33

Внедряешь новый функционал, а им не пользуются..

Или просто начинают жаловаться, что плохо работать стало…

Нет понимания того, как новый функционал повлияет на работу пользователей…

Page 34: ефимов   как Ux-специалист делился своими инструментами с agile-командами
Page 35: ефимов   как Ux-специалист делился своими инструментами с agile-командами

35

1. Состоит из точек взаимодействия…

Стратегию дизайна помните? Берем блок “Задачи продукта”. Это и будут первые точки…

Page 36: ефимов   как Ux-специалист делился своими инструментами с agile-командами
Page 37: ефимов   как Ux-специалист делился своими инструментами с agile-командами

37

1. Состоит из точек взаимодействия…

2. Описывает процесс в каждой точке…

Page 38: ефимов   как Ux-специалист делился своими инструментами с agile-командами
Page 39: ефимов   как Ux-специалист делился своими инструментами с agile-командами

39

1. Состоит из точек взаимодействия…

2. Описывает процесс в каждой точке…

3. Описывает цели человека, проблемы/барьеры и эмоциональное состояние в каждой точке…

Page 40: ефимов   как Ux-специалист делился своими инструментами с agile-командами

40

Так ведь они нарисованы, красиво… Это ж сколько времени потрачено???

А так?

Page 41: ефимов   как Ux-специалист делился своими инструментами с agile-командами
Page 42: ефимов   как Ux-специалист делился своими инструментами с agile-командами

42

Чтобы детально “препарировать” каждый шаг (цели там всякие, проблемы и т.д.) можно воспользоваться картой эмпатии…

Page 43: ефимов   как Ux-специалист делился своими инструментами с agile-командами
Page 44: ефимов   как Ux-специалист делился своими инструментами с agile-командами

44

Брейнстормим фичи, в разрезе: • как помочь избежать проблем/барьеров; • как помочь достичь целей человека; • как улучшить взаимодействие…

Page 45: ефимов   как Ux-специалист делился своими инструментами с agile-командами

45

А как работать с целями пользователей?

А вот тут поможет Impact Map!

Page 46: ефимов   как Ux-специалист делился своими инструментами с agile-командами
Page 47: ефимов   как Ux-специалист делился своими инструментами с agile-командами

47

У пользователей есть свои цели;

Как эти участники позволят пользователю достигнуть его цели?

Достижение этих целей затрагивает разных участников процесса:

• самого пользователя; • других участников.

Page 48: ефимов   как Ux-специалист делился своими инструментами с agile-командами
Page 49: ефимов   как Ux-специалист делился своими инструментами с agile-командами

49

А ведь это похоже на User Story Map… Правда?

Именно! Это хорошая основа для Story Map’а…

Page 50: ефимов   как Ux-специалист делился своими инструментами с agile-командами

50

Jeff Patton

Page 51: ефимов   как Ux-специалист делился своими инструментами с agile-командами

51

Page 52: ефимов   как Ux-специалист делился своими инструментами с agile-командами

52

Круто получилось! Сейчас все оценим по трудозатратам и в бой!

Воу-воу, полегче! Ведь не все эти фичи реально нужны пользователям.

Page 53: ефимов   как Ux-специалист делился своими инструментами с agile-командами

53

Так а как быть? Пока ведь не выпустим, не узнаем…

А мы просто спрашиваем у пользователей, нужна им эта фича или нет…

А у нас все Product Owner решает…

Page 54: ефимов   как Ux-специалист делился своими инструментами с agile-командами

54

Тише-тише. Спрашивать - это хорошо, но вот только не так.

Есть отличный способ - модель Кано.

Page 55: ефимов   как Ux-специалист делился своими инструментами с agile-командами
Page 56: ефимов   как Ux-специалист делился своими инструментами с agile-командами

56

Задаем два простых вопроса для каждой фичи.

Page 57: ефимов   как Ux-специалист делился своими инструментами с agile-командами

57

Как вы относитесь к наличию этого функционала в продукте?

Как вы относитесь к отсутствию этого функционала в продукте (или он будет выражен слабо)?

Page 58: ефимов   как Ux-специалист делился своими инструментами с agile-командами

58

И предлагаем такие же простые ответы (для каждого вопроса)…

Page 59: ефимов   как Ux-специалист делился своими инструментами с agile-командами

59

Мне это нравится;

Я ожидаю, что этот функционал будет в продукте;

Я отношусь к нему нейтрально (не особо важно);

Я могу его терпеть;

Мне это не нравится.

Page 60: ефимов   как Ux-специалист делился своими инструментами с agile-командами
Page 61: ефимов   как Ux-специалист делился своими инструментами с agile-командами

61

Page 62: ефимов   как Ux-специалист делился своими инструментами с agile-командами

62

И Семен рассказал, как можно анализировать результаты опроса.

Page 63: ефимов   как Ux-специалист делился своими инструментами с agile-командами

63

А вот то, что это все можно проверить - за это отдельное спасибо!

И никакой магии!

Page 64: ефимов   как Ux-специалист делился своими инструментами с agile-командами

64

Стратегия дизайна -

как способ фиксации первых требований с ориентацией на пользователей.

Page 65: ефимов   как Ux-специалист делился своими инструментами с agile-командами

65

Experience Map -

как способ фиксации цельной картины взаимодействия человека с системой.

Это хорошая основа для Story Map’а.

Page 66: ефимов   как Ux-специалист делился своими инструментами с agile-командами

66

Карта эмпатии -

как способ более глубокого понимания человека.

Page 67: ефимов   как Ux-специалист делился своими инструментами с agile-командами

67

Impact Map -

помогает проработать цели человека (и бизнеса, конечно) и нагенерировать фичи.

Page 68: ефимов   как Ux-специалист делился своими инструментами с agile-командами

68

Модель Кано -

помогает оценить ожидания и удовлетворенность от наличия/отсутствия определенного функционала.

Page 69: ефимов   как Ux-специалист делился своими инструментами с agile-командами

69

Оценка вкусовщины -

помогает (структурированно) оценить восприятие интерфейса (дизайна).

Page 70: ефимов   как Ux-специалист делился своими инструментами с agile-командами

70

В реальной жизни

Page 71: ефимов   как Ux-специалист делился своими инструментами с agile-командами

Спасибо!!!