Defining how users move through True Review App — the navigation patterns, hierarchy, and interaction models that enable intuitive wayfinding across all user journeys.

A. Navigation Philosophy

Core Navigation Principles

Principle Definition Application
Thumb-Zone Friendly Critical actions within easy thumb reach on mobile Bottom navigation, floating CTAs
Minimal Depth Maximum 3 taps to any destination Flat hierarchy, smart shortcuts
Context Preservation Never lose user's place unexpectedly Modals over page changes, back navigation
Progressive Disclosure Show complexity only when needed Filters collapsed, details expandable
Consistent Patterns Same gestures mean same actions everywhere Swipe, tap, long-press standardized

B. Navigation Types Overview

Type Name Description
1 Primary Navigation (Bottom Tabs) Always visible · 5–6 main destinations · Single tap access
2 Secondary Navigation (Top Bar) Contextual to current screen · Back button, Search, Actions · Screen title
3 Hierarchical Navigation (Drill-Down) Category → Subcategory → Product → Review · Breadcrumb awareness · Back button navigation
4 Modal Navigation (Overlays) Filters, Actions, Confirmations · Doesn't lose context · Swipe down to dismiss
5 Flow Navigation (Multi-Step) Review creation, Verification · Linear progression · Progress indicators
6 Contextual Navigation (In-Content) Tappable elements within content · Links to related content · Quick actions

C. Primary Navigation — Bottom Tab Bar

Tab Bar Structure

BUYER MODE — 5 Tabs

🏠 Home 🔍 Search ✍️ Write Review 📝 My Reviews 👤 Profile

SELLER MODE — 5 Tabs

📊 Dashboard 📦 Products 💬 Reviews 📨 Request ⚙️ Settings

Tab Specifications

Tab Icon Label Badge Tap Action Long Press
Home 🏠 Home — Go to Home Feed —
Search 🔍 Search — Open Search Voice search
Write Review ✍️ Write — Open Write Flow —
My Reviews 📝 My Reviews Draft count My Reviews List —
Profile 👤 Profile Notification dot Profile Home Quick settings

Tab Bar States