Application Design II / Task 1: Self Evaluation and Reflection

-
05.04.2023- 21.05.2023 (Week 1 - Week 7)
Britney Chow Pei Jun / 0350043 / BDCM
Application Design II
Task 1: Self Evaluation and Reflection

LECTURES

WEEK 1

For the first week, we're tasked with doing a small exercise about coding a webpage about ourself, here is my link:

WEEK 2 & WEEK 3

This week, we need to create an app based on the picture provided by our lecturer. The picture is shown below: 

Fig 1.1; ibandsnet app layout; Week 2 & 3; 

Fig 1.2; My work for exercise 2; Week 2 & 3;

WEEK 4

This week, we learned about JavaScript and stuff, and our lecturer provided us a link: 

Fig 1.3; sidePanel for exercise; Week 4 & 5; 

Fig 1.4; BG for Mangsa;  

Fig 1.5; code in DW; 

Fig 1.6; GSAP Animations;

Fig 1.7; GSAP Animation code; 

Fig 1.8; GSAP reverse animation;

Fig 1.9; To another page (in same html);

Fig 2.0; Code in DW; 

PROGRESSION

APP DESIGN I: SELF EVALUATION AND REFLECTION

fig 2.1; App Design I; 

Review: I feel like I needed to add more variety of colors into the app so as to not make it look so bland, the contrast will also be more obvious as well.

Fig 2.2; Home Page;

Review: The home page feels a little blank and empty, I feel like it can add a sliding challenge page to it and or add some more interesting and relevant illustrations.

Fig 2.3; More references; sauce: Budiartidesign

Fig 2.4; Create Habit; 

Review: At the left side of the image, the part where users create habit, I think that the whole UI needs to be change to a more visually interesting interface so as to not make it seem so bland and boring, I feel like it can add more illustrations and the part where the options pop out needs to be changed as well. While at the right part of the image, the illustrations for each option will have to be more consistent and the colors shouldn't blend together with the background. 

\
Fig 2.5; Typing Habit;

Review: The part where people input their habit looks a bit dead, but, I'm not sure as to how to exactly modify it. However, I think that I can referenced it off from the original application and also from Pinterest, but more needs to be explore in this part.

Fig 2.6; Redesign Test 1; (20/5/23)

In this part, I added 2 more pages to it as I think my previous one look a little too less. I also added some more colors to it as well. However, I still do not feel that it looks nice as it feels as if something is lacking there. 

Fig 2.7; Redesign Test 2; (21/5/2023)

Above is my work of redesigning my app, I personally feel that it is definitely better than my previous versions of the app. However, I am not as satisfied for it as much as I think. 

Final Submission of Redesign: 

Fig 2.8; App Redesign Prototype; 21/5/2023

Link to prototype: Figma Prototype

FEEDBACK

Specific Feedback:

You can try out other different colors than just orange. Furthermore, the habit input page does not look nice at all. The illustrations doesn't really match and it's not consistent. 

REFLECTION

I think I spend a lot of time in redesigning the app from my Application Design I. I felt that I wasn't able to think outside of the box when I'm designing this app and there are numerous times where I have the urge to straight away change to another app. However, I think that that will take more time than needed and decided to just focus on my own app instead. However, I wouldn't say doing this is completely a bad thing since I did learned a lot of layout planning and whatsoever. I hope I can improve more in future projects like these.  

 

Comments

Post a Comment

Popular posts from this blog

Major Project // Final Submission

-
Image
Week 1 - Week 16 (22.04.2024 - 09.08.2024) Britney Chow Pei Jun / 0350043 / BDCM Major Project Progression INSTRUCTIONS PROGRESSION Week 1 - 2: For the first week, we started our class with Mr. Asrizal giving us a brief on what major project is. He told us that this time we're allowed to be in groups to work on our major project. Furthermore, Mr. Kannan also mentioned how we should brainstorm for our major project. After that I started to think how I should proceed with my major project while in the meantime, searching for partners. I then started to group up with Jia Yee for my major project. We then started to brainstorm for ideas, both of us have came up with all sorts of ideas, yet none of them feels like it would be best suited for us. After coming up with a few ideas we think could work, we started organizing it: Fig 1.1; Ideation 1; Week 1 Fig 1.2; Ideation 2; Week 1; ...
Read more

Game Development // Task 1: Game Proposal

-
Image
1.9.2023- 29.9.2023 (Week 1 - Week 5) Britney Chow Pei Jun / 0350043 / BDCM Game Development Task 1: Game Proposal LECTURES/EXERCISES WEEK 1 In this week's class, we are required to review a game made by our seniors. Fig 1.1; Reaper Test Game; sauce:  TDS Gamezone ; Although the graphic of this game does not feel as good as the other game in Gamezone. However, it is still nice as it uses simple shapes and design, the colors used in the game does not feel very out of place, the background also feels alright, but for my first time playing this game, I did not know about the environment of the game. Furthermore, the music chosen also able to fit in to the game itself. The story of the game is nice as there's a goal behind it. Due to the limitations the developer faces, there won't be more to the story. Moreover, the movement of the character is slightly "slippery" as it sometimes slipped even th...
Read more

Design Principle: Project 2

-
Image
11.10.2021 - 31.10.2021 (Week 8 - Week 10) Britney Chow Pei Jun / 0350043 / BDCM Design Principles Lectures and Project 2 LECTURES  Introduction A designer's role is to solve problems with effective visual communication. Ranging from personal goals to community events, and from corporate functions to world changing projects. Observation Be attentive to your surroundings Pay attention to the details and to be analytical about them Sources of observation can stem from artifacts, daily happenings, physical surroundings, and such.  An active act of acquiring information through the senses, of a subject matter in its natural setting. Senses are important for us to know, feel, understand, analyze and even plan what we want to do. Important to designers as it enables them t...
Read more