agilecamp2015. Как создать решение, которое полюбят...
TRANSCRIPT
Как создать решение, которое полюбят пользователи
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 иобратный ход
• Команда выделяет группы тестирования● Наблюдатель выписывает инсайты● Модератор ведет встречу, поправляет, еслииспытуемый зашел в тупик
● Компьютер отрабатывает логикуинтерфейса. Молчит
План проведенияюзабилити тестирования● Приветствие
● Поставить Цель
● Описать, кто ты
● Провести кейс:
○ Просить озвучить мысли вслух
○ Наводящие вопросы: “А как ты думаешь, что это?“, “Если бы ты нажал
на кнопку, что ожидаешь увидеть?”
○ Выводить на “правильный” путь, чтобы кейс был завершен хоть в
каком-‐то виде
● Дать наблюдателюопросить испытуемого, по своим заметкам.
● Поблагодарить