Flinto link: https://www.flinto.com/p/2ca9d101
https://docs.google.com/presentation/d/1djIBXIsR3BIVaPEBDtgoLH3o4Olcn_Qe-kkig9BOQ3Q/edit?usp=sharing
https://www.flinto.com/p/cef177ac
Since last week, I changed most of the design and deleted the tabs buttons. I now have a list view and a map view, and a categories sorting and ratings sorting tools.
https://www.flinto.com/p/76993fb9
I find that the process of making the digital prototype is very helpful to break down each interaction and do detailed analysis. It helps to refine the interactive logic before start writing actual codes. Also, showing this prototype on real phone is surprisingly real for most people. Users’ reaction are more natural than facing paper prototypes. When I asked specific questions to a programmer by showing this prototype, he quickly understood the effects I want to achieve instead of guessing the animation from wireframes.
https://www.flinto.com/p/2824602f
For this revision version,
1. I removed the bottom tabs to simplify the app structure. I learned that those bottom tabs are not exactly the same as any normal button, because if you activate one tab, you should stay at that view and the tab should stay highlighted until you leave that view.
2. I removed “next” button to simplify and clarify the app structure.
3. In the dish search view, I enlarged the search bar and dish names according to teacher’s and users’ feedbacks.
4. I put “add my own” button to top right
5. In the dish type view, I changed “remarks” to “notes”
6. I set the list history as the first and main view in the app
7. In the final list view, I removed “edit” and “done” button on the top
8. In “add my own” view, I designed the layout, such as where to upload photos, add dish names, ingredients, and instructions
9. I made as many buttons as possible functional in the Flinto prototype.
10. I changed the “+” “-” signs in the dish search view to “Add” and “Added”, because during the user test, some users reported the “+” “-” signs were confusing.
Final Iteration for Dessert Dash
Things i worked on from last critique :
*having the cart as a separate tab
*text legibility
*substitute toggle button with text “map”
*substitute dollar signs with text “deals”
*move the tabs to the bottom
*included a splash screen
What i learnt overall about Digital Prototyping:
It helped yield more authentic feedback from end users; having something physical to engage with, helped me get clear idea as to the user’s preferences.