Что такое UI/UX дизайн и зачем он бизнесу
UI – это то, что видит пользователь: экраны, кнопки, цвета, шрифты. UX – это опыт пользователя: насколько быстро и без лишних усилий человек находит на сайте или в приложении то, за чем пришёл. Красивый, но запутанный интерфейс теряет клиентов. Понятный интерфейс приводит к заявке, заказу или оплате.
В Urobot дизайн – не оформление в конце, а первый этап создания продукта. Сначала мы выясняем, кто ваши пользователи, где им неудобно и какой результат нужен бизнесу. И только потом рисуем экраны. Поэтому каждый экран решает конкретную задачу: регистрация, оформление заказа, запись, просмотр отчёта.
Что входит в услугу UI/UX дизайна
Исследование пользователей
Интервью с клиентами и сотрудниками, разбор конкурентов, поиск проблем в текущем продукте. Решения принимаем на основе данных, а не догадок.
User flow и вайрфреймы
Описываем, как пользователь переходит между экранами, и согласовываем структуру страниц на простых схемах – до того как тратить время на визуал.
Кликабельный прототип
Собираем прототип, который ведёт себя как настоящее приложение, и тестируем его на реальных пользователях. Ошибки исправляются до разработки, когда это дешевле всего.
Дизайн-система
Библиотека кнопок, форм, цветов, шрифтов и компонентов. Новые страницы выглядят единообразно и делаются быстрее по мере роста продукта.
Доступность
Достаточный контраст, читаемые размеры шрифта, управление с клавиатуры. Интерфейсом удобно пользоваться людям со слабым зрением и старшему поколению.
Редизайн
Разбираем существующий сайт или приложение, находим места, где пользователи застревают, и обновляем интерфейс поэтапно, не ломая то, что уже работает.
Дизайн сайта и мобильного приложения на заказ
Мы проектируем интерфейсы сайтов, внутренних систем (CRM, личные кабинеты, админ-панели) и мобильных приложений для iOS и Android. У каждой платформы свои правила: в телефоне кнопки должны быть под большим пальцем, а на сайте информация должна аккуратно раскладываться на широком экране.
Если вы заказываете дизайн мобильного приложения, вы получаете не набор красивых картинок. Мы продумываем все состояния: пустой список, загрузку, ошибку, отсутствие интернета. Именно эти детали отличают законченный продукт от макета.
Например, можно спроектировать:
- Сайт компании или лендинг под конкретную услугу
- Интернет-магазин или приложение для приёма заказов в кафе
- Систему записи, клиентов и кассы – так устроен наш проект TrimFlow для барбершопов
- Внутреннюю панель и отчёты для сотрудников
- Меню Telegram-бота и экраны Web App
Как проходит работа над UI/UX дизайном
- Погружение и исследование. 1-2 недели: встречи с владельцами и командой, разбор текущих систем, интервью с пользователями. В конце – письменный бриф, который согласуют все участники.
- Сценарии и вайрфреймы. Описываем ключевые пути пользователя и согласовываем структуру страниц на простых схемах.
- Прототип и тестирование. Даём кликабельный прототип реальным пользователям, смотрим, где они путаются, и дорабатываем. Этап дизайна обычно занимает 2-4 недели.
- Визуальный дизайн и дизайн-система. Цвета, типографика, компоненты и финальный вид всех экранов.
- Передача в разработку. Макеты уходят нашим инженерам с точными размерами, состояниями и компонентами. Дизайнер остаётся в команде и во время разработки.
Полный цикл проекта описан в разделе о нашем процессе.
Почему дизайн и разработка должны быть в одной команде
Часто дизайн делает одна студия, а код пишет другая. В итоге готовый продукт не похож на макет: другие шрифты, сбитые отступы, а непродуманные состояния разработчики решают на ходу.
В Urobot дизайнеры и инженеры работают в одной команде. Макеты передаются нашим разработчикам с точностью до пикселя, а компоненты дизайн-системы в коде называются и ведут себя так же, как в макетах. Поэтому дизайн и код остаются синхронными. Если нужен готовый продукт, после дизайна мы без паузы переходим к разработке веб- и мобильных приложений.
Все дизайн-файлы с первого дня принадлежат вам и лежат там, где вы их контролируете. Готовый дизайн можно отдать и своим разработчикам – никакой привязки к нам. Примеры работ – в портфолио.
От чего зависит стоимость UI/UX дизайна
Стоимость зависит от количества экранов, платформ (сайт, iOS, Android), объёма исследования и того, нужна ли дизайн-система. Дизайн одностраничного сайта и приложения на десятки экранов требуют разного времени.
Поэтому мы не называем цифры наугад. После этапа погружения вы получаете фиксированную оценку с понятными допущениями и заранее знаете, за что платите. Сначала выходит компактная версия, которую можно проверить на пользователях, затем продукт развивается по шагам.