Кейс прототипирования
Для проекта интернет-библиотеки мы разработали три ключевых прототипа: главную страницу, каталог книг и личный кабинет пользователя.
Каталог
Личный кабинет
Для такого проекта одной главной страницы недостаточно. Нужно заранее показать, как пользователь входит в библиотеку, выбирает нужную категорию книг и работает со своим кабинетом.
Главная страница
Точка входа в библиотеку и основные направления навигации.
Каталог книг
Категории и перечень изданий внутри выбранного раздела.
Личный кабинет
Отдельное пространство для зарегистрированного пользователя.
Прототип главной страницы онлайн-библиотеки
Работа началась с главной страницы. На прототипе мы схематически расположили основные блоки, кнопки и элементы будущего интерфейса.
Смысл такого этапа – сначала согласовать структуру и логику страницы, а уже затем переходить к полноценному визуальному дизайну.
Основные элементы интерфейса
Логика переходов
Основа для будущего дизайна
Прототип главной страницы
Прототип каталога и разделов библиотеки
Для каталога мы показали категории и принцип отображения книг внутри выбранного раздела. Пользователь должен понимать, куда он попал и какие издания доступны в конкретной рубрике.
Подборка
Книги
Прототип каталога книг
Отдельный прототип кабинета пользователя
Третьим экраном стал личный кабинет. Это уже отдельная пользовательская зона, поэтому её логика отличается и от главной страницы, и от каталога.
Три прототипа как единая система
На общем изображении хорошо видно, как три ключевых страницы соотносятся между собой ещё до перехода к полноценному визуальному дизайну.
Что показывает этот кейс
Сложную площадку можно разбить на основные сценарии
Главная, каталог и кабинет проектируются как разные функциональные зоны.
Прототип показывает логику до дизайна
Можно обсуждать расположение блоков и переходы до детальной визуальной проработки.
Три экрана становятся основой дальнейшей разработки
После утверждения структуры проект можно развивать дальше по остальным страницам.
Ещё примеры прототипов
Посмотреть кейс →
Посмотреть кейс →
Планируете сложный сайт или онлайн-сервис?
Покажите идею, существующую структуру или техническое задание. Можно определить ключевые пользовательские сценарии и понять, какие страницы стоит сначала проработать в прототипе.