Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Гибкое прототипирование для гибкой разработки (Максим Гапонов)

1,765 views

Published on

  • Be the first to comment

Гибкое прототипирование для гибкой разработки (Максим Гапонов)

  1. 1. Гибкое прототипирование для гибкой разработки Максим Гапонов
  2. 2. Кто я? Макс Гапонов Certified Scrum Product Owner Agile coach, CIO at Banki.ru mgaponov@gmail.com
  3. 3. О чем мы будем сегодня говорить?
  4. 4. Что такое прототип?Прототип — это модель будущей системы
  5. 5. В каких областях используется прототипирование?• Архитектура• Инженерия• Автомобилестроение• Искусство• Программное обеспечение
  6. 6. Даже этот доклад сначала был прототипом :)
  7. 7. Для чего строят прототипы?• Получить больше данных о продукте• Получить обратную связь• Получить информацию о возможных сложностях при производстве• Получить возможность что-то изменить до производства
  8. 8. Прототип - это вид документации• Значительно более компактный, чем текст• Не требует много времени на ознакомление• Упрощает процесс разработки• Сокращает время разработки
  9. 9. Прототип - это вид коммуникации— Ну что, мы друг друга поняли?— Да-а!!!
  10. 10. Что нужно для прототипирования?Для прототипирования необходимо понять принциписпользования продукта:
  11. 11. Как рождается продукт? Поверхность Компоновка Структура Набор возможностей Стратегия
  12. 12. Место и время для прототипирования Поверхность Прототипы Компоновка Структура Набор возможностей Стратегия
  13. 13. Существуют разные способы создания прототипов• Бумажное прототипирование• HTML• PowerPoint/Keynote• Axure RP Pro• Excel/Numbers
  14. 14. Почему бумажные прототипы?
  15. 15. Это просто!
  16. 16. Кто из вас умеет рисовать?
  17. 17. А кто умел рисовать в детстве?
  18. 18. Главное - чтобы вас поняли :)
  19. 19. Бумажные прототипы имеют достаточную детализацию
  20. 20. Бумажные прототипы можно делать вместе!
  21. 21. Еще немного монет в копилку...• Самый быстрый способ прототипирования• Могут выступать катализатором решений• Не требуют технических навыков• Их никто не судит строго
  22. 22. Какие инструменты необходимы?• Бумага• Прозрачная пленка• Стикеры• Ножницы• Удаляемый скотч• Ручки, карандаши, фломастеры
  23. 23. Еще немного инструментов...
  24. 24. Простой пример: поиск по сайтуЧто сделать:Пользователь может осуществлять поиск по сайту для того,чтобы находить интересующий его контент.Как продемонстрировать:Пользователь вводит в форму поисковый запрос, в ответполучает список найденных элементов контента.
  25. 25. Прототип поиска
  26. 26. Посмотрели, подумали и добавили подробностей...
  27. 27. Пример посложнее: фотогалереиЧто сделать:Пользователь может создавать и редакторовать фотогалереидля того, чтобы делиться своими фотографиями с друзьями.Как продемонстрировать:Создание фотогалерей; загрузка фотографий; подписываниефотографий; выбор, кто из друзей будет иметь доступ кгалереям; просмотр фотогалерей.
  28. 28. В анимации и кинематографе есть раскадровки
  29. 29. А у нас есть скетчборды
  30. 30. Скетчборд для фотогалерей
  31. 31. Прототип редактирования фотогалереи
  32. 32. Добавляем фотографию
  33. 33. Фотография добавлена
  34. 34. Добавляем подпись к фотографии
  35. 35. Подпись добавлена
  36. 36. Настраиваем доступ к фотогалерее
  37. 37. Тестирование прототипов
  38. 38. Что нужно для тестирования?• Целевая группа• Задания для тестирования• Помощники
  39. 39. Какие помощники нам нужны? Фасилитатор Компьютер Наблюдатель Следит за тем, Манипулирует Слушает, молчит ичтобы все было, прототипом, записывает как надо :) отвечая на действия тестировщика
  40. 40. Из чего состоят задания для тестирования?• Цель• Входные данные• Предполагаемые шаги пользователя• Заметки
  41. 41. Подведение итогов тестирования• Все ли задания выполнены успешно?• Были ли у тестировщиков замечания?• Что записали наблюдатели?
  42. 42. Дорабатываем поиск после тестирования
  43. 43. Дорабатываем фотогалереи после тестирования
  44. 44. Переименование галереи
  45. 45. Поворот фотографий
  46. 46. Фотографии переворачиваются
  47. 47. А потом опять тестируем... и опять дорабатываем...Прототипирование — это процесс :)
  48. 48. Домашнее чтениеUser Experience Прототипирование:• Элементы опыта • Prototyping: A Practitioner’s взаимодействия, Дж. Guide, Todd Zaki Warfel Гарретт • Paper Prototyping: The Fast• Об интерфейсе, Алан and Easy Way to Design and Купер Refine User Interfaces, Carolyn Snyder• Статьи и презентации Jeff Patton
  49. 49. Спасибо!

×