Application Design II / TASK 1

Week 1 - Week 4

LI YANXI (0361436) 

Bachelor of Design In Creative Media 

APP II - Task 1

                                                                                                                                            

LECTURES

Week 1

In the first class, our instructor, Mr. Razif, first introduced the general content and direction of the course, as well as the assignments we would be completing this semester. After the explanation, he led us to try out UXLab Assistant, which seemed to be an AI tool to assist us in app design. It wasn't so easy for me to get started using it.


Week 3

This week in class, our task was to redesign AirAsia's boarding passes. So my classmate and I formed a group and redesigned them based on the images provided by the teacher. Through this design process, we gained a deeper understanding of the essence of design—which categories to place in which positions—so that customers can more clearly locate the information they are looking for.


Boaring pass by Mr.Razif 

Boarding pass after we re-design


Week 4

This week in class, we reviewed how mobile applications work, including design and the systematic methods needed. My group and I were tasked with redesigning the AirAsia app, including making interconnected adjustments to the homepage, booking date selection, seat selection, and other functional pages, and creating Figma wireframes.

                                                                                                                                            

Task 1 - Self Evaluation & Reflection

Students must reflect on their Application Design 1 final project by identifying key issues and proposing improvements to the app’s aesthetics and user flow. The aim is to demonstrate how design evolves through iteration and problem-solving.

Requirements:
Submit a self-reflection blog post:
Must clearly compare the old vs new design
Should document the refining process

Submissions:
Online blog post in your e-portfolio.
Presentation video explaining your improvements and reasoning.


AIRCHINA - Figma link (click 'AIRCHINA')


Air China is China's flag carrier airline, responsible for the special flight mission for Chinese state leaders to visit abroad, and a member of Star Alliance. It is also a Chinese airline, and this app is a dedicated app for this airline. The route network covers major cities in China and the world, with 298 routes, 154 cities, and 31 countries and regions.

Target Audience

Air China Limited (hereinafter referred to as Air China) was established in 1988 and is the only flag carrier airline in China. It is responsible for the special flights of Chinese leaders for their overseas visits, and also provides flight, travel and transportation services for various business trips or tourists.


Analysis for each page

Loading Page

 


Self-reflection

Current design: Upon entering the app, users must log in/register, with no skip or preview function. The problem lies in the blocking login, which may cause new users to leave immediately.

Add a "Skip" button to allow new users to preview the app's basic content.

Keep the login button prominent, but don't make it the only option.

Evaluation

Add a "Skip" button to allow new users to preview the app's basic content. Keep the login button prominent, but don't make it the only option.


Sign-in page—Register


  



Self-reflection

The registration process is a bit lengthy.

Current steps: Register → OTP → Fill in information → Payment → Complete

The problem is placing payment in the middle of the registration process easily leads to abandonment, and there are too many pages.

Evaluation

The problem is: placing payment in the middle of the registration process easily leads to abandonment, and there are too many pages.ccess to the app," not "immediate payment binding."



Home page




Self-reflection

The information structure is a bit cluttered, with too many icons at the top, such as: menu / customer service / notifications / QR code.

Evaluation

1. I've limited the top to a maximum of three main functions (menu + customer service + information).

2. I've used brand red to ensure users can immediately see the clues they need.



Profile Page


Self-reflection

The functionality is comprehensive, but too many texts and options are placed on the same level. Some wording is too systematic and not user-friendly enough. The "Delete Account" button is too prominent and may be easily clicked by mistake.

Evaluation

User modifications are divided into three main categories:

1. My Information

2. Security and Privacy

3. Settings and Notifications

The "Delete Account" button has been changed to a secondary color to avoid accidental clicks.


Both Page



Self-reflection

The current sidebar menu is centralized but not intuitive. It's currently structured with large categories that expand to include sub-functions.

Evaluation

My names like Flight, Mall, and Discounts aren't direct enough, and some content overlaps with the bottom navigation.

Therefore, I will merge the duplicate parts on the homepage, and only retain functions like ticket refunds, upgrades, and points.


Final Refined Figma Link



Presentation Slide in Canvas



Presentation Video on YouTube


                                                                                                                                            
Reflection

In Task 1 of Application Design 2, I realized that to create a successful app, user experience must be the top priority. This requires considering how to utilize better design, color, and design concepts. Throughout the process, my understanding of the app's design goals became clearer, and I better understood what I needed to improve. Overall, this project allowed me to refine my ideas through detailed design and gain a deeper understanding of how to create effective UI design. Convenience, intuitiveness, and ease of understanding are paramount. The overall design aesthetic is also crucial.



评论

此博客中的热门博文

Games development

Application Design I