Slides by Max Gaponov

1. Гибкое прототипирование
для гибкой разработки
AgileBaseCamp’11, Днепропетровск

2. Кто я?
Макс Гапонов
Certified Scrum Product Owner
Agile coach
mgaponov@gmail.com

3. О чем мы будем сегодня говорить?

4. Что такое прототип?
Прототип — это модель будущей системы

5. В каких областях используется прототипирование?
• Архитектура
• Инженерное дело
• Автомобилестроение
• Искусство
• Программное обеспечение

6. Даже этот доклад сначала был прототипом :)

7. Для чего строят прототипы?
• Получить больше данных о продукте
• Получить обратную связь
• Получить информацию о возможных сложностях
при производстве
• Получить возможность что-то изменить до
производства

8. Прототип - это вид документации
• Значительно более компактный, чем текст
• Не требует много времени на ознакомление
• Упрощает процесс разработки
• Сокращает время разработки

9. Прототип - вид коммуникации
— Ну что, мы друг друга поняли?
— Да-а!!!

10. Что нужно для прототипирования?
Для прототипирования необходимо понять
принцип использования продукта:

11. Как рождается продукт?
Поверхность
Компоновка
Структура
Набор возможностей
Стратегия

12. Место и время для прототипирования
Поверхность
Прототипы
Компоновка
Структура
Набор возможностей
Стратегия

13. Существуют разные способы создания прототипов
• Бумажное прототипирование
• HTML
• PowerPoint/Keynote
• Axure RP Pro
• Excel

14. Почему бумажные прототипы?

15. Это просто!

16. Кто из вас умеет рисовать?

17. А кто умел рисовать в детстве?

18. Главное - чтобы вас поняли :)

19. Бумажные прототипы имеют достаточную детализацию

20. Бумажные прототипы можно делать вместе!

21. Какие инструменты необходимы?
• Бумага
• Прозрачная пленка
• Стикеры
• Ножницы
• Удаляемый скотч
• Ручки, карандаши,
фломастеры

22. Простой пример: поиск по сайту
Что сделать:
Пользователь может осуществлять поиск по
сайту для того, чтобы находить интересующий
его контент.
Как продемонстрировать:
Пользователь вводит в форму поисковый запрос,
в ответ получает список найденных элементов
контента.

23. Прототип поиска

24. Посмотрели, подумали и добавили подробностей...

25. Пример посложнее: фотогалереи
Что сделать:
Пользователь может создавать и редакторовать
фотогалереи для того, чтобы делиться своими
фотографиями с друзьями.
Как продемонстрировать:
Создание фотогалерей; загрузка фотографий;
подписывание фотографий; выбор, кто из друзей
будет иметь доступ к галереям; просмотр
фотогалерей.

26. Скетчборды

27. Скетчборд для фотогалерей

28. Прототип редактирования фотогалереи

29. Добавляем фотографию

30. Фотография добавлена

31. Добавляем подпись к фотографии

32. Подпись добавлена

33. Настраиваем доступ к фотогалерее

34. Тестирование прототипов

35. Что нужно для тестирования?
• Целевая группа
• Задания для тестирования
• Помощники

36. Какие помощники нам нужны?
Фасилитатор Компьютер Наблюдатель
Следит за тем, Манипулирует Слушает, молчит
чтобы все было, прототипом, и записывает
как надо :) отвечая на
действия
тестировщика

37. Из чего состоят задания для тестирования?
• Цель
• Входные данные
• Предполагаемые шаги пользователя
• Заметки

38. Подведение итогов тестирования
• Все ли задания выполнены успешно?
• Были ли у тестировщиков замечания?
• Что записали наблюдатели?

39. Дорабатываем поиск после тестирования

40. Дорабатываем фотогалереи после тестирования

41. Переименование галереи

42. Переворот фотографий

43. Фотографии переворачиваются

44. А потом опять тестируем... и опять дорабатываем...
Прототипирование — это
процесс :)

45. Что почитать?
• Paper Prototyping: The Fast and Easy Way to Design
and Refine User Interfaces, Carolyn Snyder
• Protoryping: A Practitioner’s Guide, Todd Zaki
Warfel

46. Спасибо!
Макс Гапонов
Certified Scrum Product Owner
Agile coach
mgaponov@gmail.com