Стажировка-2014, занятие 11. mvp, метод прогрессивного jpeg,...
DESCRIPTION
Лекция с летней стажировки 7bits, 2014 год.TRANSCRIPT
![Page 1: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/1.jpg)
Стажировка-2014
MVP. Метод прогрессивного JPEG. Story mapping. Agile
Занятие 11
![Page 2: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/2.jpg)
Стажировка-2014
MVP (Minimal Viable Product) –прототип продукта, который содержит только самое необходимое для проверки основных гипотез
MVP
![Page 3: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/3.jpg)
Стажировка-2014
MVP в 90% случаев не требует написания кода!
MVP
![Page 4: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/4.jpg)
Стажировка-2014
Lead capture – страница, содержащая рекламную информацию и способ сбора информации о клиентах
MVP
![Page 5: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/5.jpg)
Стажировка-2014
Lead capture используется для замера конверсии и получения email или телефона пользователя в обмен на скидку или другое выгодное предложение
MVP
![Page 6: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/6.jpg)
Стажировка-2014
Если все-таки надо писать код –отключаем перфекционизм,
включаем прагматизм!
MVP
![Page 7: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/7.jpg)
Стажировка-2014
Основной вопрос во время разработки MVP: «Зачем?»
MVP
![Page 8: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/8.jpg)
Стажировка-2014
FFF (Fixed timing, fixed budget, flexible scope) от 37signals –метод управления проектом, позволяющий соблюсти сроки и бюджет
FFF и Story mapping
![Page 9: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/9.jpg)
Стажировка-2014
Ограничения по срокам и бюджету – главный стимул
выпуска продукта.
MVP
![Page 10: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/10.jpg)
Стажировка-2014
User story (пользовательская история) – описание одного способа применения системы на языке пользователя
FFF и Story mapping
![Page 11: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/11.jpg)
Стажировка-2014
Как <роль>Я хочу <описание действия>Чтобы <описание цели>
FFF и Story mapping
![Page 12: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/12.jpg)
Стажировка-2014
FFF и Story mapping
![Page 13: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/13.jpg)
Стажировка-2014
Готовое на 90% - не готово!
Прогрессивный JPEG
![Page 14: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/14.jpg)
Стажировка-2014
Прогрессивный JPEG
![Page 15: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/15.jpg)
Стажировка-2014
Применительно к дизайну:1. Контуры, схематичное расположение2. Цветовые пятна, общее решение3. Прорисовка без градиентов и динамики4. Окончательная доводка
Прогрессивный JPEG
![Page 16: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/16.jpg)
Стажировка-2014
Заказчик: «Девочка сидит за столом с фруктами»
Прогрессивный JPEG
![Page 17: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/17.jpg)
Стажировка-2014
Применительно к разработке:1. Основа приложения, главная страница с заглушками 2. Прототипная реализация необходимого функционала и верстка (например, bootstrap)
Прогрессивный JPEG
![Page 18: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/18.jpg)
Стажировка-2014
Применительно к разработке:3. Реализация основного функционала, окончательная верстка по дизайну4. Реализация необязательного функционала
Прогрессивный JPEG
![Page 19: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/19.jpg)
Стажировка-2014
Дизайн и реализация должны идти в ногу!
Прогрессивный JPEG
![Page 20: Стажировка-2014, занятие 11. MVP, метод прогрессивного JPEG, Story mapping, Agile](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559cb9111a28abda558b468b/html5/thumbnails/20.jpg)
Стажировка-2014
Agile development (гибкая разработка):1. Итеративность2. Частые статусные митинги3. Частые демонстрации результата4. Ретроспективы и постоянное улучшение
Agile