Application Design (Final Project)

Week 11 - Week 14  [5/12/2024 - 2/1/2024]
Kong Ga Wai 0359692
Bachelor in Design Creative Media  
DST60504 - Application Design


INSTRUCTIONS


FINAL PROJECT- Completed Mobile Application Design Prototype

After getting feedback from the user testing and making some changes, it is time to finalise it by adding the remaining colours, images, typeface, and so on. 


Process

Adding the image, colour, and font type a long with some transition animation for navigation. Adding some scroll option for more game to discover. 





While finalising the whole thing I was on a call with the people that were part of the user testing so I asked them for some live feedback on the page. The feedbacks are changing the colours of the text for the names, the top bar for the chat, and the buttons in the profile. 


Colour After Change compare to Before Change

Colour After Change compare to Before Change

After doing the final user testing I changed the visibility of the store region preference and added the Group list to the menu due to two of the user testers having trouble finding it, and it also made scenes to have both friend and group list together. 


Final look at the finalise

Final Project Video:

https://youtu.be/7lQe_jnGQbo


Figma Link:

https://www.figma.com/design/ru0smBQkNXiheStU6ChrDB/STEAM-APPLICATION-Final?node-id=0-1&t=ss31KVAfLedRBnxI-1

View Prototype (Screen size 412x917):

https://www.figma.com/proto/ru0smBQkNXiheStU6ChrDB/STEAM-APPLICATION-Final?node-id=73-752&p=f&t=y1N4Ie5MfOylxBj5-1&scaling=scale-down&content-scaling=fixed&page-id=0%3A1&starting-point-node-id=73%3A752

User Testing:

https://drive.google.com/drive/folders/1ArMJYVAabGK0mn2pq_MOwgt-hrCyQglC?usp=drive_link