Прототипы vs Техническое задание

5. Интерактивный чертеж сайта, концептуальная модель, схема
•Посмотреть структуру сайта
•Посмотреть структуру страниц
•Покликать

7. Снижает риски Сокращает затраты Ускоряет разработку

8. •Выявление задач
•Сбор требований
•Демонстрация решений
•Согласование функционала

9. Интерфейсных решений
Сценариев взаимодействия
Динамических элементов

10. Дизайнерам
Front- и back-end разработчикам

11. Заказчик
Пользователь
Проджект
Дизайнер
Разработчик

12. •Решает задачу
•Построен на сценариях
•Быстро и дешево создается
•Быстро и дешево изменяется
•Не универсален

13. •Ключевой функционал
•Информационная архитектура
•Сценарии взаимодействия
•Структура продукта
•Структура каждого экрана
•Структура элементов

14. 10 Техническое описание
20 Прототип
30 Goto 10
Когда остановиться?

15. It depends
sitemap
структура страниц
структура элементов
детализация элементов
динамика

16. Немного о предметной области: лидогенерация, CPA
Пример – страница предложения
Четыре итерации

21. Прототип – инструмент коммуникации
Дальнейшие изменения сразу в макете

22. Попробую
показать
крупнее

23. Быстро
Командно
Эмуляция серверной логики
Динамические элементы
Мастеры
Библиотеки и шаблоны
Адаптивность

24. Задача
Структура
Одна культура визуализации и именования
Библиотеки
Changelogs

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

27. Прототип – классный инструмент для дешевого и быстрого создания и исправления ошибок

28. Пришел
Рассказал
Fin!
Вопросы?
Владимир Зайонц
медиагерой