Insights from Users and Research.
1. From the user test, people told me for busy people; maybe they do not need time filter specifically. They aim to make food quick. Think about another filter which can be helpful for them.
2. And people asked me “Is there any popular recipe or recommendation recipe?”
3. Think about the menu. (No need drink, dessert, or appetizer for this app.)
During my research, I found out that there are not many recipes that only takes 5minutes or 10minutes so, I decided to provide a recipe, which takes less than 40minutes. And I made a new filter that users can put the ingredients they have at home, or they want to eat. After their inputs, the app will recommend four recipes based on ingredients they choose.
User Insights from the first user test
Sign for the last page of a recipe.
Users were confused about the last page of the recipe because on the step3 page; there was no clue to figure out the page is the final step. Also, users wanted to go back to the main page where they chose a recipe for the first time from the last step of a recipe. But they had to take two steps to go back; which was tapping on a menu and then home button.
Nobody recognized the timer icon. Users said icon does not look like clickable. The timer is needed when people boil while cooking, but once they click the timer, it should be minimized, so it does not cover recipe photos. Users no need to set the time themselves because based on the recipe, a timer can set it automatically for them.
Basically, there is a menu bar on the left to navigate, but has two buttons, which are ‘home’ and ‘my cookbook.’ Users said there is too much blank for the menu navigation, so they suggested me to put those two buttons underneath of the whole interface. Another navigation bar is choosing a recipe based on time. There are three options 5, 10, and 20 minutes. Users said split into three times seemed restricted. Many recipes cannot fit into those three options and suggested me to think about how to make this filter flexible.
Based on the feedback, I iterated the prototype.
Below are the second user flow and wireframe.
<First user flow>
<Second user flow>
3 things I didn’t know from the HIG
System capability – Multitasking (Slide Over, Split View, Picture in Picture) It lets people to quickly switch from one app to another at any time through a multitasking interface.
Layout Guides and Safe Area: Guide to leaving some margin space.
Every time I create a mobile digital prototype, it was not 100% fit to screen, sometimes it was oversized or looked ugly. Also, a great thing to know about was, how to deal with a screen when people play a game vertically.
Drag and Drop function in new iOS: With a single finger, a user can move or duplicate selected photos, text, or other content by dragging the content from one location to another, then raising a finger to drop it. Never know about this function.
Hello, I am Haemin Kwon. I am an interaction designer from Korea. I am interested in User experience design (UX research, sketches, wireframes, prototypes) and UI design.