Как сделать хороший прототип вовремя?
-
Upload
mikhail-kulakov -
Category
Technology
-
view
237 -
download
2
description
Transcript of Как сделать хороший прототип вовремя?
![Page 1: Как сделать хороший прототип вовремя?](https://reader033.fdocument.pub/reader033/viewer/2022052904/557ef02ad8b42aa30a8b49a0/html5/thumbnails/1.jpg)
![Page 2: Как сделать хороший прототип вовремя?](https://reader033.fdocument.pub/reader033/viewer/2022052904/557ef02ad8b42aa30a8b49a0/html5/thumbnails/2.jpg)
Как сделать хороший прототип вовремя
Антон Жаворонковведущий разработчик
Студия Михаила Кечинова
[email protected]: jackhammer_z
![Page 3: Как сделать хороший прототип вовремя?](https://reader033.fdocument.pub/reader033/viewer/2022052904/557ef02ad8b42aa30a8b49a0/html5/thumbnails/3.jpg)
Что делать?
Принцип Парето: 20% функциональности, которая несет в себе 80% ценности продукта
![Page 4: Как сделать хороший прототип вовремя?](https://reader033.fdocument.pub/reader033/viewer/2022052904/557ef02ad8b42aa30a8b49a0/html5/thumbnails/4.jpg)
![Page 5: Как сделать хороший прототип вовремя?](https://reader033.fdocument.pub/reader033/viewer/2022052904/557ef02ad8b42aa30a8b49a0/html5/thumbnails/5.jpg)
![Page 6: Как сделать хороший прототип вовремя?](https://reader033.fdocument.pub/reader033/viewer/2022052904/557ef02ad8b42aa30a8b49a0/html5/thumbnails/6.jpg)
Мокапы
![Page 7: Как сделать хороший прототип вовремя?](https://reader033.fdocument.pub/reader033/viewer/2022052904/557ef02ad8b42aa30a8b49a0/html5/thumbnails/7.jpg)
Мокапы
● Бумажка и ручка● https://moqups.com/● http://balsamiq.com/products/mockups/
![Page 8: Как сделать хороший прототип вовремя?](https://reader033.fdocument.pub/reader033/viewer/2022052904/557ef02ad8b42aa30a8b49a0/html5/thumbnails/8.jpg)
Сценарий
● 90 секунд● Показать самое главное● Движущая сила, цель и ТЗ вашего
прототипа
![Page 9: Как сделать хороший прототип вовремя?](https://reader033.fdocument.pub/reader033/viewer/2022052904/557ef02ad8b42aa30a8b49a0/html5/thumbnails/9.jpg)
А может, программировать не нужно вовсе?
Wordpress, Drupal, Magento?
![Page 10: Как сделать хороший прототип вовремя?](https://reader033.fdocument.pub/reader033/viewer/2022052904/557ef02ad8b42aa30a8b49a0/html5/thumbnails/10.jpg)
Starter apps
Настроеный стек и окружение, авторизация (в том числе через соц. сети), css-фреймверк, ...
● Rails Composer● Zend Skeleton Composer● Android Kickstarter● ...
![Page 11: Как сделать хороший прототип вовремя?](https://reader033.fdocument.pub/reader033/viewer/2022052904/557ef02ad8b42aa30a8b49a0/html5/thumbnails/11.jpg)
Для юзера, интерфейс = продукт
![Page 12: Как сделать хороший прототип вовремя?](https://reader033.fdocument.pub/reader033/viewer/2022052904/557ef02ad8b42aa30a8b49a0/html5/thumbnails/12.jpg)
CSS-фреймверки
● Twitter Bootstrap● Zurb Foundation
Тысячи бесплатных и платных тем на любой вкус
![Page 13: Как сделать хороший прототип вовремя?](https://reader033.fdocument.pub/reader033/viewer/2022052904/557ef02ad8b42aa30a8b49a0/html5/thumbnails/13.jpg)
Наполните контентом
“Aasdasdasdaf” и “Lorem ipsum” - это стрёмно
И проверьте все на проекторе!
● gem faker● http://lorempixel.com
![Page 14: Как сделать хороший прототип вовремя?](https://reader033.fdocument.pub/reader033/viewer/2022052904/557ef02ad8b42aa30a8b49a0/html5/thumbnails/14.jpg)
Deployment
● Heroku (Ruby, Node.js, Java, Python)● OpenShift (Java, PHP, Ruby, Node.js,
Python, Perl)
![Page 15: Как сделать хороший прототип вовремя?](https://reader033.fdocument.pub/reader033/viewer/2022052904/557ef02ad8b42aa30a8b49a0/html5/thumbnails/15.jpg)
Не стоит
● писать тесты● разводить бюрократию● делать то, что не будет
продемонстрировано
![Page 16: Как сделать хороший прототип вовремя?](https://reader033.fdocument.pub/reader033/viewer/2022052904/557ef02ad8b42aa30a8b49a0/html5/thumbnails/16.jpg)
Спасибо за внимание!