Я часто пользуюсь приложениями доставки еды и решил создать собственный концепт такого сервиса в качестве учебного проекта.
Основной задачей было спроектировать простой и удобный интерфейс для выбора блюд и оформления заказа.
Основной задачей было спроектировать простой и удобный интерфейс для выбора блюд и оформления заказа.
Чтобы лучше понять, как устроены интерфейсы сервисов доставки и продуктовых магазинов, я посмотрел несколько популярных приложений: Самокат, Яндекс Лавку, ВкусВилл и Flink.
Меня интересовало, как в них организована навигация по категориям, поиск товаров и процесс повторного заказа. Я также обращал внимание на то, какие элементы помогают быстрее ориентироваться в каталоге, а какие, наоборот, усложняют выбор.
В процессе анализа я отметил важность раздела «уже заказывали». В отличие от «избранного», которое пользователь должен заполнять вручную, этот список формируется автоматически на основе реальных покупок. По сути, это и есть настоящие любимые товары пользователя. Быстрый доступ к таким позициям упрощает повторные заказы и делает процесс покупки значительно быстрее.
Чтобы лучше понять путь пользователя в сервисе доставки еды, я составил CJM на основе типичного сценария, от первого запуска приложения до получения заказа.
Анализ пользовательского пути помог выделить этапы, где интерфейс должен быть максимально понятным и не создавать лишних сомнений у пользователя.
На этапе выбора блюд важно, чтобы карточки товаров сразу давали достаточную информацию — изображение, название и цену — и позволяли быстро принять решение.
На этапе добавления и проверки заказа ключевым становится ощущение контроля: пользователь должен легко менять количество товаров и видеть итоговую стоимость без неожиданных изменений.
Во время ожидания доставки важнее всего прозрачность процесса — понимание статуса заказа, примерного времени прибытия и возможность при необходимости связаться с курьером.
На этапе выбора блюд важно, чтобы карточки товаров сразу давали достаточную информацию — изображение, название и цену — и позволяли быстро принять решение.
На этапе добавления и проверки заказа ключевым становится ощущение контроля: пользователь должен легко менять количество товаров и видеть итоговую стоимость без неожиданных изменений.
Во время ожидания доставки важнее всего прозрачность процесса — понимание статуса заказа, примерного времени прибытия и возможность при необходимости связаться с курьером.
Эти наблюдения легли в основу дальнейшего проектирования интерфейса и помогли определить ключевые принципы продукта: визуальную понятность карточек, быстрый повтор заказа и прозрачность статуса доставки.
После проверки структуры экранов я перешёл к поиску визуального направления интерфейса.
Для этого был собран moodboard, который помог определить общий стиль продукта и задать основу для дальнейшего UI-дизайна.
Для этого был собран moodboard, который помог определить общий стиль продукта и задать основу для дальнейшего UI-дизайна.
На основе moodboard я определил ключевые визуальные принципы интерфейса — цветовую палитру, типографику и общее настроение продукта.
Следующим шагом стала проработка основных UI-элементов, чтобы проверить, как выбранное визуальное направление работает в реальных компонентах интерфейса.
Следующим шагом стала проработка основных UI-элементов, чтобы проверить, как выбранное визуальное направление работает в реальных компонентах интерфейса.
После проработки UI-элементов финальные экраны объединили выбранное визуальное направление и логику пользовательского сценария. Интерфейс остаётся простым для навигации и позволяет быстро находить и заказывать нужные товары.