CASE STUDY

A food sharing application

case study headercase study header

SUMMARY 

Food waste has become a worldwide epidemic. Every year thousands of dollars of food are thrown away which could have been used for human consumption. Dignity Meals is a Chicago-based start-up looking for a solution and to help needy people in the community. For this project, I focused on the difference each person can make towards contributing to the problem of food waste. 

The issue of food waste in regular households was a explored and a solution created based on research findings. 

Dignity Meals is a mobile application which helps people donate excess food to people in the local community in need. The food which is collected from individual households would then be redistributed.

 

Artboard 2Artboard 2
gannttganntt

THE PROCESS

The first step was to understand the issues surrounding food waste for households and attitude towards doing something else with the food. I set out to empathise with the pain points surrounding the issue and from there I would try to find a solution and test the solution with users.

ArtboardArtboard

PROTO-PERSONA 

A proto-persona was used to brainstorm what the user might be like. It was used it to begin empathising with the user straight away and to move beyond the term of 'user'. This would help me understand and ultimately solve their pain points. 

 

A4A4

RESEARCH 

I set out with the goal to find out people's food wastage habits and attitudes towards throwing food away. Looking back on my first project, I really should have focused much more on the issue of food waste in the interviews. I think I allowed the conversation to roam too much towards donating, which while important, is a solution and not a problem. The remote users were selected randomly and the face-to-face users were interviewed and conversations recorded. In all cases, the participants fit the target user profile.

 

Artboard 3Artboard 3

EMPATHY MAP

I synthesised my findings from research on post-it notes and then created an empathy map. 

 

DesignLab - Empathy MapDesignLab - Empathy Map

PERSONA & CUSTOMER JOURNEY

Talking to real people enabled me to clarify the persona. Mapping out the pain points in a customer journey map helped me understand the pain points at each point of the journey when throwing away food. This enabled me to break down my solution and understand the requirements for my own dignity meals journey.

A4A4
A4A4

I highlighted the pain points I would consider throughout my ideation process:

Artboard 4Artboard 4

IDEATION

The ideation process began with creating as many ideas a possible, with pen and paper, regardless of their feasibility. 

As part of my design sprint, I used a method called ‘Crazy Eights’s’ for about two hours.

I considered the different ways of addressing the pain points and then created an affinity map to highlight and group the main things to help me choose a direction.

Here are some examples:
  

IMG_20170523_123512IMG_20170523_123512

REFLECTION

  • Ideation should have continued until one solution had been more refined.
  • Happy path should have been focused on during ideation for the purpose of the project

HOW MIGHT WE?

A ‘how might we’ exercise also helped me frame the problem which I would provide a solution to:

“How might we help people get rid of excess household food without taking up too much time?"

User stories were used to determine primary product features, and I decided I'd focus on the journey for a returning user.

USER FLOW

A4A4

WIREFRAMES & PROTOTYPES

Wireframes were created using pen and paper and then digitalised in Sketch, using the material design template for speed. I uploaded my wireframes to InVision using the Craft plugin. I also developed the idea of using gamification to motivate users to donate.


Early digital version for arranging a collection:

ArtboardArtboard

My early wireframes suffered because I had been developing two flows until midway through the process. Lots of testing and iterating would be required when they were digitalised.

TESTING

Usability testing was conducted using an InVision prototype. The most valuable testing method was the observational research, as it allowed me to view how the product worked as a whole with the user in control. The other testing methods were useful to answer simple questions and confirm understanding.

Because the wireframes had not been developed enough on paper, I had to add a lot of screens and make many changes throughout the testing process.

The remote users were selected randomly and the observational tests were conducted and recorded using Quicktime. In all cases, the participants fit the target user profile.

researchresearch

KEY CHANGES

Many changes were made following two rounds of usability testing. Here are two examples:

before and afterbefore and after

CREATING THE UI

I began by creating a mood board on InVison. I wanted the product to both suit the target user and also reflect the nature of the product. Because I was using elements of gamification, I used a bright colour palette, hopefully inspiring people to donate.  Overall, I wanted to make it simple for the user to donate, and make the gamification elements prominent to encourage the user to donate more often.

moodbaordmoodbaord
Group 18Group 18

The higher fidelity prototypes were tested with two more users to watch their interaction with the product and iterated upon again.

EXAMPLE OF ITERATION

magic mirrormagic mirror

ADDRESSING PAIN POINTS 

Below are two example screens demonstrating how I tried to address the pain points with the design which was developed through iteration. 

example 1example 1
example 2example 2

FINAL DESIGN 

 

final sdfinal sd

CONCLUSION

Overall I think my solution was a success.  

My research went fairly smoothly and I created a way for users to get rid of excess food without taking too much of their time.

I believe it also has a lot of room for development, particularly with gamification and user groups. Whilst I did highlight these as potential features I think they could be expanded on a lot more to encourage the users to donate more.

WHAT I LEARNED

I learned a lot about the value of working with pen and paper. I jumped too quickly into digitalised wireframes, which take a lot longer to iterate and change. This wasted a lot of time. I should have developed more high-resolution wireframes on paper before creating them digitally. I also should have focused on one journey. I was still generating ideas for two potential journeys which wasted more time.
 

I also learned the value of iteration. The more I iterated my work the better the solution became for the user.

[unex_ce_button id="content_jlznc52fl,column_content_5znp63new" button_text_color="#20ccba" button_font="semibold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffffff" button_padding="15px 67px 15px 67px" button_border_width="2px" button_border_color="#20ccba" button_border_radius="30px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#bcbcbc" button_border_hover_color="#bcbcbc" button_link="http://iamdanandrews.com/work/helisapl" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]View Helisa PL[/ce_button]
[unex_ce_button id="content_jlznc52fl,column_content_cy3b1w5qv" button_text_color="#ffffff" button_font="semibold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#20ccba" button_padding="15px 85px 15px 85px" button_border_width="2px" button_border_color="#20ccba" button_border_radius="30px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#bcbcbc" button_border_hover_color="#bcbcbc" button_link="hello@iamdanandrews" button_link_type="email" button_link_target="_blank" has_container="" in_column="1"]Send email[/ce_button]