Прототипы vs Техническое задание — Владимир Зайонц
-
Upload
wakeupprovince -
Category
Design
-
view
77 -
download
7
Transcript of Прототипы vs Техническое задание — Владимир Зайонц
![Page 1: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/1.jpg)
![Page 2: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/2.jpg)
![Page 3: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/3.jpg)
![Page 4: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/4.jpg)
![Page 5: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/5.jpg)
Интерактивный чертеж сайта,
концептуальная модель, схема
• Посмотреть структуру сайта
• Посмотреть структуру страниц
• Покликать
![Page 6: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/6.jpg)
![Page 7: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/7.jpg)
Снижает риски
Сокращает затраты Ускоряет разработку
![Page 8: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/8.jpg)
• Выявление задач
• Сбор требований
• Демонстрация решений
• Согласование функционала
![Page 9: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/9.jpg)
Интерфейсных решений
Сценариев взаимодействия
Динамических элементов
![Page 10: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/10.jpg)
Дизайнерам
Front- и back-end разработчикам
![Page 11: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/11.jpg)
Заказчик
Пользователь
Проджект
Дизайнер
Разработчик
![Page 12: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/12.jpg)
• Решает задачу
• Построен на сценариях
• Быстро и дешево создается
• Быстро и дешево изменяется
• Не универсален
![Page 13: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/13.jpg)
• Ключевой функционал
• Информационная архитектура
• Сценарии взаимодействия
• Структура продукта
• Структура каждого экрана
• Структура элементов
![Page 14: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/14.jpg)
10 Техническое описание
20 Прототип
30 Goto 10
Когда остановиться?
![Page 15: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/15.jpg)
It depends
sitemap
структура страниц
структура элементов
детализация элементов
динамика
![Page 16: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/16.jpg)
Немного о предметной области:
лидогенерация, CPA
Пример – страница предложения
Четыре итерации
![Page 17: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/17.jpg)
![Page 18: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/18.jpg)
![Page 19: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/19.jpg)
![Page 20: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/20.jpg)
![Page 21: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/21.jpg)
Прототип – инструмент коммуникации
Дальнейшие изменения сразу в макете
![Page 22: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/22.jpg)
Попробую
показать
крупнее
![Page 23: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/23.jpg)
Быстро
Командно
Эмуляция серверной логики
Динамические элементы
Мастеры
Библиотеки и шаблоны
Адаптивность
![Page 24: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/24.jpg)
Задача
Структура
Одна культура визуализации и именования
Библиотеки
Changelogs
![Page 25: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/25.jpg)
![Page 26: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/26.jpg)
Можно дешево и быстро ошибаться
Понятен заказчику и разработчику
Никаких фантазий
Можно потрогать, если вы понимаете, о чем я
![Page 27: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/27.jpg)
Прототип – классный инструмент для
дешевого и быстрого создания и
исправления ошибок
![Page 28: Прототипы vs Техническое задание — Владимир Зайонц](https://reader033.fdocuments.net/reader033/viewer/2022051617/55b62361bb61ebe5618b45cd/html5/thumbnails/28.jpg)
Пришел
Рассказал
Fin!
Вопросы?
Владимир Зайонц
медиагерой