Создаём навигацию, помогающую быстро и легко найти свой маршрут. Продумываем каждую мелочь, чтобы создать эффективную систему.
Этапы работ
Разработка навигации начинается с исследования: кабинетного или с выездом на местность.
Обширные исследования включают в себя обзор мирового опыта для конкретных типов зданий или территорий.
Разработка концепции — это формирование вариантов будущей навигационной системы. На этом этапе прорабатываются не только внешние элементы, но и внутренние смыслы, чтобы объединить техническую логику и визуальный образ.
Разработка навигационных носителей: объём варьируется в зависимости от предложения.
Рисовка иконок, карт, схем объекта. Определение их габаритов, выбор материалов, создание сетки вёрстки (правила расположения графических и текстовых элементов макета).
Разработанные материалы распечатываются в натуральную величину и примеряются на местности.
Становится понятно, как разработанные носители подходят к объекту по размеру, графическому наполнению. После тестирования системы линейка носителей дорабатывается.
Навигационные носители тестируются: макеты распечатываются в натуральную величину и примеряются на местности.
На этом этапе калибруется графическая часть: легко понять, насколько разработанные носители подходят к объекту по размерам и графическому наполнению, насколько хорошо читается шрифт, гармонируют ли цвета друг с другом.
Создается руководство по эксплуатации навигационной системы. Все правила, сформулированные в рамках проекта, закрепляются в альбоме.
В нем подробно рассказывается, как должны выглядеть носители и описываются правила их размещения. Руководство позволит использовать и развивать систему в будущем.
Все макеты, которые были размещены на плане, верстаются дизайнером в специальной программе и готовятся к печати. Далее файлы идут в производство.
Разрабатываем дизайн-систему, которая обеспечит целостность и единообразие всех экранов и состояний продукта.
Готовим макеты под все типы устройств, адаптируем интерфейс при изменении размера выводных устройств. Разрабатываем мобильные версии. Добавляем анимационные переходы и эффекты, чтобы улучшить пользовательский опыт и динамичность интерфейса.
Проводим тесты с реальными пользователями, чтобы выявить ошибки и неудобства. Вносим необходимые доработки
Собираем макеты в Figma, создаём компоненты и стили. Готовим спецификации для вёрстки (отступы, размеры, шрифты), экспортируем графические активы (иконки, иллюстрации) и пишем пояснения для разработчиков.
Взаимодействуем с командой разработки на этапе вёрстки и программирования. Проверяем реализованный продукт на соответствие макетам, корректность отображения на разных устройствах и в разных браузерах.
Поддерживаем и развиваем digital-продукт после запуска: создаём дизайн для нового функционала, проводим анализ пользовательского поведения, вносим итерационные правки.