ШАГ 3:
Спроектировать bottom navigation бар
Описание шага
[Что делать] 5 иконок (home, search, cart, profile, menu), состояния active/inactive, badge для уведомлений.
[Как это работает] Bottom nav — стандарт iOS/Android, скорость навигации +50%.
[Ожидаемый результат] Прототип №2 с 2 экранами.
[Критерий готовности] Бар + переход home→profile.
Как выполнить шаг
1) [Подготовка] Стандартный mockup телефона.
2) [Действие 1] 5 иконок в ряд.
3) [Действие 2] Active: fill+shift up.
4) [Действие 3] Badge на cart.
5) [Проверка результата] Tap работает.
6) [Что дальше] Search — шаг 4.
Частые ошибки
1. [Top nav]: Помещают сверху на мобильном. Всегда bottom для thumbs.
Полезные инструменты
Прототипер.
🎯 Цель с этим шагом
Изучи и задокументируй 10 ключевых UX-паттернов для мобильных приложений: onboarding, search, cart. Практические прототипы для портфолио и быстрых проектов.
Подробнее о цели →