Проектирование пользовательского интерфейса сенсорных киосков
Место аналитики в процессе проектирования интерфейса
-
Upload
nikita-efimov -
Category
Design
-
view
79 -
download
0
Transcript of Место аналитики в процессе проектирования интерфейса
1
Никита Ефимов[email protected]
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
Пример
“Как инженер-администратор, я хочу иметь возможность быстро занести заявку в систему, назначенную на себя, чтобы не потерять ее”.