Флоу «Выбор меню» в приложении Grow Food
Разбор флоу «Выбор меню» в приложении Grow Food: ключевые экраны, UX-паттерны, UI-элементы и тексты интерфейса. Пользователь начинает с выбора меню по калорийности и цел…
Категории
- Еда и напитки
Контекст страницы
- Приложение
- Grow Food
- Сценарий
- Выбор меню
- Категории
- Еда и напитки
- Версия
- 10.2.0.google
Семантический профиль
- Тип экрана
- Каталог (catalog)
- Состояние экрана
- Обычное состояние (default)
Путь пользователя
- Намерение пользователя
- Выбрать (select)
- Этап воронки
- Вход в сценарий (entry)
- Роль шага
- Начальный шаг (entry)
Паттерны и действия
- Основное CTA
- Выбрать (select)
- Паттерн раскладки
- Список (list)
- Навигационный паттерн
- Нижние вкладки (tab_bar)
- Тема
- Светлая тема (light)
Семантические сигналы
- Типы экранов
- Каталог (catalog), Другое (other), Форма (form)
- Состояния экранов
- Обычное состояние (default), Загрузка (loading)
- Основные CTA
- Выбрать (select), Продолжить (continue)
- Паттерны раскладки
- Список (list), Один главный фокус (single_focus), Сетка (grid)
- Навигационные паттерны
- Нижние вкладки (tab_bar), Переход вглубь (drill_down), Без явной навигации (none), Пошаговая навигация (stepper)
- Намерения пользователя
- Выбрать (select), Просматривать (browse), Начать знакомство (onboard)
- Этапы воронки
- Вход в сценарий (entry), Активация (activation)
- Темы
- Светлая тема (light)
- Роли шага
- Начальный шаг (entry), Промежуточный шаг (intermediate), Выбор (selection)
Текст на экране
Выберите меню 1000 ккал от 1110 Р/день Зблюда Б72 У71 Похудей активно 1500 ккал от 1210 Р/день Зблюда У136 Похудей легко 1750 ккал от 1470 Р/день € 4 блюда B89 Ж79 У159 Удержание формы 2500 ккал от 1960 Р/день 6блюд Б133 Ж110 У208
Пример меню на 1500 Ккал
Элементы интерфейса
- Каталог (catalog) (ai_screen_type)
- Другое (other) (ai_screen_type)
- Форма (form) (ai_screen_type)
- Обычное состояние (default) (ai_screen_state)
- Загрузка (loading) (ai_screen_state)
- Выбрать (select) (ai_primary_cta_type)
- Продолжить (continue) (ai_primary_cta_type)
- Список (list) (ai_layout_style)
Теги
- выбор меню
- калории
- цена
- питание
- цели похудения
- распределение нутриентов
- навигация
- меню
- загрузка
- индикатор
- ожидание
- выбор
Ключевые действия
- ДАЛЕЕ (Кнопка (button))
- ДАЛЕЕ (Кнопка (button))
- ДАЛЕЕ (Кнопка (button))
- ДАЛЕЕ (Кнопка (button))
- ДАЛЕЕ (Кнопка (button))
- ДАЛЕЕ (Кнопка (button))
- ДАЛЕЕ (Кнопка (button))
Ключевые экраны
- Экран предлагает пользователю выбрать меню с разным количеством калорий и ценой за день. Каждый вариант меню содержит количество блюд, распределение белков, жиров и углеводов, а также цель питания (похудение, удержание формы, набор массы). Внизу расположена навигационная панель с четырьмя вкладками.
- Экран отображает индикатор загрузки в виде трех зеленых точек на светлом фоне. Пользователь ожидает загрузки данных меню для выбора.
- Экран показывает пример базового меню на 1500 калорий с разбивкой по дням и приемам пищи. Пользователь видит фотографии и названия блюд с указанием калорийности и может перейти к следующему шагу с помощью кнопки "ДАЛЕЕ".
- Экран показывает меню на два дня с разбивкой по приемам пищи: завтрак, обед и ужин. Для каждого блюда указана калорийность и изображение. Внизу экрана расположена кнопка для перехода к следующему шагу.
- Экран показывает меню на два дня с разбивкой по приемам пищи: завтрак, обед и ужин. Для каждого блюда указана калорийность, изображение и название. Внизу экрана расположена кнопка для перехода к следующему шагу.
- Экран показывает меню на два дня с разбивкой по приемам пищи: завтрак, обед и ужин. Для каждого блюда указана калорийность, изображение и название. Внизу экрана расположена кнопка для перехода к следующему шагу.
Связанные страницы
- Экран предлагает пользователю выбрать меню с разным количеством калорий и ценой за день. Каждый вариант меню содержит количество блюд, распределение белков, жиров и углеводов, а также цель питания (похудение, удержание формы, набор массы). Внизу расположена навигационная панель с четырьмя вкладками.
- Экран отображает индикатор загрузки в виде трех зеленых точек на светлом фоне. Пользователь ожидает загрузки данных меню для выбора.
- Экран показывает пример базового меню на 1500 калорий с разбивкой по дням и приемам пищи. Пользователь видит фотографии и названия блюд с указанием калорийности и может перейти к следующему шагу с помощью кнопки "ДАЛЕЕ".
- Экран показывает меню на два дня с разбивкой по приемам пищи: завтрак, обед и ужин. Для каждого блюда указана калорийность и изображение. Внизу экрана расположена кнопка для перехода к следующему шагу.
- Экран показывает меню на два дня с разбивкой по приемам пищи: завтрак, обед и ужин. Для каждого блюда указана калорийность, изображение и название. Внизу экрана расположена кнопка для перехода к следующему шагу.
- Экран показывает меню на два дня с разбивкой по приемам пищи: завтрак, обед и ужин. Для каждого блюда указана калорийность, изображение и название. Внизу экрана расположена кнопка для перехода к следующему шагу.
- Первый вход в приложение