Application Design I Task 2: UI/UX Design Document

15/9/2023 - 29/10/2023
Edwin Choo Quan Rong / 0348305 / Bachelor of Design (Hons) In Creative Media
DST 60504 / Application Design I
Task 2: UI/UX Design Document

INSTRUCTIONS

Task 2: UI/UX Design Document

This document consists of research prior to the production of the wireframes in Figma. The document includes

  • Introduction of the app's purpose, target audience, and the intended problem to solve
  • User research on 5 participants regarding the original app to create User Personas and User Journey Maps
  • Information Architecture using card sorting method 
  • MVP (Minimum Viable Product) features listed to be developed


Fig 1.0 - UI/UX Design Document



Comments

Post a Comment

Popular posts from this blog

Collaborative Design Practice - Task 1: Empathy Map & Problem Statement

25/09/2024 - 9/10/2024 | Week 1 - Week 3 Edwin Choo Quan Rong | 0348305 GCD62204 Collaborative Design Practice | Bachelor of Design (Hons) In Creative Media Task 1: Empathy Map & Problem Statement Instructions Task 1: Empathy Map & Problem Statement Week 1: Project Briefing & Group Formation (25/9) The first week of class with Ms Li Lian introduced us to the module of Collaborative Design Practice (CDP for short) by discussing about the contents and project goals we are taking this semester. Unlike any other modules that we have taken before, CDP provides us the opportunity to work with students from other departments of the campus, namely students from Business and Food Science majors. We as the Design students, were to form a team and select one project to collaborate on.  Introducing my design team members and their respective specializations: Arnusha Arnaz Khan (Group Leader) - Ent...
Read more

App Design II - Task 2: Interaction Design Planning & Prototyping

Image
 26/5/2025 - 9/6/2025 Edwin Choo Quan Rong / 0348305 / Bachelor of Design (Hons) In Creative Media DST 61004 / Application Design II Task 2 Task 2: Interaction Design Proposal and Planning Process Wireframes User Flowchart Diagram Animation Prototypes Animation Description & Rationale I utilized  Figma  to plan out the flowchart for the app. Here below is an overview of the flowchart as well as the animations used for the app. These animations were selected with simplicity, comfort, and ease of use in mind as people want to spend lesser time on simple information apps such as weather apps. Fig 1.1 - Flowchart Preview Fig 1.2 - Map Menu Flowchart Fig 2.0 - Video Presentation
Read more