JJ July prototype compared with the current field PWA. Each slide isolates one design or workflow choice for review.
Comparison 1 / 14
JJ compresses project, canvasser, progress, and menu access into a tighter top bar on the map screen.
The header uses one compact line with the project label, active canvasser, progress, and menu icon.
The current map header takes more vertical space and spreads team, progress, and utility actions across a larger top section.
JJ reduces the persistent bottom navigation to Map, Survey, and Activity, leaving History out of the main tab bar.
The tab bar prioritizes the three field-loop surfaces and orders Survey before Activity.
The current bottom navigation has four tabs: Map, Activity, Survey, and History.
JJ starts with a full-screen self and optional partner picker that uses large person chips before field work begins.
Self and partner selection use button groups and a single start action.
The current setup panel uses a fixed canvasser field, partner dropdown, and Continue to Map.
JJ explains GPS use before asking the canvasser to continue, with concrete reasons tied to the map and survey stamp.
A custom GPS prompt explains location use before the map flow continues.
The local current-PWA path enters the map after team setup without a matching custom GPS prompt.
JJ adds a second onboarding step that teaches map taps, draggable sheets, and survey-first expectations.
The tips panel names tap, press-and-hold, sheet drag, and survey logging behaviors.
The current flow shows the map and building list directly after setup.
JJ puts building filters directly on the map as a floating selector, including My Buildings as a first-class filter.
The bottom map selector opens a status filter menu over the map.
The current filter chips live in the building-list section below the map.
JJ uses a bottom sheet to reveal the building list over the map, with search, My Buildings, sort, distance, and note markers.
The list opens as a sheet above the map and keeps the bottom tabs in reach.
The current list is a normal section below the map, reached by scrolling.
JJ includes a base-layer control for Schematic, Streets, and Satellite views, plus a settings path for marker size.
The base-layer menu sits with the compact map controls.
The current map uses the configured MapLibre style or fallback without a field-facing layer picker.
JJ leads the building sheet with the current worker state and a direct completion action before status and note details.
The sheet starts with "you're working this building" and a completion button.
The current sheet starts with richer metadata, survey CTA, status grid, and note field.
JJ labels building notes as separate from surveys and shows saved notes with edit and delete actions inside the sheet.
An existing note appears as a note object with author, time, edit, and delete controls.
The current sheet shows a note textarea directly in the main building panel flow.
JJ makes the Survey tab start with a location-survey entry point and a count of surveys logged by the active canvasser.
Survey begins with a GPS location survey card when no building is attached.
The current Survey tab asks the canvasser to prepare or start working before the survey flow.
JJ shows a short chip-based location form with a progress count, GPS point, and a persistent saved-on-phone submit footer.
The form emphasizes three required sections and visible local-save expectation.
The current resident-survey flow uses the embedded full survey screen and canvass context.
JJ puts online state, upload counts, waiting-to-upload items, and the activity feed together in Activity.
Activity starts with sync state and waiting upload rows, then continues into the feed.
The current app keeps upload status and current-device records in History.
JJ centralizes partner changes, settings, help, logout, and upload status in a top-right menu.
The menu exposes partner, settings, help, and logout actions with upload-state context.
The current header exposes team edit, edit map, sign out, progress, and upload context across separate surfaces.