Why We're Fixing Mobile Navigation: Negotiation Must Be One Tap Away
Why We're Fixing Mobile Navigation: Negotiation Must Be One Tap Away
Release v0.1.188 · UI/UX · Navigation
The Problem We Found
Mobile navigation is one of those things that quietly causes damage long before anyone files a bug report. In v0.1.188, we identified exactly that kind of issue in our MobileBottomTabs component.
The bottom tab bar currently shows:
Dashboard | Tenancies | Compliance | Deposits | [+ Create]
That looks reasonable — until you think about what's missing. Negotiation — the workflow where landlords, agents, and tenants actively exchange messages to resolve deposit deductions — is not on the bar at all. On mobile, getting there requires opening the hamburger sidebar, hunting through the Active Work group, and tapping the link. Three taps instead of one.
Why This Matters
Negotiation is not a background task. It is one of the two highest-urgency workflows on the platform:
- Unread message badges signal that another party is waiting for a response
- Legal deadlines under the Renters' Rights Act mean a delayed reply isn't just inconvenient — it can affect the outcome of a deposit dispute
- Landlords and agents check negotiation threads multiple times per day during an active case
Burying this behind a sidebar on mobile creates a direct friction mismatch between how urgent the workflow is and how hard it is to reach.
Compliance, which currently occupies that prime third tab slot, is important — but it is not a workflow most users visit repeatedly throughout a single day. It is a reference destination, not an action hub.
What We're Changing
The fix is straightforward: swap Compliance out of the bottom tab bar and replace it with Negotiate, using the MessageSquareText icon and attaching the existing unread message badge directly to the tab.
New tab order:
| Position | Destination | Badge |
|---|---|---|
| 1 | Dashboard | — |
| 2 | Tenancies | — |
| 3 | Negotiate | ✅ Unread count |
| 4 | Deposits | — |
| 5 | Create | — |
Compliance moves into the sidebar's More or overflow group, where it is still fully accessible but no longer consuming a slot that should belong to active, time-sensitive work.
The Five-Tab Alternative
If rendering five tabs plus a Create button feels cramped on the smallest viewports, an alternative approach merges Deposits and Negotiate into a single Active tab with a combined unread badge. This keeps the bar at four destinations and a Create action while still surfacing negotiation at one tap.
The Principle Behind the Fix
Bottom navigation real estate should reflect daily frequency and urgency, not feature importance in the abstract. A feature can be critically important to the product and still belong in a secondary navigation layer — if users only need it once a week, it does not need a persistent bottom tab.
Negotiation is checked daily during active cases. It carries time pressure. It carries legal weight. It belongs at the bottom of the screen, one tap away, with its badge visible at all times.
Affected Component
- File:
src/components/mobile-bottom-tabs.tsx - Change type: Tab destination swap + icon update + badge relocation
- No API or data model changes required