Application Design II | Task 3: Micro Interaction Prototype

  FEILYCIA JOY KURNIAWAN / 0373400 

Application Design II / Bachelor of Design (Honors) in Creative Media 

Task 1 : Exercise  

---

TABLE OF CONTENTS

1. Lectures

2. Instructions 

3. TASK1

4. Feedback

5. Reflection

---

LECTURES

WEEK 1

This week, Ms. Nurul introduced the module briefing and explained the tasks we need to complete. We also learned about the project expectations and what we should prepare for the semester. After that, we were introduced to FlutterFlow as a tool for creating app prototypes. We also learned how AI can be used as one source of feedback for our design work. However, we should still think critically and decide which AI feedback is useful instead of accepting everything directly.

WEEK 2

WEEK 3 

We had a consultation session with Ms. Nurul about our Figma file for Application Design 1.

---

INSTRUCTION

<iframe src="https://drive.google.com/file/d/1ct04-nbFsMYbfJjpwpknAdXn3ftCr6IX/preview" width="640" height="480"></iframe>

---

TASK 3 -  Micro Interaction Prototype

 <iframe src="https://drive.google.com/file/d/1QhxXHINH-prZdhmM3bluYAIrHoytVyGX/preview" width="640" height="480"></iframe>

---

FEEDBACK 

WEEK 8

General Feedback - Assignment briefing

WEEK 9

General Feedback - No feedback

WEEK 10

General Feedback - Animation is already good and I can use my carosell as a part of my macro interaction

---

REFLECTIONS 

I found this task quite fun. Adding animations on page load really made a big change, and adding micro interactions really helped users to see which elements are interactable. Adding the lottie animations also make the confirmation pages a lot more clear. 

All in all, i found this task more enjoyable than the last one.