Application Design 2/ Final Project

-

Final Project 


Todo:


I will refine my design elements for the application in the final project. Additionally, I realised that I forgot to include animations in Task 3. Therefore, I will make sure to incorporate them in the final submission to enhance the overall user experience.

Process:




I first created two macro animations that will appear when the user clicks the Register and Forgot Password buttons.

I made my most important page, which is my reading interface. The first thing I made was the reading selection interface. This is one of my main processes.

During this time I also added some micro-animations to improve interactivity.







I also added a button to allow users to quickly preview the article in the photo.




My next task is to confirm the content of the reading and add the content to form a complete step
I added a sliding column to allow readers to read more text content.


In order to increase interactivity, I added a thumbs-up button there. If you think this article is good, you can click "like"


In order to enrich the experience, I added interesting animations to the forgotten password interface to break the original appearance and make the interface more colourful.


I have completed all my production here.

here is my web test link: https://you-dao-itc8ez.flutterflow.app


If can not watch, click here to watch.

Reflection:

In the final assignment, I feel that I haven't done well enough in animation because the export animation of LottieFiles may require membership, so I use video recording to get the MKV file, convert the MKV into a GIF image, and then compress the GIF image, so it may cause the image quality to be very blurry and the colour is not pure enough. Another thing is that I am still not familiar with FlutterFlow. There may be many fun functions that I have not yet developed.

Comments

Post a Comment

Popular posts from this blog

Games Development / Week 1 Homework

-
Image
  Week 1 Homework To do: Individually come out with a game idea (or many ideas, remember the limitations), and make your first game pitch. Some lucky (or unlucky) students will be selected to do a 10-minute presentation of their game idea(s) next week on September 30. No specific format for now (we’ll do Game Design Document in a later class), so try to find the most creative and effective way to convey your game ideas. This may not end up being your Final Project, but it will still contribute to your Continuous Assessment grade. Hence, document the process in your blog. Submit the link to your blog post by Sept 29 midnight.
Read more

Experiential Design / Assignment1 Trending Experience

-
Image
 Assignment1 Trending Experience Todo: Task 1 helps you explore current Augmented Reality (AR) trends and understand marker-based , markerless , and location-based experiences before choosing your final project idea. Research AR Trends Experiment Reflect Propose 3 Ideas Processing: Research AR Trends I have identified three commonly used AR applications on the market to serve as my inspiration. 1. Apple Ar :   These applications combine the limitless choices of online shopping with the “hands-on experience” of offline retail, ultimately aiming to eliminate consumer uncertainty during purchases. By overlaying virtual product models onto real-world environments at a 1:1 scale, users can intuitively assess size, style, and outfit compatibility, enabling more informed purchasing decisions. User input:  Previewing an orange iPhone 17 Pro Max on my computer keyboard App output: 2. Particle Cam: The core value of this type of application lies not in “previewing products” or “...
Read more