I looked into market research conducted by Phood and also had discussions with the team to gather more information about the end-users (current and prospective), the Unique Value Proposition, Business model and vision of the company.
I learned that the current target audience is:
- Universities
- Grocery Retailers
To understand my goal as the UX Designer with Phood, I had a discussion with the COO to understand their expectations and focus (See picture below).
Information and Emotion to be relayed to end-user before and after using the Analytics
Converting data model into Insights
Whiteboarding to understand the technology behind the analytics dashboard. I learned how the system currently works and converts the data model into useful insights for chefs and dining managers.
I mapped out the user flow to see how I could simplify their journey to help them reach their most important goals with the Phood dashboard.This process gave me a high-level overview of the User Journey and the pain points of chefs from menu planning, purchasing to disposal.
I sketched out Wireframe ideas on paper and designed them on Adobe XD. I explored various data visualization charts like bar charts, line charts, pie chart, donut chart etc.
I designed the analytics dashboard keeping in mind that the chef/dining manager should be able to get an overview of the food waste, raise awareness and concern to reduce wastage.The reports page provides actionable insights by forecasting future demand, food wastage and money savings by reduction.
4 variations of the dashboard were designed
- Saver
- Menu Planner
- Food Waste Reductionist
Overview Dashboard
Reports and Analytics dashboard
We wanted to know how the new design works. So we test the low fidelity prototypes. We drafted a Usability test questionnaire that would serve as a guideline while conducting the test. It had a pre-test questionnaire, tasks, and exit questionnaire.
Tablet App Design
I created wireframes and redesigned the Phood app interface. I used Adobe XD to create low and high fidelity mockups. I took feedback from the team and made 2 iterations of the designs.
Improvements in the new design:
- I made the side dashboard consistent with the Phood brand. In a way that it relays important information without causing Cognitive overload, drawing attention to more important areas like the Camera view, Weight and the Drop-down options.
- Created Visual Hierarchy between the items detected by the AI using different shades of orange. Lesser important items have lower positioning, size, and color shade.
- Reduced the need to interact with the device and save the user time, by adding an auto-submit feature. The user doesn't need to tap on any button when the correct food item has been detected by the camera. All the user now needs to do is place the item and remove it upon detection.
It was a challenging and interesting process to learn more about food wastage reduction, the production and planning process in kitchens and the technology behind the Phood device - Machine Learning and Data Analytics.
- Created an experience consistent with the Phood brand.
- Improved Usability by simplifying the interface, improving Visual hierarchy and reducing Cognitive overload.
- Removed unnecessary interactions and saved user time and money.
