UI UX дизайн: интерфейсы, которые понятны с первого взгляда
Проектирование интерфейсов для сайтов и дизайн мобильного приложения: UX UI дизайн строится на реальных потребностях пользователей: исследование, сценарии, прототипы и юзабилити-тесты, затем аккуратный визуальный слой и дизайн-система. UI UX дизайн у нас снижает долю догадок до того, как разработчики пишут код, а объём фиксируется письменно.
Что входит в UI UX дизайн
Хорошие интерфейсы рождаются из решений, проверенных рано. Вот работа, которая за ними стоит.
Исследование пользователей
Исследование пользователей, кастдев (CustDev): интервью, опросы и разбор аналитики показывают, кто пользователи и с чем сталкиваются.
Сценарии и архитектура
User flow: пользовательские сценарии, карты сайта и вайрфреймы (wireframe), определяющие, как люди проходят продукт.
Интерактивные прототипы
Прототипирование: прототип сайта и кликабельные прототипы в Figma, которые вы и ваши пользователи можете попробовать до разработки.
Юзабилити-тестирование
Сессии с реальными пользователями, чтобы найти трение и подтвердить дизайн до сборки.
Доступность
Адаптивный дизайн под телефон и компьютер, контраст, размеры зон нажатия, работа с клавиатуры и понятные подписи входят в дизайн, а не добавляются позже.
Дизайн-система
Дизайн система: UI kit, компоненты, токены и правила, которые делают продукт единообразным и ускоряют разработку.
Почему продуктовые команды работают с нами
Красивый экран, которым нельзя пользоваться, дорого обходится. Мы тестируем рано и отдаём спецификации, которым доверяют разработчики.
Тесты до сборки
Прототипы проверяются на пользователях, поэтому дорогие ошибки ловятся на экране, а не в коде.
Дизайн, который можно собрать
Эта же компания может собрать продукт. Для сборки смотрите разработку веб-приложений.
Решения на данных
Мы опираемся на аналитику, исследование и A/B-тесты, а не только на вкус.
Объём фиксируется письменно
После короткого созвона вы получаете результаты, график и цену письменно до старта работ.
Как проходит проект продуктового дизайна
Исследование
Изучаем пользователей, цели, конкурентов и данные и договариваемся, как выглядит успех.
Определение
Строим карты сценариев, структуру и приоритеты и рисуем вайрфреймы ключевых экранов.
Дизайн и тесты
Собираем прототип, проверяем его на пользователях и дорабатываем визуальный дизайн.
Передача
Отдаём дизайн-систему и спецификации и поддерживаем разработчиков во время сборки.
UX и UI: кто за что отвечает
Стоимость UX и UI зависит от объёма: UX UI дизайн объединяет две дисциплины, которые пересекаются, но отвечают на разные вопросы.
| Область | Вопрос, на который отвечает | Типичный результат |
|---|---|---|
| UX-исследование, UX аудит и юзабилити аудит | Кто пользователи и что им нужно? | Персоны, интервью, выводы аудита |
| UX-дизайн | Как должен работать продукт? | Сценарии, вайрфреймы, прототипы |
| UI-дизайн | Как он должен выглядеть и ощущаться? | Визуальный UI дизайн, компоненты, UI kit |
| Дизайн-система | Как сохранить единообразие? | Библиотека, дизайн системы, токены, правила |
В небольших проектах эти роли часто объединяет один дизайнер, а в крупных их разделяют.
Для маркетинговых сайтов смотрите дизайн сайта, а для приложений дизайн мобильных приложений и дизайн веб-приложений.
Как выглядит хороший продуктовый дизайн на практике
Хороший дизайн интерфейса начинается с понимания, а не с экранов. Мы говорим с пользователями, смотрим аналитику и разбираем конкурентов, чтобы узнать, где люди застревают. Аналитика показывает, где теряются пользователи. Персоны и карта пути клиента (customer journey map) удерживают команду на реальных потребностях. Эвристическая оценка текущего продукта часто находит быстрые победы ещё до начала редизайна.
Эту работу ищут как UX-дизайн, дизайн интерфейсов, студия UX дизайна, студия дизайна интерфейсов или продуктовый дизайн, и состав один: исследование, сценарии, прототипы, тесты и передача. Мы работаем в Figma, собираем кликабельные прототипы, проводим юзабилити-тестирование и отдаём разработчикам дизайн-систему с компонентами и спецификациями. Информационная архитектура и доступность входят в дизайн, а не являются дополнениями.
Стоимость проекта зависит от числа экранов и типов пользователей, объёма исследования и раундов тестов. Стоимость UX дизайна согласуется письменно после созвона по объёму, а тем, кто хочет заказать UI UX дизайн, мы даём результаты, график и цену. После запуска мы помогаем измерять результат аналитикой и A/B-тестированием, поэтому следующая итерация опирается на факты.
Вопросы, которые задают на первом звонке
Что входит в UI UX дизайн?
Исследование пользователей, сценарии, вайрфреймы, прототипы, юзабилити-тестирование, визуальный дизайн и дизайн-система для веб- и мобильных продуктов.
Сколько стоит UX и UI дизайн?
Цена зависит от числа экранов и типов пользователей, исследования и раундов тестов. Мы фиксируем её письменно после короткого созвона по объёму.
В чём разница между UX и UI?
UX определяет, как работает продукт и как люди по нему идут. UI определяет, как он выглядит и ощущается, включая компоненты и визуальный стиль.
Вы тестируете дизайн на реальных пользователях?
Да. Мы проводим сессии юзабилити на прототипах, находим трение и исправляем его до начала разработки.
Что входит в UX аудит?
UX аудит сравнивает текущий продукт с принципами юзабилити, аналитикой и отзывами пользователей и даёт список правок по приоритету, начиная с быстрых побед.
Какие инструменты вы используете?
Мы проектируем и делаем прототипы в Figma, а исследования ведём интервью, опросами и аналитикой.
Можно ли работать с нашими разработчиками?
Да. Мы передаём дизайн-систему и спецификации и поддерживаем вашу команду во время сборки.
С чего начать?
Пришлите короткое описание продукта и пользователей либо попросите бесплатный созвон по объёму. Вы получите объём работ и цену, обычно в течение нескольких дней.
Расскажите о продукте. Покажем, где пользователи застревают.
Первый созвон по объёму бесплатный. Закажите проект с исследованием, проверенными прототипами и дизайн-системой, которой смогут пользоваться ваши разработчики.