Enhancing the Location and Map Experience
A major pain point was the map interaction. To address this I tested and noted areas that should be updated, flows that could be rearranged and designed an updated solution.
Merge nearby problems map and location map
Merging map related features was important to decrease confusion and to streamline the overall flow of the app experience.
The original home page(A) included a map to look at submitted requests around an entered location, however the map was not interactive. A few pages in and the location needs to be entered, this time the map is interactive: residents can pinch and zoom, zoom in and out with toggles and find their location. However, this map used 2 finger map interactions which resulted in increased frustration.
The redesigned map page merged the two location features together. When a resident enters a location they can either type it in the search bar or drop a pin in the interactive map. Once their location is selected they can see nearby problems. All of these features are in a full page map.
Full page mobile map
A full page map meant residents could interact with the map and its features as they are used to in other popular map applications, this reduces the barrier for completing a request.
Map Animations
I created some map animations using InVision Studio for the developers to work through the designs. An important one was showing how collapse and expand would look like (with timing) when a resident taps on the map or location search bar. This quick animation shows the timing and how each feature would expand and collapse.
