Моделирование продукта с использованием бумажного...
DESCRIPTION
Нередки ситуации, когда дизайнеров рядом нет, а проект уже нужно запускать в разработку. Или — собран исчерпывающий бэклог, но не получается узреть, что собой будет представлять будущий продукт. Как увидеть и пощупать продукт, не выныривая из процесса сбора требований? Рассмотрим дешёвую в применении и в то же время изящную и простую практику на основе бумажного прототипирование и подхода к моделированию «Wizard of Oz». Agilecamp, Новосибирск, ноябрь 2011TRANSCRIPT
![Page 1: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/1.jpg)
Wizard of Oz. Туда и обратно
![Page 2: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/2.jpg)
Ситуация
Собраны требования в виде Story map’аили в любом другом виде, но неясно, что именнонеобходимо построить
![Page 3: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/3.jpg)
Идём к задаче
• Нужно
– увидеть софт
– запустить разработку,
• Но
– некому моделировать
– некогда ждать озарения
![Page 4: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/4.jpg)
• Смешивают абстракции разных уровней багофича
• Навязывают разрозненные модели
• Не показывают единую модель
Проблемы с требованиями в виде Story Map
![Page 5: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/5.jpg)
![Page 6: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/6.jpg)
способ воспринимать и думать о приложении или его части.
нечто целостное, что потом становится паттерном
Модель —
![Page 7: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/7.jpg)
Игрушка. Требования
• Развитие у детей от 0 до 3 лет
– мелкой моторики
– координации движений
– восприятия цветов
![Page 8: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/8.jpg)
![Page 9: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/9.jpg)
Допустим —это решение
![Page 10: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/10.jpg)
![Page 11: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/11.jpg)
Итерация моделирования неикрементальна
![Page 12: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/12.jpg)
Jesse James Garrett’s Elements of User Experiencehttp://www.jjg.net/elements/
![Page 13: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/13.jpg)
![Page 14: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/14.jpg)
• Чистят требования
• Уточняют сценарии
• Эскизируют
– структуру данных
– диаграмму потока задач
– первые экраны
• Собирают в целое
• Проверяют сборку
• Корректируют или меняют модель
Обычно для появления модели…
![Page 15: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/15.jpg)
Создание хорошей модели похоже на решение нелинейного уравнения
– нет общих методов
– решение получают эвристически, итерационно
– есть критерии сходимости
Целое нелинейное
![Page 16: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/16.jpg)
• получить грубое решение раньше
• ускорять итерирование и валидацию
Что делать?
![Page 17: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/17.jpg)
![Page 18: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/18.jpg)
![Page 19: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/19.jpg)
Но в стиле Дядюшки Римуса, более интерактивные
![Page 20: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/20.jpg)
![Page 21: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/21.jpg)
• Уговор о визуальном языке
• Игрок: Что я вижу?
• Мастер:
– создает экран за 2 минуты
– отвечает только визуально
– исправления только, если Игрок зашел в тупик и не смог найти чего-то за ход
• Игрок мыслит вслух, подаёт команды, спрашивает
Ход игры
![Page 22: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/22.jpg)
• Win/Mac GUI
• Text UI
• Ограниченный набор компонент: Telerik, ExtJS
• …
Визуальные языки
![Page 23: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/23.jpg)
Стадия 1: Генерация
![Page 24: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/24.jpg)
Оба следуют требованиям, но отвечают за разное
![Page 25: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/25.jpg)
![Page 26: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/26.jpg)
• Штурм, интенсивный забег
• Скорость — убрать избыточный размышлизм
• Метод поощряет ошибки
Задача не продумать всё, а протоптать дорожку
Отличительные черты метода
![Page 27: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/27.jpg)
• Установить лимит
– итераций
– общего времени
• Субъективное ощущение проработки сценариев
Когда остановиться
![Page 28: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/28.jpg)
• Обе роли проактивны
• Отсутствие
– наблюдателей
– заранее созданного прототипа
• Метод используется не только для проверки, но и для генерации
Отличие от классики
![Page 29: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/29.jpg)
• Один экран — одна локация
• Задача: покинуть локацию
• Играть должно быть интересно
Пример
![Page 30: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/30.jpg)
![Page 31: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/31.jpg)
Стадия 1: Генерация
![Page 32: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/32.jpg)
• Игроки становятся мастерами
• Мастеры уходят игроками в другую команду
• Новые мастера на запросы игрока демонстрируют созданное решение
• Ничего не дорисовывают
• Недочёты и ошибки журналируют
Обратный ход
![Page 33: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/33.jpg)
Схема хода проверки
![Page 34: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/34.jpg)
Ревью процесса
![Page 35: Моделирование продукта с использованием бумажного прототипирования. Agilecamp, Новосибирск, ноябрь 2011](https://reader034.vdocuments.mx/reader034/viewer/2022052412/5596d7291a28aba4098b4674/html5/thumbnails/35.jpg)
Спасибо за внимание!
Андрей Шапиропроектировщик интерфейса, руководитель проектов
Спасибо за внимание!
@xraizor