Application Design I / Project 2 & 3
Chang Jia Yee / 0350402 / Bachelor of Design in Creative Media
Application Design I
Project 2&3: Lo-Fi App Design Prototype & Completed App Design
Links
INSTRUCTION
Project 2: Lo-Fi App Design Prototype
Task to do:
1. create a lo-fi prototype
1. create a lo-fi prototype
2. test the app with three testers
Create lo-fi prototype
I used Figma to make prototype. The reason why I chose figma is that I have studied how to use Figma a little before, so I have a basic understanding and it is easy to use it. Besides, I can also have a deeper understanding of the operation and other special functions of this software.
I used Figma to make prototype. The reason why I chose figma is that I have studied how to use Figma a little before, so I have a basic understanding and it is easy to use it. Besides, I can also have a deeper understanding of the operation and other special functions of this software.
I have already downloaded a version of the prototype of lo-fi in the
proposal stage, so I have enough time for this project 3. I made
modifications and changes on the basis of the original and made
modifications according to the presented effects and the feedback of the
lecturer.
Fig. Overview of the application lo-fi prototype
Fig. Overview of the application interaction flows
Fig . Login page interface
When users enter this page, these pages will be displayed for users to
log in or create accounts. If it's the first time users to use it, they
will first ask to register their accounts and conduct a simple preference
survey, so that they can customize the recipes suitable for them.
Video 1. Search function demo
Fig . "Create own recipe" interface
Fig . Main buttons / functions
Main function of the PetitChef
1. Guide user in cooking step
2. Help users to note down the ingredients needed for dishes, so
that users can check them when shopping to avoid omission. (Shopping
List)
3. Share their own special recipe with the public. (Create recipe)
Lo-fi Prototype Walkthrough
Video 2. Lo-fi prototype walkthrough
UI Documents
Fig . UI document
User testing
Participants
Tester 1 - "PJ"
-College student studying finance & accounting
-Interest in cooking is average. Cooking is to fill my stomach, that's all.
Tester 2 - "YH"
-College student studying pharmacy
-Usually cooked in ordinary frozen recipes.
Participants
Tester 1 - "PJ"
-College student studying finance & accounting
-Interest in cooking is average. Cooking is to fill my stomach, that's all.
Tester 2 - "YH"
-College student studying pharmacy
-Usually cooked in ordinary frozen recipes.
Tester 3 - "JY"
-College student studying accounting
-Sometimes cook it herself, but don't often cook it because not a good cook.
-College student studying accounting
-Sometimes cook it herself, but don't often cook it because not a good cook.
Tasks to complete:
- Give a like to the recipe creamy spinach pasta with caremalized shallots
- Find the recipe of creamy spinach pasta with caremalized shallots
- Adjust ingredients to fit for 4 persons
- Add the creamy …. Ingredients list to shopping list
- Go to shopping list and delete the recipe Chinese fried chicken
- Back to home
- Create your own recipe
- Delete the recipe chinese fried chicken in your shopping list
Video 3. Tester 1
Video 4. Tester 2
Gainpoint
- Have the navigation button is clear
- The functions easy to find
- Layout is clear
- Have what a cooking application should look like
- The color scheme used matches the performance of the
application
Improvement should be made (Painpoint)
- Make the like button bigger
- Adjust the serving size button make it bigger
- Larger the text size
Project 3: Completed App Design
Fig . App "PetitChef" comparison before & after
This is my final product, which has undergone many revisions and improvements, and the opinions of testers and lecturers.
Video . Final high fidelity prototype
Figma
FEEDBACK
Week 11
Good Progression, let the user to test your app
Week 13
Can continue to progress your final layout, the colours of your app is look
like a culinary app, good work
REFLECTION
I think this assignment is still within the scope of my ability to handle.
I'm talking about the difficulty of homework in time. I think the most
important thing I learned in this assignment is how to operate figma to
complete my protoptype. There is another part, user testing, which I also
find quite interesting. I think it's very interesting that people other than
myself and lecturer try out my app and can observe their usage habits and
fluency. Of course, this also provides great help for my application design,
which can more intuitively see the situation and problems of users when
using the application, and facilitate my subsequent improvement and
progress. On the whole, this assignment is not difficult for me, but it is
very interesting.
Comments
Post a Comment