Четыре Лапы: скриншоты, флоу и UX/UI-референсы приложения

Разбор приложения Четыре Лапы: экраны, пользовательские сценарии, UX-паттерны, UI-элементы и тексты интерфейса. Приложение «Четыре Лапы» работает в нише специализированн…

Экран предлагает пользователю добавить питомца с помощью крупной кнопки. В центре изображены разные животные, символизирующие питомцев. Ниже расположена секция…
Экран предлагает пользователю добавить питомца с помощью крупной кнопки. В центре изображены разные животные, символизирующие питомцев. Ниже расположена секция…

Категории

  • Товары для животных
  • Покупки

Контекст страницы

Приложение
Четыре Лапы
Категории
Товары для животных, Покупки
Версия
5.5.5

Семантический профиль

Тип экрана
Пустое состояние (empty_state)
Состояние экрана
Обычное состояние (default)

Путь пользователя

Намерение пользователя
Начать знакомство (onboard)
Этап воронки
Вход в сценарий (entry)
Роль шага
Начальный шаг (entry)

Паттерны и действия

Основное CTA
Начать (get_started)
Паттерн раскладки
Один главный фокус (single_focus)
Навигационный паттерн
Нижние вкладки (tab_bar)
Тема
Светлая тема (light)

Семантические сигналы

Типы экранов
Пустое состояние (empty_state), Каталог (catalog), Главный экран (home), Список (list), Другое (other), Настройки (settings), Оформление заказа (checkout), Профиль (profile), Нижняя шторка (bottom_sheet), Форма (form), Поиск (search), Онбординг (onboarding), Детальная страница (detail), Авторизация (auth), Карта (map), Корзина (cart)
Состояния экранов
Обычное состояние (default), Пустой экран (empty), Загрузка (loading)
Основные CTA
Начать (get_started), Искать (search), Другое (other), Подтвердить (confirm), Оплатить (pay), Применить (apply), Выбрать (select), Добавить в корзину (add_to_cart), Войти или зарегистрироваться (authenticate), Перейти к оформлению (checkout)
Паттерны раскладки
Один главный фокус (single_focus), Сетка (grid), Список (list), Форма (form), Нижняя шторка (bottom_sheet), Стопка карточек (card_stack), Карта (map), Истории (story)
Навигационные паттерны
Нижние вкладки (tab_bar), Переход вглубь (drill_down), Без явной навигации (none), Навигация по карте (map_based)
Намерения пользователя
Начать знакомство (onboard), Просматривать (browse), Купить (purchase), Управлять аккаунтом (manage_account), Оплатить (pay), Выбрать (select), Искать (search), Другое (other), Войти или зарегистрироваться (authenticate)
Этапы воронки
Вход в сценарий (entry), Обнаружение (discovery), Монетизация (monetization), Другое (other), Удержание (retention), Активация (activation), Конверсия (conversion), После конверсии (post_conversion), Оценка выбора (evaluation)
Темы
Светлая тема (light)
Платформы
iOS (ios), Кроссплатформа (cross_platform)
Роли шага
Начальный шаг (entry), Ввод данных (input), Проверка (review), Выбор (selection), Промежуточный шаг (intermediate), Подтверждение (confirmation)

Текст на экране

Питомец Добавить питомца мы позаботимся о его здоровье Вам может понравиться 10% Питомец

А мы позаботимся о его здоровье!

Элементы интерфейса

  • Пустое состояние (empty_state) (ai_screen_type)
  • Каталог (catalog) (ai_screen_type)
  • Главный экран (home) (ai_screen_type)
  • Список (list) (ai_screen_type)
  • Другое (other) (ai_screen_type)
  • Настройки (settings) (ai_screen_type)
  • Оформление заказа (checkout) (ai_screen_type)
  • Профиль (profile) (ai_screen_type)

Теги

  • питомец
  • добавить питомца
  • животные
  • рекомендации
  • навигация
  • кнопка действия
  • акции
  • скидки
  • корма для кошек
  • корма для собак
  • спецпредложения
  • каталог

Ключевые действия

  • Добавить питомца (Кнопка (button))
  • Экспресс-доставка (Кнопка (button))
  • Мои покупки (Кнопка (button))
  • Бонусная карта (Кнопка (button))
  • Магазины на карте (Кнопка (button))
  • Ветцентры (Кнопка (button))
  • Груминг (Кнопка (button))
  • Заказать (Кнопка (button))

Ключевые экраны