Главная   /   Услуги   /   UX/UI-дизайн

Разработка UX/UI-дизайна

Разрабатываем интерфейсы любого уровня сложности и специфики: сайты, мобильные приложения, веб-сервисы, банкоматы, устройства самообслуживания и кучу всего еще. Не тратим деньги клиентов время на бессмысленные прототипы для простых сервисов и в отраслях, где собаку съели.

UX/UI — единая система

UX-дизайн (user experience) и UI-дизайн (user interface) — процессы создания цифровых и физических продуктов, фокус которых направлен на улучшение потребительских свойств продукта или сервиса, например, удобство пользования, удовлетворенность и эстетику.

UX-дизайн

То, что «под капотом» у приложения, сайта или сервиса: внутренняя структура интерфейса, логика взаимодействия пользователя и функциональность.

UI-дизайн

То, как выглядит интерфейс: цвета, типографика, иллюстрации, анимации и другие фичи, которые увидят пользователи.

В Райте дизайнеры не делятся на UI или UX-дизайнеров. UX/UI-дизайнер делает проект полностью от первого интервью с клиентом до выбора цвета кнопки.

После этапа исследования дизайнер набрасывает первый черновик макета, демонстрирует клиенту, собирает обратную связь, обсуждает варианты решения и следующие шаги по дизайну. Спустя одну-две-три итерации этот макет превращается в финальный дизайн. Мы называем такой подход итеративным UX/UI-дизайном:

разработка интерфейсов

Делать отдельно UX-разработку или только UI-разработку неправильно: это неразрывно связанные вещи. Нельзя просто раскрасить отрисованный прототип и попасть в решение проблемы клиента или учесть поведение пользователя при взаимодействии с интерфейсом.

Александр Ревяко
арт-директор и основатель Райта

Прототипы — это зомби. По серым прямоугольникам нельзя предсказать корректность структуры блоков или дойдет ли пользователь до цели. Если при проектировании не использовать визуальную часть, потом придется переделывать. К тому же, для многих бизнесов прототипы — просто лишнее звено.

В любом интерфейсе смещаются акценты, когда дизайнер начинает использовать инструменты управления вниманием: цвет, кегль шрифта, выноски, фактоиды и другие. С помощью этого он показывает, что главное на экране и куда смотреть пользователю.

разработка интерфейсов минск
Если показать пользователю несколько картинок одинаковых по размеру, он будет их рассматривать последовательно. Но если, к примеру, третья картинка будет ярче остальных, то из-за цвета пользователь обратит на нее внимание в первую очередь

Хороший эксперт делает проект сразу «в дизайне»

Если бизнес сложный, то мы больше времени уделяем глубокому исследованию бизнеса, анализу аудитории и ее потребностей. Если выявляем много подводных камней, то делаем прототипы. Но чаще всего они не нужны.

Сделаем проект итеративным UX/UI-подходом, если ваш проект из сферы нашей экспертизы:

Финтех

Мы делали сотни проектов по банкингу и финансам. Легко сэкономим сотни часов, если нужно сделать интернет-банк или трейдинговое приложение. Наши проекты для банков и финтеха →

Е-коммерс и маркетплейсы

Интернет-магазины, корпоративные сайты, листинги — щелкаем как орешки.

Процесс разработки UX/UI-дизайна

Погружаемся в бизнес

Задаем множество вопросов о бизнесе, вникаем в бизнес-логику и разбираемся, какие есть проблемы. Ищем решение, чтобы помочь.

Исследуем аудиторию и ее потребности

Самый важный этап UX-проектирования и аналитики, который влияет на конечный результат. Анализируем аудиторию бизнеса и ее потребности, чтобы понять, кто будет пользоваться продуктом, и учитываем интересы пользователей. Фиксируем контекст взаимодействия, условия, технические и бизнес-ограничения.
Анализ целевой аудитории продукта
Анализ целевой аудитории продукта

Разрабатываем дизайн ключевых экранов и процессов

Разрабатываем черновой дизайн интерфейса. Прорабатываем основные сценарии интерфейса и выстраиваем сквозной путь пользователя. Первую версию дизайна тестируем и после результатов исправляем ошибки, чистим и избавляемся от лишнего.

При проектировании интерфейса для терминалов БЖД мы составили карту пути пользователя: какие шаги он будет проходить, чтобы достичь цели и с какими проблемами может столкнуться

Масштабируем дизайн-решение на второстепенные процессы

После проработки 2–3 основных сценариев становится понятно, как выстроить остальные. На этом этапе прорабатываем параллельные сценарии: например, оформление доставки при покупке в интернет-магазине, покупка в рассрочку или выбор сопутствующих товаров к основному заказу.

Унифицируем элементы интерфейса

Готовим UI-кит или дизайн-систему: вычищаем стили, элементы, блоки и модули, иллюстрации и иконки. Связываем элементы между собой в зависимости через классы и переменные.

В библиотеке компонентов для БПС-Сбербанка проработали сотни элементов: кнопки, иконки, чекбоксы, поля, заголовки, меню, списки, селекты, уведомления, модальные окна. Все они подчиняются иерархии и строятся на базе мастер-компонентов

Запускаем и поддерживаем

Следим, чтобы все было хорошо. Помогаем разработчикам, контролируем качество внедрения дизайна. Проверяем живой интерфейс, составляем баглист и даем рекомендации, как их исправить. Если чего-то не хватает — отрисовываем новые экраны.

Проекты, которые мы любим

Частые вопросы

Проще всего оценивать стоимость наших услуг по ставке ведущего специалиста. Базовая ставка UX/UI дизайнера — 35$/час. На длительных проектах от 2 месяцев мы можем сделать ставку более привлекательной.

Мы готовы помочь и с внедрением интерфейсов. На фронтенд-разработке используем React для SPA и верстку для простых сайтов. На бэкенд-разработке используем PHP, Битрикс, WordPress и Друпал.

Для более сложных решений взаимодействием с партнерами — это если вам нужно Swift, Kotlin, Java, Python, Go или что-то подобное.

Обычно за первый месяц работы мы успеваем реализовать концепцию проекта средней сложности: биржи, корпоративного сайта, уникального онлайн-магазина.

Конечно. Сайты — это простые интерфейсы. Существует множество удачных практик готовых к применению на подобных проектах. Если у вас обычный магазин — такой сложный процесс вам не нужен. Посмотрите на услугу разработки сайта под ключ.

Если ваш бизнес нишевый, лучше обратить внимание на дизайн-компании с экспертизой в вашей сфере — это называется вертикальная экспертиза. Если у дизайнера нет такой экспертизы, вам придется потратить время и ресурсы на его обучение и погружение в предметную область. Например, наша вертикальная экспертиза — финтех, классифайды.

Готовы отдать проект в ваши руки

Right

+375 29 263−56−13+7 495 877-59-99Почта Фейсбук Инстаграм Телеграм О компании RU EN

Right

+375 29 263−56−13, +7 495 877−59−99 Почта Фейсбук Инстаграм Телеграм О компании

RU EN