Спроектировала iOS-приложение с нуля: от исследований и JTBD до дизайн-системы и передачи в разработку
[ Кулинарная книга Yumy ]
Статус: готово к передаче в разработку
Команда: Самостоятельный проект
Роль: UX/UI Designer
О продукте
Задача
Yumy — концепция мобильного приложения для людей, которые готовят дома. Рынок кулинарных приложений перегружен контентом, но большинство из них решают только одну задачу: показать рецепт. Yumy закрывает весь сценарий — от выбора блюда до уверенного завершения готовки
Спроектировать приложение, которое упрощает поиск рецептов, их хранение и процесс приготовления. Создать понятный интерфейс для пользователей с разным уровнем кулинарного опыта — от новичка до любителя
Исследование
Я провела брифинг и исследование целевой аудитории, конкурентный анализ и количественный опрос. Дополнила его глубинными интервью, чтобы понять реальные мотивации
Когда я хочу приготовить блюдо, соответствующее моим диетическим предпочтениям, я хочу быстро найти рецепт с помощью удобного поиска, фильтров и рекомендаций, чтобы не тратить время на просмотр ненужного контента
JTBD. Быстрый выбор блюда
Когда я хочу приготовить блюдо из того, что есть у меня дома, я хочу быстро найти рецепт с помощью удобного поиска по ингредиентам, чтобы сэкономить время и избежать похода в магазин
JTBD: Поиск рецептов по ингредиентам в наличии
Когда я начинаю готовить выбранное блюдо, я хочу видеть пошаговую инструкцию с подробностями, картинками и подсказками, чтобы избежать ошибок и быть уверенным, что результат будет таким, как ожидается
JTBD: Процесс готовки
Когда я придумываю свой рецепт или адаптирую под себя чужой, я хочу записать его в удобном формате прямо в приложении, чтобы сохранить для будущего использования и не потерять идею
JTBD: Создание и хранение рецептов
На основе исследований сформулировала 4 ключевых JTBD:
1. Быстрый выбор блюда
Не всегда оправданные большие затраты времени на поиск подходящего рецепта
Проблема:
Ключевые решения
Спроектировала главный экран с персонализированными подборками: «Рецепт дня», «Только для вас», «Сезонные блюда» — чтобы пользователь видел релевантные варианты сразу, ещё до того как откроет поиск
Решение 1:
Спроектировала систему фильтров, разбитую на узкие, интуитивно понятные категории. Пользователь сразу видит нужные группы параметров, что сокращает время на поиск и избавляет от чтения длинных списков
+ Вынесла счётчик результатов прямо в кнопку применения («Показать 33 рецепта»). Пользователь отслеживает, как меняется количество выдачи, и может вовремя скорректировать фильтры, не переходя на пустой экран
Решение 2:
2. Создание и хранение рецептов
Нет возможности быстро и удобно сохранить свой или чей-то рецепт, из-за чего кулинарные идеи теряются
Проблема:
Разбила создание рецепта на 5 коротких шагов вместо одной длинной формы: общие вводные, фото и описание, ингредиенты, шаги приготовления, завершение. На каждом шаге — не больше 3−4 полей, чтобы процесс не пугал объёмом
+ Сделала заполнение полей необязательным на любом этапе. Пользователь может быстро сохранить идею с минимумом данных, а дополнить её позже. Это решает проблему потери рецептов, когда нет времени на подробное описание
Решение 1:
Добавила финальный экран-предпросмотр — пользователь видит, как рецепт будет выглядеть в общей ленте, до того как нажать «Создать рецепт». Это снижает тревожность на последнем шаге и даёт возможность вернуться и поправить что-то незаметное на промежуточных экранах
Решение 2:
3. Поиск рецептов по ингредиентам в наличии
Нет возможности быстро найти рецепты с продуктами, которые есть в холодильнике
Проблема:
Добавила в фильтры отдельный блок «Использовать только эти продукты» с быстрым поиском по базе ингредиентов — пользователь вводит, что есть в холодильнике, вместо того чтобы листать каталог в поисках подходящего рецепта
Решение:
4. Процесс готовки
Пользователям не хватает наглядных пошаговых инструкций, из-за чего они совершают ошибки и не уверены в результате
Проблема:
Спроектировала режим готовки как отдельный полноэкранный флоу поверх карточки рецепта — с навигацией по шагам (Подготовка → Шаг 1 → Шаг 2 → Шаг 3 → Завершение) в виде табов сверху, чтобы пользователь всегда видел, на каком этапе находится и сколько шагов осталось
Решение:
Итоги и рефлексия
В результате приложение покрывает весь сценарий пользователя: от выбора блюда до уверенного приготовления.
Проект закрывает ключевые пользовательские задачи: быстрый поиск рецептов по ингредиентам, удобную фильтрацию и структурирование как сохранённых, так и собственных рецептов. Также был добавлен режим готовки — он сопровождает пользователя шаг за шагом и снижает количество ошибок во время процесса.
Какую проблему решила?
Фокус — на этапе планирования: добавление списка продуктов и функции составления меню на несколько дней /недель позволит закрыть потребность пользователя не только в приготовлении, но и в удобной организации питания.
После успешной валидации ключевых сценариев (поиск, фильтрация, режим готовки) следующая итерация направлена на развитие продукта и расширение пользовательского сценария.
Что бы я улучшила в следующей итерации?
