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:
Learned how to do the macr-interactions for the animations and then try to make it work on FlutterFlow.
My FlutterFlow link:
https://app.flutterflow.io/project/task2-mi7ao4
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. Throughout the entire class, I had some confusion at first on understanding how FlutterFlow works and then with some more of the tutorials given, I knew how to do certain things.
I still think I have a lot to work on and get better at, because I feel like my application feels messy and there is still a lot more knowledge for me to learn. But with more practice and doing it regularly should help me get a better understanding at FlutterFlow.
Comments
Post a Comment