Адекватные мокапы и прототипы

by SECR 2018

Slide 1

Slide 1 text

Адекватные мокапы и прототипы Константин Семѐнов

Slide 2

Slide 2 text

Жизнь без радости и красок Потеря однозначности Нет контакта с пользователями Болезненный опыт UX-дизайна Зыбкие границы решения

Slide 3

Slide 3 text

Мокапы Скетч Вайрфрейм Макет Трудоёмкость и детализация Прообраз Форма Содержание

Slide 4

Slide 4 text

Скетч Минутка и готово Показывает границы Адресует нужды заказчика

Slide 5

Slide 5 text

Когда рисовать? Бизнес-требования Требования заинтересованных лиц Требования к решению Содержание работ Видение продукта Скетч Варианты использования Пользовательские истории Функциональные требования Ограничения

Slide 6

Slide 6 text

Вайрфрейм Определение состава и позиций элементов Повышенная точность оценки Навигация по сценарию

Slide 7

Slide 7 text

Когда рисовать? Скетч Вайрфрейм Вайрфрейм Бизнес-требования Требования заинтересованных лиц Требования к решению Содержание работ Видение продукта Варианты использования Функциональные требования Ограничения Пользовательские истории

Slide 8

Slide 8 text

Макет Неотличим от скриншота Брендирован Заполнен значимой информацией

Slide 9

Slide 9 text

Когда рисовать? Скетч Вайрфрейм Макет Вайрфрейм Макет Бизнес-требования Требования заинтересованных лиц Требования к решению Содержание работ Видение продукта Варианты использования Функциональные требования Ограничения Пользовательские истории

Slide 10

Slide 10 text

Горизонтальный прототип Обрисовка интерфейса Старт главных сценариев Помощь на пресейле

Slide 11

Slide 11 text

Когда рисовать? Скетч Вайрфрейм Горизонтальный прототип Макет Вайрфрейм Макет Горизонтальный прототип Бизнес-требования Требования заинтересованных лиц Требования к решению Содержание работ Видение продукта Варианты использования Функциональные требования Ограничения Пользовательские истории

Slide 12

Slide 12 text

Вертикальный прототип Проверка исполнимости Интерактивная валидация Исследование сложных сценариев

Slide 13

Slide 13 text

Когда рисовать? Скетч Вайрфрейм Горизонтальный прототип Макет Вайрфрейм Вертикальный прототип Макет Вертикальный прототип Горизонтальный прототип Бизнес-требования Требования заинтересованных лиц Требования к решению Содержание работ Видение продукта Варианты использования Функциональные требования Ограничения Пользовательские истории

Slide 14

Slide 14 text

Power users Конечные пользователи продукта От их мнения зависит судьба продукта Не читают требования

Slide 15

Slide 15 text

Ограничим безграничное Размытые пределы решения Поведение пользователей неизвестно У каждого свои критерии приѐмки Требования не поймут, а вот картинку… Чем раньше скетч – тем лучше скетч Каждому сценарию – счастливый конец

Slide 16

Slide 16 text

Познаем неизведанное Забыли о чем-то важном Полнота через экраны

Slide 17

Slide 17 text

? ? Полнота через экраны

Slide 18

Slide 18 text

Познаем неизведанное Забыли о чем-то важном Очевидное неочевидно Исполнимость под вопросом Сценарий и пошаговое исполнение Полнота через экраны Проверим гипотезу прототипом

Slide 19

Slide 19 text

Показываем Точность и четкость Выделяй важное Помни, кому показываешь Прототип – прообраз решения

Slide 20

Slide 20 text

Куда смотреть??

Slide 21

Slide 21 text

Расставим акценты так

Slide 22

Slide 22 text

Или вот так

Slide 23

Slide 23 text

Но как всѐ успеть?

Slide 24

Slide 24 text

UX-дизайнер Что ты такое??

Slide 25

Slide 25 text

Невыразимое счастье бытия Рисуют лучше нас Владеют инструментами Разбираются в Usability

Slide 26

Slide 26 text

Темная сторона силы Тяжесть командного взаимодействия Непредсказуемый результат Требования не успевают за дизайном

Slide 27

Slide 27 text

Восстанавливаем гармонию Работа по сценариям Пойми предысторию макета Спринт в спринте

Slide 28

Slide 28 text

Обзор инструментов

Slide 29

Slide 29 text

Текст – уже недостаточно быстро… Вооружайтесь визуально! Константин Семѐнов