Houston Food Bank

Map Usability Improvement

Overview

Houston Food Bank (HFB) is the largest food bank in the country and is leading the fight to end hunger. The food bank has a help hotline to quickly serve their clients. Poetic implemented a simple map to help the food bank's clients find a local pantry online. As the feature list grew for the map, the UI became more confusing.

I was added to the team after user feedback showed the existing UI was confusing. HFB wanted to update the confusing ui to empower clients to find a local if they call hotline after hours or not at all.

The Problem

HFB’s clients could not find agencies that were opened on days they were available

CHALLENGE

The features were not discoverable to most users, the orginal UI was very confusing and non-descriptive

Team

Architect
Project Manager
Remote Developer
Designer

Year

Summer 2018

Client

Houston Food Bank

Users

In my first phone call with the HFB, they gave me a quick overview of their clients.

In hindsight developing provisional personas before the project started may have eliminated the headaches of this update.

Angela
Where is a nearby food pantry that is open on my day-off?
Basic Demo
  • Internet connection is solely through a phone, likely an android
  • Head of family, woman 20-30
  • Has one or more jobs with inconsistent schedule
Pain Points
  • Does not want to ask for help when work schedule change
  • Varying work schedule
  • Unreliable transportation
Needs and Want
  • A pantry within 3miles or less of home and work
  • Locate pantry that is open on particular days
  • Ability to save resources on phone or to pin to fridge

Design

I hopped on a phone call with the HFB to better understand the problem and gain understanding of our main audience.

I quickly ideated a few ideas on paper before moving into Sketch. I reviewed two options with the project manager, we weighed the pros and cons of drop downs vs filters. Within a few weeks, a simplified UI design was approved. I worked closely with developers to implement the new design.

Mockups

The user goal is to find a pantry nearby that is open on particular days. Within a few weeks, a simplified UI design was approved. I worked closely with developers to implement the new design.

Tap a mockup to expand the image.

View the Live Site

more work