Виды прототипов или Запуск веб-проектов без дизайна
DESCRIPTION
Доклад проектировщика Nimax Светланы Ванюковой в рамках воркшопа в школе IM Pro.TRANSCRIPT
![Page 1: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/1.jpg)
Виды прототипов
Интерактивное агентство Nimax
или запуск проектов без дизайна
![Page 2: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/2.jpg)
Прототипы бываютразные...
Интерактивное агентство Nimax
— спасибо, Кэп
![Page 3: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/3.jpg)
4/15Интерактивное агентство Nimax
![Page 4: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/4.jpg)
Разработка проекта
5 месяцев
Интерактивное агентство Nimax
— условно :)
![Page 5: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/5.jpg)
Интерактивное агентство Nimax
Разработка проекта
![Page 6: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/6.jpg)
Интерактивное агентство Nimax
Сайт для государственного исторического музея
ссылка
![Page 7: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/7.jpg)
Интерактивное агентство Nimax
Какой делаемпрототип?
![Page 8: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/8.jpg)
Интерактивное агентство Nimax
Прототип #1Низкоуровневыйс интерактивом
(или без интерактива)
![Page 9: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/9.jpg)
Интерактивное агентство Nimax
Прорабатываютсянавигацияполное содержаниеполная компоновка
поведение элементов
— очень подробно!
![Page 10: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/10.jpg)
Интерактивное агентство Nimax
Сайт подбора страховкидля автомобиля
ссылка
![Page 11: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/11.jpg)
Интерактивное агентство Nimax
Сайт интернет-магазинаFicha
ссылка
![Page 12: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/12.jpg)
Интерактивное агентство Nimax
Всё здорово, но хочется быстрее
— и дешевле :)
![Page 13: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/13.jpg)
Интерактивное агентство Nimax
Прототип #2Высокоуровневый
— для контентных проектов
![Page 14: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/14.jpg)
Интерактивное агентство Nimax
Прорабатываютсябазовая навигацияполное содержаниетребования к функциональности
— без компоновки, просто блоки
![Page 15: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/15.jpg)
Интерактивное агентство Nimax
Сайт Russian Code Cup
вы скоро всё сами увидите
![Page 16: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/16.jpg)
4/15
![Page 17: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/17.jpg)
Интерактивное агентство Nimax
Сэкономили 15% времени
— ура!
![Page 18: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/18.jpg)
Интерактивное агентство Nimax
Если проект сложный? А тоже хочется быстрее...
— и дешевле :)
![Page 19: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/19.jpg)
Интерактивное агентство Nimax
Прототип #3Низкоуровневыйс интерактивом и дизайном
для проектов, где визуальная часть не важна
![Page 20: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/20.jpg)
Интерактивное агентство Nimax
Прорабатываются
шрифтовая и цветовая схемы+
навигацияполное содержаниеполная компоновкаповедение элементов
— рисуем “дизайн” в Axure!
![Page 21: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/21.jpg)
Интерактивное агентство Nimax
TransburgПрототип Вёрстка
личный кабинет
ИА
![Page 22: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/22.jpg)
Интерактивное агентство Nimax
— супер-круто!
Сэкономили 25% времени
![Page 23: Виды прототипов или Запуск веб-проектов без дизайна](https://reader033.vdocuments.site/reader033/viewer/2022052621/557ec804d8b42a706f8b48f7/html5/thumbnails/23.jpg)
Интерактивное агентство Nimax
Конец