Что включает в себя UX/UI дизайн?
1. UX-дизайн
Здесь дизайнеры продумывают правильную архитектуру навигации и расположения всех элементов с расчетом того, что пользователям будет удобно и интуитивно понятно перемещаться по сайту.
- Wireframing
Wireframing – это первая стадия. Wireframe представляет собой скелет, каркас сайта или приложения. Главная задача – показать организацию навигации и расположения блоков на сайте или мобильном приложении. Wireframe включается в документацию проекта и представляет собой чертеж будущего сайта.
- Прототипирование
После создания Wireframe, все блоки и элементы приобретают четкие линии и расположение согласно модульной сетке. Прототип приобретает динамичность и интерактивность. На данном этапе мы демонстрируем проект онлайн: расположение блоков, выпадающее меню, основные эффекты, перелинковка страниц.
2. UI-дизайн
На данном этапе создается жизнь и лицо Вашему прототипу. На основе исследований и предпочтений целевой аудитории, а также ее культурных тенденций дизайнером разрабатывается визуальная сторона будущего сайта или мобильного приложения. Здесь прорабатывается цветовая гамма, варианты использования шрифтов, толщина линий и штрихов, иконки. Ключевая задача – разработать уникальный стиль сайта и приложения, сохраняя уникальность и идентичность бренда.
Дизайн интерфейса включает в себя:
- Проработку размера, форм, цветов всех графических элементов управления таких как кнопки и чеклисты, формы обратной связи, иконки, шрифты, цветовые схемы и различные визуальные образы.
- Проработку стиля изложения текстовой и графической информации: какие шрифты выбрать, какую цветовую гамму использовать, какую толщину лини применять при разработке графических элементов.