01
Сценарий
Определяем цель страницы, вход посетителя и следующий шаг. Отмечаем разные состояния, если они нужны.
Дизайн и проектирование
Прототипирование сайта
Согласовываем содержание и логику страницы до выбора цвета, шрифта и декоративных деталей.
- Формат
- Дизайн и проектирование
- Оценка
- После уточнения состава работ
- Начало
- Краткое описание задачи на почту
Когда подходит
Задача и контекст
Прототип показывает, что посетитель увидит и в каком порядке. Он помогает обсудить предложение, важные вопросы и действия, не отвлекаясь на финальное оформление. Особенно полезен для сложных услуг и страниц с несколькими сценариями.
Что входит в работу
02
Содержание
Распределяем реальные заголовки, факты, таблицы и изображения. Не прячем недостаток информации за пустыми прямоугольниками.
03
Порядок блоков
Ставим объяснения рядом с решением, которого они касаются. Убираем повторяющиеся призывы и лишние переходы.
04
Проверка логики
Проходим сценарий чтения, выбор и обращение. Фиксируем комментарии для дизайна и разработки.
Что получите
Прототипы согласованных типов страниц с содержательными блоками и описанием взаимодействий.
Состав оценки
От чего зависит стоимость
- Количество разных шаблонов
- Сложность действий и состояний
- Готовность фактов и число сценариев
Сначала уточняем задачу и материалы. Затем согласуем объём, срок и критерии приёмки.
Границы задачи
Что важно учесть
Прототип не является финальным визуальным макетом. Цвет, типографика, графика и точная адаптация раскрываются на следующем этапе.
Ответы на вопросы
Прототип должен быть интерактивным?
Только если взаимодействие помогает согласованию. Для простой информационной страницы достаточно содержательной схемы.
Можно начать сразу с дизайна?
Для очень простого проекта возможно, но содержание и порядок блоков всё равно нужно определить.
Нужны ли настоящие тексты?
Ключевые заголовки, условия и основные абзацы желательно использовать сразу. Это показывает реальный объём.
Что согласуется на этом этапе?
Назначение блоков, их порядок, содержание и действия. Визуальная стилистика оценивается отдельно.
Прорабатывается ли телефон?
Логика мобильного сценария учитывается. Точная композиция фиксируется в адаптивном дизайне.
Можно прототипировать старый сайт?
Да, для новых сценариев или переработки проблемных страниц перед редизайном.