Хороший пример того, как дизайн влияет на бизнес-показатели, — проект «Курорты Северного Кавказа». Вместо трёх отдельных приложений для трёх курортов мы объединили их в одном продукте и добавили покупку ски-пасса прямо внутри приложения — это сэкономило бюджет заказчику на поддержке нескольких приложений и сократило очереди на курортах, потому что часть операций перешла в мобильный формат, а гостю не нужно было стоять в очереди в кассу за ски-пассом на морозе.
Каждый проект проходит путь от анализа пользовательских сценариев и wireframes к кликабельному прототипу, который можно проверить на реальных людях до начала программирования. Уже на этом этапе видно, где интерфейс избыточен, а где, наоборот, не хватает важного экрана — и это дешевле исправить в макете, чем в готовом коде.
Мы работаем с разными типами продуктов: приложениями для продаж, программами лояльности, сервисами для сферы услуг, внутрикорпоративными инструментами. Для каждого типа своя логика дизайна — у приложения с оплатой и каталогом в приоритете скорость оформления заказа, у внутреннего инструмента сотрудника — минимум лишних действий на один экран, потому что им пользуются каждый день и в спешке.
За дизайн в MEN IN DEV отвечает отдельная команда в штате: UX-дизайнеры строят карту экранов и пользовательские сценарии, UI-дизайнеры собирают визуальный стиль и компоненты, а после передачи макетов в разработку дизайнеры продолжают следить за тем, как решения реализуются в коде. Такой состав команды нужен, чтобы дизайн не превращался в набор красивых картинок без логики переходов между экранами.
Разработка пользовательского интерфейса мобильного приложения
Пользовательский интерфейс мобильного приложения мы проектируем по гайдлайнам Apple Human Interface и Material Design — так, чтобы приложение на iOS и на Android ощущалось «родным» для своей платформы, а не выглядело как один и тот же макет, механически перенесённый на два интерфейса. Учитываем и российскую специфику: часть аудитории пользуется устройствами Huawei без сервисов Google, поэтому для отдельных клиентов мы дополнительно выпускаем версии на HarmonyOS.
Показательный кейс редизайна — приложение медицинского сервиса «Акнекутан». Мы переработали навигацию, главный экран и онбординг, чтобы пациенту было проще следить за курсом лечения: меньше лишних действий, понятная структура разделов, доступ к нужной информации без долгого поиска по меню. Такой редизайн строится не на визуальных предпочтениях команды, а на анализе того, где реальные пользователи теряются в текущей версии приложения.
Собираем UI-kit — единую библиотеку компонентов и состояний интерфейса: это ускоряет разработку новых функций и не даёт приложению «расползтись» визуально по мере того, как в нём появляются новые разделы и сценарии.
Перед стартом визуальной работы мы формируем карту экранов и пользовательские сценарии: как человек попадает в приложение, какой путь проходит до целевого действия, где нужны подтверждения и уведомления. Это основа, на которую уже накладывается визуальный стиль, — без неё дизайн получается набором отдельных красивых экранов без связной логики перехода между ними.
Стоимость дизайна приложения зависит от числа экранов, ролей пользователей и того, разрабатывается ли дизайн-система с нуля или дорабатывается существующая, — точную оценку мы даём после брифинга, когда понятен объём работ. Для проектов с ограниченным бюджетом на старте подходит модель Fixed Price с зафиксированным составом макетов, а для продукта, который дизайн-бюро сопровождает на постоянной основе по мере выхода новых разделов, — Retainer с выделенной командой.
Мобильные тенденции в дизайне и работа с доступностью
Тенденции в дизайне мобильных приложений меняются, но задача остаётся прежней — сделать взаимодействие быстрым и понятным. Мы следим за актуальными паттернами: тёмная тема, адаптивная типографика, жестовая навигация, — но применяем их только там, где они действительно упрощают сценарий пользователя, а не потому, что так делают конкуренты.
Отдельное внимание уделяем доступности: адаптация под разные размеры экранов, контрастные цвета, поддержка увеличенного шрифта и альтернативного текста для изображений. Для приложений с массовой аудиторией, особенно в сфере услуг и госсектора, это не опция, а требование — иначе часть пользователей просто не сможет пользоваться продуктом.
Дизайн мобильного приложения также должен учитывать условия использования: яркий солнечный свет на улице, работа одной рукой, использование в перчатках. Такие детали закладываются в проектирование интерфейса заранее, а не исправляются после жалоб пользователей.
Ещё один тренд — персонализация интерфейса под поведение конкретного пользователя: разные наборы блюд, товаров или предложений в зависимости от истории заказов. Такая логика требует не только дизайна, но и серверной части, которая анализирует поведение пользователя, поэтому мы прорабатываем её вместе с командой разработки ещё на этапе проектирования, а не добавляем визуальные заготовки «про запас».
От прототипа к запуску: как мы ведём проект дизайна
После утверждения концепции дизайна макеты передаются в разработку внутри той же команды — дизайнеры и разработчики работают в одной студии, поэтому визуальные решения не теряются и не искажаются при передаче между разными подрядчиками. Это сокращает число итераций «дизайн — не то, что реализовано» и ускоряет выход продукта в релиз.
После передачи макетов дизайнеры не уходят из проекта: проверяют соответствие вёрстки дизайну и вносят правки по реальным сценариям использования уже после запуска. Если у вас уже есть мобильное приложение и часть пользователей уходит с определённых экранов, мы начинаем с дизайн-аудита — находим, где именно теряется конверсия, и предлагаем решение.
Расскажите о своей задаче на брифинге — обсудим, нужен ли отдельный дизайн-аудит существующего приложения или можно сразу переходить к проектированию нового интерфейса, и подготовим оценку по срокам.
Дизайн мобильного приложения — это только часть работы над продуктом: макеты передаются команде разработки без потери деталей, потому что дизайнеры и программисты работают в одной студии, а не через передачу файлов между разными подрядчиками. Это сокращает число доработок после запуска и позволяет заказчику получить не набор экранов, а рабочее приложение, готовое к публикации в App Store и Google Play. Позвоните +7 (495) 255-08-99 или оставьте заявку — обсудим ваш проект.
