f e e d app & website
f e e d app & website
Embedded Files
created using Figma
Understanding the User
Understanding the User
Problem
Problem
Restaurants, hotels, and event venues have excess food that is thrown out, resulting in:
Restaurants, hotels, and event venues have excess food that is thrown out, resulting in:
- People going hungry
- Food waste
- Air & land pollution
Goal
Goal
Create a food donation app that connects excess food to food shelters
Create a food donation app that connects excess food to food shelters
Pain Points
Pain Points
1) No way to know what food shelters need
1) No way to know what food shelters need
2) Volunteers are willing but there is no platform to connect them
2) Volunteers are willing but there is no platform to connect them
3) Chefs, event venue caterers can't track when their donation will be picked up
3) Chefs, event venue caterers can't track when their donation will be picked up
Empathizing - User Persona
Empathizing - User Persona
Users focused on were restaurant chefs, event venue caterers, and food shelters
Users focused on were restaurant chefs, event venue caterers, and food shelters
Competitive Audit
Competitive Audit
Two Indirect & Direct Competitors were analyzed
Two Indirect & Direct Competitors were analyzed
Ideation
Ideation
Crazy Eights Exercise
Crazy Eights Exercise
Starting the Design
Starting the Design
Paper Wireframing
Paper Wireframing
Paper Wireframes of intended main user flow - star Indicates features chosen for prototype
Digital Wireframing
Digital Wireframing
Digital Wireframes were generated based on initial paper wireframes with chosen star elements implemented
Digital Wireframes were generated based on initial paper wireframes with chosen star elements implemented
Lo-Fi Prototype
Lo-Fi Prototype
Connections represent the intended user flow for the research target user
Connections represent the intended user flow for the research target user
User Research - Usability Study
User Research - Usability Study
Guided survey was used to gather user feedback
Guided survey was used to gather user feedback
1) Unmoderated usability study
1) Unmoderated usability study
2) Five users tested
2) Five users tested
3) Six prompts, total time: 10-15 minuites
3) Six prompts, total time: 10-15 minuites
Majority of users found the map function useful
It was clear the menu location was creating confusion
Usability Study Findings & Analysis
Usability Study Findings & Analysis
1) Bottom menu was redundant and not needed
1) Bottom menu was redundant and not needed
2) Forward and back navigation needs to be more intuitive
2) Forward and back navigation needs to be more intuitive
3) Features like progress bar and map were helpful and should be reinforced
3) Features like progress bar and map were helpful and should be reinforced
Refining the Design
Refining the Design
Refining to Hi-Fi Prototype
Refining to Hi-Fi Prototype
Final Design & Aesthetic Updates
before usability study
before usability study
after usability study
after usability study
Button menu has been removed and replaced with a one click button
Button menu has been removed and replaced with a one click button
before usability study
before usability study
after usability study
after usability study
Features were enhanced, the map was enlarged, and the progress bar was enlarged
Features were enhanced, the map was enlarged, and the progress bar was enlarged
Accessibility
Accessibility
1) Colors chosen were complementary and accessible for those with color-blindness
1) Colors chosen were complementary and accessible for those with color-blindness
2) Text hierarchy was implemented to aid screen readers and user navigation
2) Text hierarchy was implemented to aid screen readers and user navigation
3) Use of symbols was integrated to aid in helping users navigate the page and those who unfamiliar with technology
3) Use of symbols was integrated to aid in helping users navigate the page and those who unfamiliar with technology
Mockups
Mockups
iPhone Mockups
Responsive Design
Responsive Design
Sitemap
Sitemap
Desktop website sitemap matrix layout
Desktop website sitemap matrix layout
Desktop Mockups
Desktop Mockups
Moving Forward
Moving Forward
What I learned
What I learned
Often times less is more. If you create too many ways to access something the user can become overwhelmed. Simple design with one go-to place to access a menu is helpful for easy navigation
Often times less is more. If you create too many ways to access something the user can become overwhelmed. Simple design with one go-to place to access a menu is helpful for easy navigation
“This app makes me feel helpful, fulfilled, and that I’m doing something good”
-Usability study user, Jim
Page updated
Google Sites
Report abuse