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