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

Гибкое прототипированиедля гибкой разработки

Максим Гапонов

Кто я?

Макс ГапоновCertified Scrum Product OwnerAgile coach, CIO at Banki.rumgaponov@gmail.com

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

Что такое прототип?

Прототип — это модель будущей системы

В каких областях используется прототипирование?

• Архитектура

• Инженерия

• Автомобилестроение

• Искусство

• Программное обеспечение

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

Для чего строят прототипы?

• Получить больше данных о продукте

• Получить обратную связь

• Получить информацию о возможных сложностях при производстве

• Получить возможность что-то изменить до производства

Прототип - это вид документации

• Значительно более компактный, чем текст

• Не требует много времени на ознакомление

• Упрощает процесс разработки

• Сокращает время разработки

Прототип - это вид коммуникации

— Ну что, мы друг друга поняли?

— Да-а!!!

Что нужно для прототипирования?

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

Как рождается продукт?

Поверхность

Компоновка

Структура

Набор возможностей

Стратегия

Место и время для прототипирования

ПрототипыПоверхность

Компоновка

Структура

Набор возможностей

Стратегия

Существуют разные способы создания прототипов

• Бумажное прототипирование

• HTML

• PowerPoint/Keynote

• Axure RP Pro

• Excel/Numbers

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

Это просто!

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

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

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

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

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

Еще немного монет в копилку...

• Самый быстрый способ прототипирования

• Могут выступать катализатором решений

• Не требуют технических навыков

• Их никто не судит строго

Какие инструменты необходимы?

• Бумага

• Прозрачная пленка

• Стикеры

• Ножницы

• Удаляемый скотч

• Ручки, карандаши, фломастеры

Еще немного инструментов...

Простой пример: поиск по сайту

Что сделать:

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

Как продемонстрировать:

Пользователь вводит в форму поисковый запрос, в ответ получает список найденных элементов контента.

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

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

Пример посложнее: фотогалереи

Что сделать:

Пользователь может создавать и редакторовать фотогалереи для того, чтобы делиться своими фотографиями с друзьями.

Как продемонстрировать:

Создание фотогалерей; загрузка фотографий; подписывание фотографий; выбор, кто из друзей будет иметь доступ к галереям; просмотр фотогалерей.

В анимации и кинематографе есть раскадровки

А у нас есть скетчборды

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

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

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

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

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

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

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

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

Что нужно для тестирования?

• Целевая группа

• Задания для тестирования

• Помощники

Какие помощники нам нужны?

Фасилитатор

Следит за тем, чтобы все было, как надо :)

Компьютер

Манипулирует прототипом,

отвечая на действия тестировщика

Наблюдатель

Слушает, молчит и записывает

Из чего состоят задания для тестирования?

• Цель

• Входные данные

• Предполагаемые шаги пользователя

• Заметки

Подведение итогов тестирования

• Все ли задания выполнены успешно?

• Были ли у тестировщиков замечания?

• Что записали наблюдатели?

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

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

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

Поворот фотографий

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

А потом опять тестируем... и опять дорабатываем...

Прототипирование — это процесс :)

Домашнее чтение

User Experience

• Элементы опыта взаимодействия, Дж. Гарретт

• Об интерфейсе, Алан Купер

• Статьи и презентации Jeff Patton

Прототипирование:

• Prototyping: A Practitioner’s Guide, Todd Zaki Warfel

• Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces, Carolyn Snyder

Спасибо!