Mobile Menu Redesign

[melissahermes99]

Overview

We need to redesign the mobile menu to streamline the mobile experience while preserving all features of the desktop version.

Action Items

• [x] Redesign map to fit a mobile screen
• [x] Experiment with menu prompts in order to find one that functions well without interrupting user flow
• [x] Relocate the information tooltip to the FAQ page reference issue #1297
• [x] #1319 Add tool tips for mobile menu.

Resources/Instructions

Past Menu Design

• [ ] Make council searching more user-friendly on Map reference issue #1306

[melissahermes99]

I've created three different versions of possible menus. However, after discussion during a team meeting, we will be going with the clickable pop-up in order to save screen real estate.

• Horizontal Scroll

• Vertical Scroll

• Clickable Pop-up

[melissahermes99]

I've created a four-step tutorial for the mobile menu which includes the following :

• Start by entering an address
• Tap here to adjust filters and settings
• To adjust distance and location,
swipe, pinch, or tap your screen
• Tap points to see details

Click here to view prototype

[EchoProject]

@melissahermes99 and @edwinjue this issue for mobile design will need to be addressed in a future iteration beyond the initial v2 launch. Let's reconnect on this after the holidays.

[EchoProject]

My mistake, closed by accident.

[mc759]

Hey @melissahermes99 Do you have an update for us on this issue?

Please update:

• Progress:
• Blockers:
• Availability:
• ETA:

Thanks!