Phase 26 — Mockup 2 of 3

Hotspot Reporting Flow

Two options for how neighbors report a hotspot — quick & frictionless vs detailed & structured

Entry Point: Report FAB Button
Both options use the same entry point — a floating action button on the map (separate from the general "+" Create button, which is for posts/events).
9:41●●●
Nabe Williamsburg ▾
All
Posts
Places
📝
+
−
Report hotspot
📍
🏠
Home
🔍
Explore
➕
Create
👥
Groups
👤
Me

Map-Level FAB (Floating Action Button)

The report button lives on the map — not in the general Create flow. When you're looking at the map and see something happening, one tap opens the report sheet. Location is auto-detected from where you're standing.

Why separate from + Create?
Hotspots are map-first (location = now, here).
Create is for posts + events.
Separate keeps each intent clean.
FAB position
Bottom-right corner, above zoom controls.
Same corner as Waze/Google Maps report button.
Muscle memory for map-savvy users.
Section 2: Reporting Flow Options
After tapping the FAB, which form approach should appear?
Option A
Quick Report (~10 seconds)
A compact 3-step bottom sheet. Category pick → optional description + photo toggle → confirm location. Everything in one scrollable view. Designed to be faster than a tweet.
Step 1 — Pick category
9:41●●●
What's happening?
✕
🚨
Emergency
🚔
Police
✊
Protest
🚧
Infra
🔊
Noise
🎉
Community
🍕
Food
🚌
Transit
Step 2 — Quick details (optional)
9:41●●●
Protest ✊
Add a note (optional)
✕
📷 Add photo
🕵️ Post anonymously
Auto-on for police/protest reports for your safety
Step 3 — Confirm & post
9:41●●●
Your location
Ready to report
✕
✊ Protest · Anonymous
March heading toward Broadway
📍 N 7th St & Rodney, Williamsburg · Now
📍 Auto-detected: N 7th St & Rodney St Adjust ›
Post Hotspot
Will expire in 24 hours
⚡
~10 seconds
3 taps: pick category → add text → post. That's it.
Pros
  • Fastest path from "I see something" to "posted"
  • Low friction = higher submission rates in emergencies
  • Emergency categories automatically surface anon toggle
  • Works one-handed while walking away from danger
Cons
  • Less data captured — no severity or duration
  • Maps may fill with low-quality reports
Option B
Structured Form (~30 seconds)
Full-height drawer with dedicated fields. Category + severity + required description + optional photo + estimated duration + anonymous toggle. More data, better map quality.
9:41●●●
Report a Hotspot
✕
Category
🚨
Emergency
✊
Protest
🚧
Infra
🎉
Community
🚔
Police
🔊
Noise
🍕
Food
🚌
Transit
Severity
Low
Medium
High
Emergency
Description *
Estimated duration
📷 Add photo
🕵️ Post anonymously
📍 N 7th St & Rodney — Adjust on map ›
Post Hotspot
📋
~30 seconds
Fill out 4–5 fields. More data means better map context for everyone.
Pros
  • Severity field enables smarter urgency coloring on map
  • Duration estimate helps pins expire at the right time
  • Required description → higher signal-to-noise
  • Photo evidence increases trust for other neighbors
Cons
  • 30s is too slow during an active emergency
  • Friction may reduce submissions
  • Mandatory description adds intimidation
Decision 5
5. Reporting flow: A (quick report ~10s) or B (structured form ~30s)?
Note: Could also offer both — quick for emergencies, structured for non-urgent. Worth mentioning if that's your instinct.
See hotspot-banner-integration.html for decisions 6 and 7.