Advanced Interactive Design Task 2

LI YANXI ( 0361436 )

23.5.2024 - 14.6.2024（week 5 - week 8）

Bachelor of Design In Creative Media

Task 2

                                                                                                                                            

Instructions 

                                                                                                                                            

Task 2 Interaction Design Planning and Prototype

First i need to do the prototype, before I started creating my prototype, I made sure the user flow chart covered all the different sections. Actually i have already did it last week but i changed a little and add something into it.

User Flow Chart 

Wireframing in Figma

And I also use some images  on Pinterest that I found close to what I want the final design to be like. So i put it into Figma.

This helps me to have a better sketch when I design the final project based on this prototype.

Prototyping

I use the wireframing tool in Figma to create a simple prototype.

Final Submission

                                             Final presentation slides

Final presentation video Link：

https://drive.google.com/file/d/1tybwD_AwdVF4hLEVANpr9y5yeexjjt1Y/view?usp=sharing

Wireframe & prototype

Wireframe Link: https://www.figma.com/design/B9bF07SFSvFt2XwKuyRi0o/Untitled?node-id=0-1&t=rHifp08g9Zn0cSDR-1

Prototype Link: https://www.figma.com/design/SWDmDjxXTtyPT9f1JWL3vr/Untitled?node-id=0-1&t=k8Ov6scLzGtzb28Z-1

Feedback

Good, Keep going.

                                                                                                                                            

Refelection

In this practice, I learned how to use Figma to achieve interaction, and also learned some basic elements that a web page needs to cover, which let me know what basic goals I need to start this project with.