Место аналитики в процессе проектирования интерфейса

1

Никита Ефимовefimov.nikita@gmail.com

2

Создание интерфейсов

3

Создание интерфейсов

4

Табурет Аалто

5

Три кита Нормана

6

Вопросы к интерфейсу

7

Интерфейс - это прослойка

8

Ментальные модели (ММ)

“Внутреннее представление того, каким образом

устроены вещи, с которыми мы взаимодействуем

9

Свойства ММ

• Базируются на вере, не на знаниях;

• Разные у разных людей;

• Меняются со временем и с получением новой информации;

• Переносятся на другие ситуации.

10

Например

http://youtube.com/watch?v=BA6aEUF1FQM

12

Информационные модели

“Совокупность сведений о параметрах объекта,

его возможных состояниях, входных и выходных данных и взаимодействии с окружающей средой

13

Интерфейс - это прослойка

14

Human-Centred Design

Планирование процесса

проектирования

Определение контекста

использования

Определение требований

Разработка проектных решений

Оценка

Разработанный продукт

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

ISO 9241-210

15

Важность контекста

16

Айсберг UX

Внешний вид

Функциональность

Цели и задачи пользователей и бизнеса

17

Jesse James Garrett

18

Более подходящий процесс

19

Моя Lean-версия

Потребность или идея

Анализ

ПроектированиеОценкаРешение

Выдвинул гипотезу, зафиксировал, протестировал… Романтика!

20

21

3 категории инструментов

1. Что им нужно (цели и потребности);

2. Как происходит;

3. Как им помочь.

22

2 точки входа

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

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

VS

23

2 точки входа

Новый продукт (или большой релиз)

Добавление функционала

VS

24

Первые шаги

• Понять цели бизнеса (и критерии успешности);

• Определить сегменты ЦА (на кого рассчитан

продукт);

• Понять основные задачи продукта (в какой

момент времени люди будут им пользоваться);

• Зафиксировать технические ограничения.

25

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

26

Первые шаги

• Понять цели бизнеса (и критерии успешности);

• Определить сегменты ЦА (на кого рассчитан

продукт);

• Понять основные задачи продукта (в какой

момент времени люди будут им пользоваться);

• Зафиксировать технические ограничения.

27

Impact Map

28

Первые шаги

• Понять цели бизнеса (и критерии успешности);

• Определить сегменты ЦА (на кого рассчитан

продукт);

• Понять основные задачи продукта (в какой

момент времени люди будут им пользоваться);

• Зафиксировать технические ограничения.

30

Почему важна эмпатия?

31

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

32

Прото-персона

33

34

Привязанность и выдумки

35

Первые шаги

• Понять цели бизнеса (и критерии успешности);

• Определить сегменты ЦА (на кого рассчитан

продукт);

• Понять основные задачи продукта (в какой

момент времени люди будут им пользоваться);

• Зафиксировать технические ограничения.

36

Проблемы

• Внедряешь новый функционал (или делаешь

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

• Начинают жаловаться, что стало хуже;

• Нет понимания того, как новый функционал

влияет на работу пользователя.

37

Experience Map/CJM

38

Experience Map/CJM

39

Experience Map/CJM

40

Experience Map/CJM

41

Структура Experience Map

Выделяем точки взаимодействия

42

43

Для каждой точки

• Цели человека;

• Процесс;

• Проблемы и барьеры;

• Эмоциональное состояние;

• и другое по вкусу…

• Идеи.

45

Что даст карта эмпатии?

• Цели человека;

• Процесс;

• Проблемы и барьеры;

• Эмоциональное состояние.

46

Что даст карта эмпатии?

• Цели человека;

• Процесс;

• Проблемы и барьеры;

• Эмоциональное состояние.

48

Разбираем цели человека

49

Для каждой точки

• Цели человека;

• Процесс;

• Проблемы и барьеры;

• Эмоциональное состояние;

• и другое по вкусу…

• Идеи.

50

Контекстный сценарий

“Описание того, как человек использует продукт для достижения своей цели. Точнее, это конкретный пример использования в соответствующем контексте.

51

Что важно помнить?

• Описание действий, совершаемых человеком. При этом понятны причины этих действий;

• Это истории: что человек хочет сделать, почему, какие его ожидания;

• Помогают понять, какая у людей мотивация, как они принимают решения и какие факторы на это влияют.

52

Виды сценариевКол-во

деталей

контекста

Кол-во деталей интерфейса

истории

Выявление проблем Принятие решений

Концептуальные сценарии

Конкретные сценарии

Use case

Никаких интерфейсных решений!!!

Выяснил и разложил по полочкам… Молодец!

54

55

2 точки входа

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

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

VS

Увидеть общую картину

56

57

Немного UX-магии

Контекст

Потребности

Движущие силы (мотивация)

58

Пример

“Как инженер-администратор, я хочу иметь возможность быстро занести заявку в систему, назначенную на себя, чтобы не потерять ее”.