Problem statement: Erek is a retiree with a low fixed income who needs to feed himself and his wife nutritious food because he no longer wants junk food and wants to maintain their health.
Conducted an analysis of other websites offering similar services and functionality to determine their strengths and weaknesses, and gaps in the market.
With pen and paper, I brainstormed interfaces that would help users get started searching for nearby food sources and finding relevant information on their phones.
Users needed a simple way to determine what food offerings are near their own home, so I kept the interface straightforward with an emphasis on the zip search field, which can be searched by typing or voice. Results can be sorted and filtered according to their own needs. Users are also able to save their settings (such as location, transportation preferences, and user category) to make reusing the site easier.
I explored the various screens needed for the app for the main user flows and how these would connect to each other for the user journey.
Usability Study Findings:
1. Some users wanted a walking option. 1 out of 5 participants would likely walk to a nearby food source, so wanted to have a walking directions available as an option.
2. Cognitive or vision issues make it hard to understand transportation options. 2 out of 5 participants had cognitive/vision issues which made it difficult to understand the various transportation routes presented.
3. Most users could easily perform zip code search. 4 out of 5 users found it easy to do a search by zip code, quickly finding relevant search results.
After testing indicated that users with cognitive/vision impairments may have difficulties, I updated the design to aid understanding by:
• Including the option of automatically detecting user’s zip code based upon GPS
• Added voice search option to improve accessibility
• Increasing size of the search field and zip code text
• Increasing margins to improve readability and allow room for touch actions
• Adding location and phone icons to aid understanding
• Using color to help understanding and visibility
After further testing indicated that users with cognitive/vision impairments may have difficulties, I updated the design to aid understanding by:
• Adding a walking route option
• Cleaning up the route information to aid readability
I added visual components and assets to a sticker sheet design system, to improve consistency and branding and to help designers and developers
I created high-fidelity prototypes for various screen sizes, including phone app, mobile site, tablet, and desktop.
I studied the user journeys and related tasks of our personas to determine the flow of the app, and the screens necessary for users to proceed through that flow.
I designed the interfaces for multiple device sizes, accounting for screen size and device functionality (for example, most desktop computers would not have GPS but may have access to printers)
Impact: This app and website could help people who need financial assistance for food to find local resources that they did not know about. It could also help those who are transportation-challenged to find affordable ways of getting to these food resources or setting up delivery. As one tester said “This site would really help out my family when we are hungry and need help.”
What I learned: In addition to learning more of the nuances of designing with Figma, I learned that we need to design for a variety of situations and end-user capabilities. People have different device sizes, with varying ranges of capabilities. People also vary in technical, cognitive, and visual aptitude and may present other disabilities (such as no longer being able to drive). We need to design to be inclusive of these diverse capabilities.
1. Next, I would continue to build out all the other user flows, such as providing detailed financial assistance resources, building a recipe database, and designing the settings screen/login flow.
2. I would add all page designs to all device sizes, keeping in mind screen limitations and the strengths and weaknesses of each device type.
3. I would then conduct further usability testing to make sure all pages, including the resources, recipe, and login sections, are user-friendly and accessible.
Back to Home To Top of Page
Phone: (757) 477-1244