Application Design I - Final Project / High-Fi App Design Prototype

 2024/10/20-2025/1/12

WEEK13-16

JIN RONG/ 0361701
Application Design 1/ Bachelor of Design (Hons) in Creative Media

INSTRUCTIONS


FINAL PROJECT: High Fidelity Prototype


In the final project, we will synthesize the knowledge gained in tasks 1,2 and 3 for application in task 4. We will create visual asset and refine the prototype into a complete working and functional product experience for a selected task. Due to time constraints, usability testing for high fidelity prototype is not compulsory.


Design Process
Login in low fidelity mode did not load, it was directly on the login page. I need to change this through the interview, so I added a loading interface.






As I will use horizontal and vertical scrolling to display movies on the homepage, I have collected a list of movies and their detailed information from Google so that I can add them to these cards.






I have made some components for easy reuse and adjustment




Through the interview, the interviewer told me that the login section is not quite consistent with the following pages. I will change the login section to the hidden part.








DEMO VIDEO



Figma View - Work File






Figma View - Prototype











评论

发表评论

此博客中的热门博文

Application Design II / Task 1

图片
WEEK1-WEEK4 NAME: JIN RONG I.D: 0361701 COURSE: Application Design II  / Bachelor of Design (Honors) in Creative Media Application Design II / Task 1 INSTRUCTION Week 1  To Do List  Get analysis feedback from GPT, prompt out all the pros and cons based on your app MVP features. Update blog Communicate with ChatGPT ✅ Highlights (good things) Consistent visual style: color matching and font usage are consistent, in line with Jakob’s Law (users expect the interface to follow a familiar pattern). Clear layout: the screen is divided reasonably and has a good hierarchical structure, in line with the Gestalt Law of Proximity (related elements are close together). Intuitive icon use: icons are intuitive, which helps speed up user understanding and reduce cognitive burden (in line...
阅读全文

Information Design - Exercise 01: Quantifiable Information

图片
WEEK1-WEEK 7 NAME: JIN RONG I.D: 0361701 COURSE: Information Design / Bachelor of Design (Honors) in Creative Media GROUP: Class 01 Sec 04 Information Design - Exercise 01: Quantifiable Information INSTRUCTION Exercise 1 - Quantify & Visualize Data  For this exercise we supposed to quantify our chosen items and arrange the objects into a presentable layout or chart. I decided to go with fluffy color deco balls. I started by sorting them based on their colors and then arranged them in order of their quantity and condition on the A3 paper.  Fig1.1 Sorted out according to colours Feedback: The number of buttons is a little small, you can get more I started by arranging them in order of their quantity on an A4 sheet of paper. Then I start to finish and finalize my ideas Exercise 02 - L.A.T.C.H. In exercise 2, we have to organize a group of information int...
阅读全文

Information Design - Project 1

图片
  WEEK1-WEEK 7 NAME: JIN RONG I.D: 0361701 COURSE: Information Design / Bachelor of Design (Honors) in Creative Media GROUP: Class 01 Sec 04 Information Design - Project 1 Part 01: Infographic Poster Instructions 1. Choose 1 infographic poster reference from Internet (Please consult before proceed) 2. Redesign the poster into A4 size. Sketch the idea and process 3. Redesign and simplify the poster based on visual hierarchy & typography 4. Simplify the poster's design based on color, shape & pattern 5. Attach your final poster on E-Portfolio with explanation and reflective writing Chosen Poster After deciding between a few posters, I proceeded with this infographic poster  Digitisation process COLOR I chose a color scheme dominated by blue and teal because they effectively convey the purity and tranquility...
阅读全文