Документ описывает методологии разработок MVP (минимально жизнеспособного продукта) и применения прогрессивного JPEG в дизайне и разработке. Основное внимание уделяется принципам Agile, средствам управления проектами и ключевым вопросам, связанным с созданием MVP, включая тестирование гипотез и управление временем и бюджетом. Также рассматриваются пользовательские истории и процесс итеративной разработки.

1. Стажировка-2014
MVP. Метод прогрессивного
JPEG. Story mapping. Agile
Занятие 11

2. Стажировка-2014
MVP (Minimal Viable Product) –
прототип продукта, который
содержит только самое
необходимое для проверки
основных гипотез
MVP

3. Стажировка-2014
MVP в 90% случаев не требует
написания кода!
MVP

4. Стажировка-2014
Lead capture – страница,
содержащая рекламную
информацию и способ сбора
информации о клиентах
MVP

5. Стажировка-2014
Lead capture используется для
замера конверсии и получения
email или телефона пользователя
в обмен на скидку или другое
выгодное предложение
MVP

6. Стажировка-2014
Если все-таки надо писать код –
отключаем перфекционизм,
включаем прагматизм!
MVP

7. Стажировка-2014
Основной вопрос во время
разработки MVP: «Зачем?»
MVP

8. Стажировка-2014
FFF (Fixed timing, fixed budget,
flexible scope) от 37signals –
метод управления проектом,
позволяющий соблюсти сроки
и бюджет
FFF и Story mapping

9. Стажировка-2014
Ограничения по срокам и
бюджету – главный стимул
выпуска продукта.
MVP

10. Стажировка-2014
User story (пользовательская
история) – описание одного
способа применения системы
на языке пользователя
FFF и Story mapping

11. Стажировка-2014
Как <роль>
Я хочу <описание действия>
Чтобы <описание цели>
FFF и Story mapping

12. Стажировка-2014
FFF и Story mapping

13. Стажировка-2014
Готовое на 90% - не готово!
Прогрессивный JPEG

14. Стажировка-2014
Прогрессивный JPEG

15. Стажировка-2014
Применительно к дизайну:
1. Контуры, схематичное
расположение
2. Цветовые пятна, общее решение
3. Прорисовка без градиентов и
динамики
4. Окончательная доводка
Прогрессивный JPEG

16. Стажировка-2014
Заказчик: «Девочка сидит за
столом с фруктами»
Прогрессивный JPEG

17. Стажировка-2014
Применительно к разработке:
1. Основа приложения, главная
страница с заглушками
2. Прототипная реализация
необходимого функционала и
верстка (например, bootstrap)
Прогрессивный JPEG

18. Стажировка-2014
Применительно к разработке:
3. Реализация основного
функционала, окончательная
верстка по дизайну
4. Реализация необязательного
функционала
Прогрессивный JPEG

19. Стажировка-2014
Дизайн и реализация должны
идти в ногу!
Прогрессивный JPEG

20. Стажировка-2014
Agile development (гибкая
разработка):
1. Итеративность
2. Частые статусные митинги
3. Частые демонстрации результата
4. Ретроспективы и постоянное
улучшение
Agile