Application Design II / Task 2
24.05.2023 - 18.06.2023 (Week 8 - Week 11)
Abigail Kartika
Darmowinoto / 0350525 / Bachelor of Design in Creative Media
Application
Design II / Taylor's University
Task 2 : Micro Interactions and
Animated Micro Interaction
OTHER POST:
Exercises
Task 1 : App Design 1 Self-Evaluation and Reflection
Task 2 : Micro Interactions and Animated Micro Interaction
Task 3 : Final Project and Portfolio
Application Design Final Compilation / Reflection
INSTRUCTIONS
<back to top>
Task 2
Create the planning of what interaction / animation that you'll do on your
project.
PROGRESSION
So here's the recap on the app that I'm doing. It's called Monny which is a finance tracking app. The main feature that Monny offer is to track your income/ expenses, but other than that, Monny also offer an interesting feature, a challenge that can attract the user to track their expense.
Previously on the first Application Design module, I found that the concept is amazing, but the execution could be better, so I did some gamification for my design.
So after I decided on the interfaces and the things I wanna change, now it's time for me to decide the flow of the app.
For the overall of the app, I was thinking to not to pull too much animation on the content since it's a finance tracking system that user put their thinking and action to gain a value. It's not an item ordering app, or even an app that just showcase content.
So I decided to put most of the animation in the onboarding phase, playing with the clouds.
Other than that, I planned to make a uniformity between the screens I had, like from the home, challenge and exp, the movement will be mostly flowed from top.
Here's my submission which cover all of my planning.
fig 2.1 animation planning (pdf), Week 11 (18.06.2023)
PRESENTATION
fig 2.2 animation presentation, Week 11 (18.06.2023)
It's kind of tricky to know what animation I wanna do because I'm afraid I cannot do it in the coding XD but overall from this part of module, I learn on the usage of GSAP and how to imply it on the coding. GSAP offers like variety of animation endlessly (I said it because I don't know what GSAP cannot do)
Comments
Post a Comment