Как  создать  решение,  которое  полюбят  пользователи

AgileCamp2015,  Продуктовый  отряд.23-­24  июля  2015  года

● Цель упражнения● Wizard  of  Oz

● Material  Design● Проектирование● Тестирование

● Профит

Цель● Научиться проектировать интерфейсы внезависимости от навыков

● Увидеть,  как быстро можно скорректироватьтребования к продукту через визуальныеязыки

● Познакомиться с Material  Design

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

Быстрое проектирование

• Wizard  of  OZ  — игровой подход к юзабилититестированию и проектированию,  позволяющийспроектировать и симулировать работуприложения,  до создания реального продукта.

Роли в игре

Игрок Мастер

Правила игры● Уговор о визуальном языке● Игрок:  Режим “Что я вижу?”

● Мастер:  

○ создает экран за 5  минут○ отвечает только визуально

○ исправления,  если Игрок зашел в тупик и не смогнайти чего-­то за ход

● Игрок мыслит вслух,  подаёт команды,  спрашивает

○ “...Я нажимаю на кнопку…”○ “...Я ввожу текст…  Что происходит?...”

Визуальный языкMaterial  Design

● Визуальный язык,  а не графическийстиль

● Минимализм

● Глубина – инструмент визуализации● Осмысленная анимация как

средство улучшения UX● Фокус на контенте

• Топ занимает панель сзаголовком,  навигациейи глобальнымидействиями надконтентом.  Иногдаслева добавляетсябоковое меню.  Панельвсегда выше контента иотбрасывает на неготень.

• Основное действиеприложения (илиинициация выборадействия)  находится наэкране в виде кнопки,  которая тоже вышеконтента и отбрасываеттень.

Панель  инструментов

Карточки

Главное  действие

Принципы● Одноцветные плоские элементы

● Основное решение задачи всегда подрукой

● Чем важнее элемент,   тем он выше● Анимация создаёт сценарий без разрывов идаёт понимание о том,  что происходит

● Контент упаковывается в контейнеры:  однообразный в списки,  разнообразный – в

карточки● Большое внимание – к типографике идействительно красивому контенту

Генерация  прототипа

Игрок

Мастер5  мин 5  мин

Оба работают над кейсом,  но отвечают за разное

● Выберите,  кто игроки,  а кто мастера

● Используйте таймер,  

чтобы четкоотслеживать время

Игрок:что?

Мастер:как?

Нет времени объяснять —прототипируй!

• Первый раундпроходим вместе

● Игроки рассказывают

и фантазируютпервые 2-­5  минут

● Мастера проектируютинтерфейсы

Повторяем5  мин создаем прототип,

5  мин — проход

Инструмент для быстрогосоздания прототипов

● Фотографируем● Устанавливаем связи

● Тестируем

• Плюсы:

● Интерактивная среда● Простота и скорость

POP

Прототип в POP  иобратный ход

• Команда выделяет группы тестирования● Наблюдатель выписывает инсайты● Модератор ведет встречу,  поправляет,  еслииспытуемый зашел в тупик

● Компьютер отрабатывает логикуинтерфейса.  Молчит

План проведенияюзабилити тестирования● Приветствие

● Поставить Цель

● Описать,  кто ты

● Провести кейс:  

○ Просить озвучить мысли вслух

○ Наводящие вопросы:  “А как ты думаешь,  что это?“,  “Если бы ты нажал

на кнопку,  что ожидаешь увидеть?”

○ Выводить на “правильный”  путь,  чтобы кейс был завершен хоть в

каком-­‐то виде

● Дать наблюдателюопросить испытуемого,  по своим заметкам.

● Поблагодарить