Прототип разработки UX/UI Дизайна мобильного приложения такси

История

Избранное

Личный кабинет

Яндекс-карты

Стек технологий

UX-UI дизайн

Falcon Taxi - молодая служба заказа такси, формирующая собственный фирменный стиль.

Идея/потребность

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

Главная задача/проблема

Основные вызовы

Гибкий модуль лояльности

Систему персонализированных акций

Интеграцию с кассовыми и топливными системами

Что мы предложили и реализовали

Разработали прототип и дизайн для Falcon Taxi с идеей «ничего лишнего между пользователем и поездкой», включающие:

Упрощенный и понятный UX: ориентированный на создание интуитивно понятного потока заказа такси

Минималистичный UI-дизайн: с акцентом на визуальную чистоту, контраст и скорость взаимодействия

Прототип и дизайн: полный цикл работ по прототипированию и дизайну, демонстрирующий основные экраны и функциональность приложения

Реализация

UI Дизайн:

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

Прототипирование

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

Проект в цифрах

Сокращено

количество шагов для заказа такси на 2 (за счет оптимизации интерфейса)

Увеличено

понятность интерфейса на 30% (по результатам юзабилити-тестирования)

5 %

Ключевых экранов, покрывающих весь пользовательский сценарий

100%

Положительных отзывов от заказчика и тестовых пользователей

Этапы реализации

Аналитика и исследование - изучение рынка служб такси, конкурентов, определение целевой аудитории

Прототипирование - разработка пользовательских сценариев (User Flow), создание прототипов (wireframes)

UI/UX Дизайн - разработка визуальной концепции, создание макетов интерфейсов

Презентация и утверждение - обсуждение с клиентом, внесение правок и финальное утверждение дизайна

Аналитика

Исследование рынка такси: анализ текущих трендов.

Анализ конкурентов: изучение функционала, UI/UX приложений-конкурентов.

Изучение пользовательского опыта (User Research): опросы потенциальных пассажиров.

Исследовали конкурентов из ТОП’а: для создания продукта, действительно востребованного пользователями, критически важно понимать их нужды и знать, как действуют успешные конкуренты.

Как проводили: проводили desk research (анализ открытых источников), глубинные интервью с респондентами (около 10 человек).

Ценность в результате: понимание ключевых потребностей пользователей (скорость заказа, удобство оплаты, прозрачность тарифов) позволило сфокусировать прототип и дизайн на наиболее важных функциях.

Прототип

Был создан интерактивный прототип в Figma, включающий структуру:

Оценка поездки: экран оценки завершенной поездки

Авторизация: упрощенная авторизация по номеру телефона

Главный экран: интерактивная карта с возможностью ввода адреса подачи и назначения

Заказ такси: подтверждение заказа и ожидание водителя

Оценка поездки: экран оценки завершенной поездки

Дизайн

Выбрана строгая и современная концепция:

Основной цвет: красный и фиолетовый (как в логотипе Falcon Taxi) - ассоциируется с энергией, скоростью.

Дополнительный цвет: белый и серый - для фона и элементов интерфейса, подчеркивает чистоту.

#FF382F

#110031

#ffffff

#000000

#D9D8D7

Шрифты:

Bounded Semibold

Bounded Regular

Интеграции, разработка

Картографические сервисы: интеграция с Google Maps API

Интеграция с платежными системами

Тестирование, релиз, резюме

Юзабилити-тестирование

Презентация прототипа заказчику

Получившийся продукт: “Falcon Taxi” - это прототип современного и удобного приложения для заказа такси, который успешно решает задачи заказчика по созданию лаконичного и интуитивно понятного интерфейса

Приобретенный опыт

Создание прототипа Falcon Taxi позволило усовершенствовать наши навыки в UX/UI дизайне и разработке мобильных приложений

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