Mobile "More" menu — 4 grid options

Replacing the vertical sidebar with a proper grid of icon tiles.

Mocked 2026-07-16 14:46 UTC · Each option below is a real iPhone-sized mockup, not a wireframe.

You're right — the current "More" is a 7-item vertical list in a 280px-wide right-side drawer. On a 390px iPhone, it takes the whole screen but only shows 4-5 items at a time, then you have to scroll. A grid of icons would show 6-8 items in one view, each tile big enough to tap, and the visual difference between icons is much faster to scan than text.

Current state

7-item vertical list in a right-side drawer

Projects / Surveys / Notes / Reports / Writing / Settings / All tools. Each item is a small icon + text on one line. 280px wide, 100% height. The other 6 capture tools (Voice / Media / Calendar / Map / Comms / Workflows) live in a SEPARATE "Tools" drawer — so the user has to know that "More" and "Tools" are two different things.

See the actual current drawer →

The 4 options

A

2 × 4 — Eight big horizontal tiles

"Like the iOS share sheet. Each tile is a row with the icon on the left and the name on the right."

9:41•••
More
×
📁
Projects
1 active
📋
Surveys
14 trees
📝
Notes
0 notes
📄
Reports
Draft ARB
✏️
Writing
3 blog posts
⚙️
Settings
Account & AI
🌳
Today
📁
Projects
🛠
Tools
•••
More
Best for: when each item has a name + count and the user is choosing by name. Big, tappable, readable. Each tile is ~½ the screen width so the icons are huge.

Trade-off: only fits 6 items in 3 rows. Would need scrolling for 7-8 items. Doesn't naturally include the 6 "Tools" items (Voice, Media, Calendar, Map, Comms, Workflows) — those would need a separate sub-page.
B

3 × 3 with section labels — Work, Capture, Me

"Everything in one place, grouped by what kind of thing it is. One scroll, no sub-pages."

9:41•••
More
×
My work
📁
Projects
1
📋
Surveys
14
📝
Notes
0
📄
Reports
1 draft
✏️
Writing
3
Capture
🎙
Voice
0
📷
Media
3
📅
Calendar
today
Me
⚙️
Settings
🌳
Today
📁
Projects
🛠
Tools
•••
More
Best for: when the user might be looking for any of 9-12 things. The "My work / Capture / Me" labels are the most important part — they tell Mark what KIND of thing each tile is, so he can scan by category, not just by name.

This is my recommended one. It unifies the 7 "More" items + 6 "Tools" items into ONE page with 3 sections, so Mark doesn't have to know the difference between "More" and "Tools". He just opens "More" and finds everything by category.
C

4 × 2 iOS-style — Solid colour tiles, no sub-text

"Like the iOS home screen. Each tile is a solid colour with a white icon and a name. Eight tiles fit in the screen with no scrolling."

9:41•••
More
×
📁
Projects
📋
Surveys
📝
Notes
📄
Reports
✏️
Writing
🎙
Voice
📷
Media
⚙️
Settings
🌳
Today
📁
Projects
🛠
Tools
•••
More
Best for: the most "designed" feel. Looks like an iPhone home screen — bright, scannable, fun. No sub-text, just icon + name. Eight tiles fill the screen, no scrolling.

Trade-off: can't show counts ("3 surveys") because the tile is too small for both icon + count. Mark loses the "12 surveys" preview. Also, the 8 tiles don't include EVERYTHING — Voice is in but Map / Calendar / Comms / Workflows aren't, so those still need a sub-page.
D

3 × 3 with counts as pills — "12 surveys · 0 notes"

"The grid I showed you earlier, but with the count visible as a tiny green pill under the name. Scan by name + see at a glance which are full."

9:41•••
More
×
📁
Projects
1
📋
Surveys
14 trees
📝
Notes
empty
📄
Reports
1 draft
✏️
Writing
3
🎙
Voice
empty
📷
Media
3
📅
Calendar
1 today
⚙️
Settings
🌳
Today
📁
Projects
🛠
Tools
•••
More
Best for: when the user thinks in terms of "where is the data?". Mark looks at this and goes "Surveys has 14 trees — I should go there next." The empty pill ("empty") is also a hint that he's not using something.

Trade-off: more visual noise than option B. The pill under each name is 3 lines of text per tile, which makes each tile taller. 9 tiles fit but the page scrolls slightly. Also, the pills say "14 trees" but Mark might not know if "14 trees" is good or bad — it's just a number.

Quick comparison

A: 2×4 B: 3×3 grouped C: 4×2 solid D: 3×3 with counts
All 12 items fit in one view no (6 fits) yes no (8 fits) yes
No scrolling needed no yes yes almost
Unifies "More" + "Tools" into one page no yes no yes
Grouped by category no yes no no
Shows counts / status yes yes no yes
Visual polish (designed feel) medium medium high medium
Big enough to tap with thumb yes yes just yes
New user understands in 3 seconds yes yes yes yes

My recommendation: B

It's the only option that solves the actual problem the user has — knowing where to find the right thing — by grouping tiles into 3 obvious categories:

It also unifies "More" + "Tools" into ONE page. The user doesn't have to know the difference. The bottom dock can drop the "Tools" tab entirely and the 4th slot becomes "More" (or we rebalance to Today / Projects / Capture / Me).

C is the prettiest. D shows the most info. A is the most boring. B is the most useful.

Two other small things worth fixing while we're here

1. The drawer takes 100% of the screen height — even on a 6.5" phone the bottom 80% is empty white space after the 7 items. A bottom-sheet (slides up from the bottom, takes 60% of the screen) feels lighter and lets the user see the page behind it. But that's a separate change from the grid.

2. The "All tools" item is a meta-link to another page — it's the only item that isn't a "thing", it's a pointer to "more things". A non-technical user will tap it and be confused. With option B, this link goes away because Tools and More are unified.

One more idea — a different angle

Instead of one grid, you could make the bottom dock itself smarter. Right now it's 4 fixed items: Today / Projects / Tools / More. The Tools and More both feel like "everything else" to a non-technical user. What if the dock was just 3 items — Today / Capture / Me — and tapping "Capture" or "Me" opens the grid?

That's 3 dock items instead of 4, which gives each one more visual weight. And "Capture" / "Me" is a much friendlier pair of words than "Tools" / "More" — the user immediately knows what kind of thing they'll find there.

But that needs more design and is a separate change. The grid is the easy win.

Mockup built 2026-07-16 14:46 UTC by Mavis. Real iPhone 13 viewport. Same icons as the current app, just rearranged. No code changes yet — this is a design choice.