ДИЗАЙН / ИНТЕРФЕЙСЫ ПРИЛОЖЕНИЙ

Дизайн интерфейсов мобильных приложений: UX-сценарии и UI

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

Дизайн сайта и UI-кит — ИИ-иллюстрация

Приложение оценивают по тому, как быстро в нём сделать дело

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

Что делаем

UX-сценарии

Кто пользователи, с какими задачами приходят и каким путём идут к цели. Карта экранов и переходов для каждого сценария.

Прототипы

Кликабельные чёрно-белые прототипы ключевых сценариев. Показываем их будущим пользователям до визуального дизайна, пока правки даются легко.

UI под iOS и Android

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

Состояния и крайние случаи

Первый запуск и онбординг, пустые экраны, ошибки, загрузка, нет сети, push-уведомления. То, о чём вспоминают в последний момент.

UI-кит приложения

Компоненты, цвета, шрифты и иконки в одной библиотеке. Новые экраны собираются из готовых деталей, тёмная тема — по тем же правилам.

Панель управления и веб-кабинет

Если у приложения есть админка или веб-версия, проектируем их вместе с ним, чтобы данные и логика совпадали.

Аудит действующего приложения

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

Три интерфейса одной платформы

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

Где мы проектировали интерфейсы

Как проектируем приложение

01/ 05
Разбор

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

Вопросы о дизайне приложений

Сколько стоит дизайн мобильного приложения?

Рассчитаем после обсуждения задачи. Главное влияет число сценариев и уникальных экранов, нужна ли отдельная админка и сколько платформ.

Для iOS и Android нужен отдельный дизайн?

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

Вы можете и разработать приложение?

Да, в студии есть своя разработка. Можем сделать весь проект или только дизайн для вашей команды разработчиков.

Приложение уже есть, но им неудобно пользоваться. С чего начать?

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

Что нужно от нас?

Описание продукта и пользователей, текущая версия или макеты, если они есть, данные аналитики и фирменный стиль.

Обсудим приложение

Расскажите, что за продукт и для кого, нужно новое приложение или редизайн. Добавьте ссылку на текущую версию в App Store, Google Play или RuStore, если она есть.

Ответим в течение 30 минут

С кем работали