Application Design II
21.04.2026 - (Week 1 - Week )
Diane Sani Alexander Wan / 0378712
Application Design II / Bachelor of Design (Hons) in Creative Media
Application Design II
INSTRUCTIONS
LECTURE
Week 1:
In today's class we just did a briefing on what the module is on and did a bit of a tutorial on the AI audit and seeing how AI would critique our work. Then we explored a bit on FlutterFlow.
Week 2:
Today's class we did a small task on the mobile UX teardown and try to get a better understanding on how to think like a UX designer.
We did a tutorial on the Flutterflow and learning the basics of it and following the basic guide on how to use it.
Week 3:
We had to do the design native and review our previous work on Figma and find things that need more work on.
The task, I decided to work on is the cart page as it has all the things needed to do.
Micro-interaction:
The checkout button turns to orange colour when clicked on.
When cancelling the products, the ‘X’ button, the product would slide out and the one on the bottom would move up.
For the discount code the text box would turn green.
The Quantity button would have a small pop up animation when adding or minus the amount.
Macro-interaction:
Before entering the cart page it would have a loading screen before entering the page.
Slide in transition when coming into the page.
Then after I showed my interactions to the lecturer and she approved, I had to move my Figma file into FlutterFlow and make it work there.
Week 4:
Since the lecturer was sick this week, she moved it to an online class and basically taught us the about the Firebase in FlutterFlow.
Followed the tutorial she gave us to watch.
Week 5 - 7:
We learned about the firebase and getting to know how it works on FlutterFlow. It was a little confusing at first after the first few tutorials but then as I worked on it, I began having the basic understanding of it.
Continued working on the task 2 and figured out the firebase for logins and signups.
Week 8:
Continued with task 2 and trying to complete the firebase stage.
Week 9 - 10:
Week 11:
TASK
Task 1:
Task 2:
Task 3:
FEEDBACK
Week 2:
Week 3:
Based on the tasks I picked for our tutorial of the week, it was good to go and the animations were ok and proceed to move it to Flutterflow.
Week 4:
Week 7:
REFLECTION
I wasn't sure on what we're going to do in this module, like if we were using Figma, but we learnt to use Flutterflow and I think its pretty interesting and fun to use when I learned the basics of it at first.
Comments
Post a Comment