Generally speaking, when we talk about efficiency, the first thing we think of is how to shorten the cooking time. Therefore, we will recommend more quick & easy recipes to users based on their preferences to help them shorten the cooking time.
And on this basis, we are thinking about whether we can add a new feature, cook based on the existing ingredients. That mainly because we found sometimes after purchase people will not cook or forget cook these ingredients so that the ingredients will rot and throw away. While the recommendation recipes based on the ingredients in the refrigerator, it not only improves the efficiency, but also help to reduce waste, because not waste is the one kind of save money.
From the information architecture& main flow to high-fidelity, we have been in constant iteration. On the main flow, we condensed the button bar to “Home”, “My Fridge”, “Profile”. We define the "home" page as the recipe recommendation and exploration. These recipe recommendations could be based on the “favorite cuisine”, or the “based on what I have” that users existing ingredients. For recipe exploration is more about the general exploration, like “cuisine” or “goal”.
The user explores the needs of recipes through these personalized settings. Because our goal is to help users cook efficiently, we try to make the whole process more convenient in the interactive interface process of the recipe. Therefore, on the screen of the recipe instruction, we have done many version update iterations.
Since the beginning of the pandemic, people's diet habit has been changed due to the restrictions on fresh food access and take-out food. The number of people start daily cooking at home. According to HUNTER's poll, more than 54% of people reported cooking more and 51% said they will continue to do so when the pandemic is over.
Take the interface of instructions for instance. When users enter the “Instructions”, we assume that they have selected the recipe and entered the stage of cooking. At this stage, users are most concerned about usability and ease of use. After several iterations, we finally decided to show the content of the recipe in the form of steps marks+ illustrations+ text. One of the reasons is because in our interview, users mentioned that they want the recipe format to be displayed in the form of pictures so they can easily follow the process of cooking.
The “Start Cooking” button was finally decided to be placed at the bottom of the page because we assumed that the user would preview the content of the recipe before actually starting to follow the recipe steps.
As the highlight of this product, the interface of “My Fridge” that we are designing has made multiple iterations. As the main designer for this part of hi-fi, I was designing different version which including the layout of the interface, the position of the input box, and even the illustration of the fridge.
After multi-version iterations, consider various situations that users may have in actual use, such as the association ingredient name appear after entering the keyword, if the association ingredient name too much, it might be block the background fridge picture and affect the position of the input keyboard. In the end, we decided to remove all the background images and features when user was typing, and only show the association ingredient name of keywords.