Usability Improvements to Agency Locator Map
Houston Food Bank (HFB) is the largest food bank in the country. The Agency Locator Map pinpoints all of HFB's partners so Houstonians, HFB Hotline Operators, and other users can discover partner locations that is near a point of interest.
- Gauge the usability of new and existing features and make suggestions for change
- Create production-ready design deliverables that use existing or new patterns as needed
- Collaborate with engineers to assure the visual quality of our output.
The 2018 map UI was confusing and required special instructions to tailor its results. There were two search bars and search results did not display upon landing. Our goal was to improve the usability of the map. HFB’s clients could not find agencies that were opened on days they were available.
- To find a location near a point of interest, use the first input bar
- To find a location by name, type, or availability utilize the second bar
- To begin browsing, or sort Partners by site-type
First I reviewed the map's existing functionality with the developer, we discussed possible solutions to improve the UX in relation to the map's limitation.
Over a brief call with the Director of IT and their internal project managers, I asked for user-insights to help guide the design recommendations. The developer and I floated the idea introducing a search filter that enabled users to sort locations by day-of-the-week, similar to GoogleMaps at the time.
By adding a clear Day of the week filter, the design eliminated the need for two search inputs. Our direct contact was hesitant to approve the design. After the developer proposed implementations plans, we secured approval for the redesign within a three weeks.
I was kept in the loop as the update when into production so the team could solve edge cases and QA the update.
Iteration 2, 2020
Responding to the impacts of the pandemic, HFB asked us to work alongside another vendor to implement a new feed and update map UI to show more information about Partner locations to communicate how each site was responding to COVID-19 (e.g., car-side pickup, etc ).
Over a virtual meeting with the client and the new vendor, we discussed the new feed structure and reviewed the working list of new attributes. I worked in two 1-week sprints to create high-fidelity interactive prototypes at desktop and mobile breakpoints.
Because of Poetic's on-going partnership with HFB, the updated map UI was approved and implemented swiftly. The updated design enable users to sort locations by hours of operation, filter locations by more attributes, and shares more relevant information about each site in list view and on the map.