Готовый список из 38 вопросов для брифа на сайт по блокам — от целей и аудитории до интеграций и бюджета. Плюс чем бриф отличается от ТЗ и КП и какие ошибки делают заказчики при заполнении.
Читать дальшеUI/UX
Проектируем интерфейсы, в которых пользователю интуитивно понятно, что делать. Исследования, прототипы, тестирование — каждый экран работает на конверсию.
Что входит в UI/UX дизайн
Этапы и результаты:
01
UX-исследование
Анализ аудитории, конкурентов, пользовательских сценариев и болевых точек
Анализ аудитории, конкурентов, пользовательских сценариев и болевых точек
02
Информационная архитектура
Структура страниц, навигация и логика переходов — пользователь не теряется
Структура страниц, навигация и логика переходов — пользователь не теряется
03
Прототипирование
Интерактивные прототипы в Figma — тестируете интерфейс до начала разработки
Интерактивные прототипы в Figma — тестируете интерфейс до начала разработки
04
UI-дизайн
Визуальный стиль, типографика, цвета, иконки — единый и узнаваемый облик
Визуальный стиль, типографика, цвета, иконки — единый и узнаваемый облик
05
Адаптивные макеты
Десктоп, планшет, мобильный — интерфейс идеально работает на любом экране
Десктоп, планшет, мобильный — интерфейс идеально работает на любом экране
06
Дизайн-система и UI-кит
Набор готовых компонентов для быстрой разработки и масштабирования продукта
Набор готовых компонентов для быстрой разработки и масштабирования продукта
Интерфейс — это
первое впечатление
Пользователь формирует мнение о компании за первые 3 секунды на сайте. Мы проектируем интерфейсы так, чтобы за эти секунды посетитель понял, куда попал, что здесь можно получить и как это сделать. Результат — рост конверсии и снижение показателя отказов.
Процесс проектирования интерфейса
1
/ 5
Бриф и аудит:
цели, аудитория, аналитика
цели, аудитория, аналитика
2
/ 5
Карта экранов
и пользовательские сценарии
и пользовательские сценарии
3
/ 5
Wireframes:
структура каждого экрана
структура каждого экрана
4
/ 5
UI-дизайн:
визуальный стиль и макеты
визуальный стиль и макеты
5
/ 5
Передача в разработку
со спецификациями и UI-китом
со спецификациями и UI-китом
Полезные статьи