Интерактивный чертеж сайта,

концептуальная модель, схема

• Посмотреть структуру сайта

• Посмотреть структуру страниц

• Покликать

Снижает риски

Сокращает затраты Ускоряет разработку

• Выявление задач

• Сбор требований

• Демонстрация решений

• Согласование функционала

Интерфейсных решений

Сценариев взаимодействия

Динамических элементов

Дизайнерам

Front- и back-end разработчикам

Заказчик

Пользователь

Проджект

Дизайнер

Разработчик

• Решает задачу

• Построен на сценариях

• Быстро и дешево создается

• Быстро и дешево изменяется

• Не универсален

• Ключевой функционал

• Информационная архитектура

• Сценарии взаимодействия

• Структура продукта

• Структура каждого экрана

• Структура элементов

10 Техническое описание

20 Прототип

30 Goto 10

Когда остановиться?

It depends

sitemap

структура страниц

структура элементов

детализация элементов

динамика

Немного о предметной области:

лидогенерация, CPA

Пример – страница предложения

Четыре итерации

Прототип – инструмент коммуникации

Дальнейшие изменения сразу в макете

Попробую

показать

крупнее

Быстро

Командно

Эмуляция серверной логики

Динамические элементы

Мастеры

Библиотеки и шаблоны

Адаптивность

Задача

Структура

Одна культура визуализации и именования

Библиотеки

Changelogs

Можно дешево и быстро ошибаться

Понятен заказчику и разработчику

Никаких фантазий

Можно потрогать, если вы понимаете, о чем я

Прототип – классный инструмент для

дешевого и быстрого создания и

исправления ошибок

Пришел

Рассказал

Fin!

Вопросы?

Владимир Зайонц

медиагерой