Application Design I : Task 2 - UX, UI, IxD Design Document

22/10/2025 - 23/11/2025 (Week 5 - Week 9)

Chang Wing / 0367807 

Application Design I / Bachelors of Design (Honours) in Creative Media / Taylor's University

Task 2 - UX, UI, IxD Design Document



TABLE OF CONTENTS


Week 4 & 5

Crucial Role of UX

- Understand why people wants to use a service (behaviour, goals, motivation and needs)
- Reveals how users interact with an app / system and identifies their pain points
- Understand the emotional journey of a user 
- Conduct interviews with clients


Figure 1.1 UX research comparison chart 


Conducting of User Research

1. Conduct interviews with real users
2. Can use AI Transcript for the interview recording (saves time)


Figure 1.2 The 5 steps of UX research 


UIUX Documents

Online survey → Interview → User Persona → Card Sorting → Information Architecture Map → Flow Chart


UX research methods (Qualitative & Quantitative)

Qualitative

- Identifies user pain points and uncovers the reasoning behind specific behaviors
- Provides deep insights into user motivations, emotions and thought processes
- Helps uncover unexpected needs, frustrations or patterns that may not be obvious from numbers alone

Cons: Time consuming, requires transcription, limits sample size, dependant on interviewer's skills


Quantitative

Validates designers’ hypotheses / assumptions through measurable data
- Provides statistical evidence, allowing results to be presented as percentages, averages or trends
- Enables generalisation across a larger user population, ensuring findings are representative
- Facilitates benchmarking and tracking changes over time through metrics
Anonymity can encourage more honest responses 

Cons: Can miss reasoning behind behaviors, requires large sample for accuracy, risk of misinterpretation, oversimplifies complex actions



Figure 1.3 UX research methods (Qualitative & Quantitative)


Figure 1.4 UX research method: Online surveys



Don't Ask Leading Question!

Leading Question (x): "How difficult is it for you to find products in our app?"
Implies a negative experience, which can bias the user’s response

Neutral Question (/): "How would you describe your experience finding products in our app?"
Allows users to answer freely, encouraging honest and unbiased feedback.


Five-User Rule (by Jakob Nielsen)

- From usability testing
- Testing with 5 users takes the least time to uncover the majority of usability problems

Figure 1.5 Why You Only Need to Test with 5 Users? by Jakob Nielsen




As a group, we did a card sorting activity to figure out how to best organise the features of a travel app. It helps us to see the app from a user's perspective and understand how users naturally group features. Card sorting helps in designing an app that feels intuitive and logical.


Figure 1.6 Class group activity: Card sorting




Week 6

Research Methods for App Design 

When designing an app, understanding users deeply is more important than simply validating designer's own assumptions. Mr. Sylvain shared some practical approach to conducting user research that helps uncover real needs and motivations, not just confirm what we think users want.

--

1. Start with Qualitative Research: Live Interviews

- Begin with around 5 live interviews, each no more than 15 minutes -> collect qualitative data and uncover users’ real problems

- Record audio and use AI transcription tools to save time, check yourself as well to ensure accuracy.

- Focus on understanding UX, pain points and motivations.

- Avoid asking about features directly, designer's goal is to identify problems, not have users design the solution for you.

*Tip:
Ask users to share their best experiences first, then move on to their worst. This "min-max method" helps people open up naturally, as they tend to elaborate more when discussing negative experiences.

--

2. Online Surveys for Supplementary Insights 

- Next, distribute 10–20 online surveys (just for this project) to collect supporting data and perspectives. 

- Use surveys to ask questions that people might not be comfortable answering in live interviews, such as rating experiences or prioritising needs.

- However, avoid oversimplified or biased questions like “Do you need a tracker?”users will likely just say “yes.”

Instead, design questions that help you:

  • Understand how users actually behave.

  • Learn what matters most to them.

  • Identify how widespread certain problems are.

Remember: Surveys are not for validation. They’re for discovery.

--

3. Organise Insights Visually with an Affinity Map

- After collecting interview and survey data, use tools like Miro / FigJam / Trello to build an Affinity Map.

  • Write down observations and quotes using the users’ own language, such as “I’m a bit OCD about organising things” or “I love seeing my progress.”

  • Group similar thoughts together to reveal common themes or hidden motivations.

  • Can also include your designer’s reflections (just make sure they’re clearly differentiated from user insights).

- This process helps you see patterns that might not be obvious in raw data.

--

4. Create Personas to Humanise Your Research

- Based on your findings, develop around 3 personas that represent different user types.

Each persona should reflect:

  • Key motivations and frustrations.

  • Common behaviors or attitudes.

  • Specific goals related to your app’s context.

- Personas turn data into something you can empathise with and group issues 

--

5. Keep Asking “Why?”, Dig Deeper!!

During interviews, don’t stop at surface-level answers. Keep asking "Why?"  (up to five times if your participants are comfortable)

This technique helps to uncover the root motivations behind users’ behavior, not just what they say on the surface.
For instance, if someone says, "I use reminders because I forget things easily," asking "why" again might reveal a deeper reason like "I get anxious when I lose track of my tasks."

That emotional layer is where meaningful design opportunities comes.

--

6. Avoid Leading Questions

Always keep questions neutral. Don’t guide users toward a particular answer or idea.
Instead of "Would it help if you had a progress tracker?", try "How do you usually keep track of your progress?"

Your role as a designer is to listen, interpret and decide what kind of solution fit, not to let users design it for you.

--

Final Goal

The main goal of interviewing and surveying is to understand problems, not to ask for solutions or confirm assumptions. Once you clearly understand your users’ real needs and motivations, you can confidently design features that truly matter.


Affinity Mapping

- A tool to reveal patterns and insights from a large set of qualitative data.
Break down long responses or passages into single, focused ideas per note for easier analysis
- 1 idea per note, 1 colour per user

Guide when grouping notes;

  • 5+ notes → It’s getting broad, try splitting into smaller, more specific clusters.

  • 3 – 4 notes → Just nice. A clear theme that recurs across users.

  • 2 notes → A small signal. Might be something worth watching in the next round of interviews.

  • 1 note → An outlier. It could be a hidden gold nugget or just noise, look closer to decide.

  • 0 notes → If something feels missing, ask more about it in the next interview.



User Personas

- Name
- AI-generated face (realistic human face only; match ethnicity, e.g., Malay user → Malay face)
- Brief need statement (e.g. "I’m looking for a site that simplifies planning my business trips.")
- Personality keywords
- Bio
- Favourite brands
- Goals
- Frustrations
- Motivations
- Social Anchors
- Relevant anchors


Figure 1.7 User persona example template



*Notes: Consider Mastery and Frequency when defining personas.

Types of Personas

1. Main Persona
- Primary target user, the main focus of design. Their goals and needs drive most decisions.
- Example: The busy working mother who needs a quick and reliable meal-planning app.

2. Secondary Persona
- Important but less central users, their needs are considered without overriding the main persona’s experience.
- Example: The father who occasionally uses the same meal-planning app when helping with groceries.

3. Tertiary Persona
- Peripheral or indirect users, interact occasionally or are affected by the product indirectly.
- Example: The children who eat the meals planned using the app.



In groups, we created a user persona for a delivery app. It helps us better understand how user persona shows who our users are and what they really need.



Figure 1.8 Class group activity: Creating user persona



Week 7

How User Personas Influence Product Decisions

- Provide clear picture of user preferences, behaviors and pain points, guiding design decisions.
- Identifying and addressing pain points early can prevent usability issues after launch.
- Users have diverse needs, personas help prioritise which problems are most worth solving.


User Journey Map



Figure 1.9 User Journey Map






Week 8

User Flowchart

- Clarifies exact interactions and screen transitions
- Keep everyone in the team (e.g. designers / developers / stakeholders) aligned
- Proactive issue detection, exposes confusing or redundant steps early
- Refine user experience
- Provides a clear reference for testing real user behavior





Figure 1.10 User Flowchart



Site Map

- Visual map of website structure
- Shows page hierarchy + navigation flow
- Made before wireframes/prototypes
- Ensures logical content organization
- Guides UI design (menus, layout)
- Helps developers plan page routes

Figure 1.11 Site Map



Figure 1.12 Class Activity (User Flow Chart)




INSTRUCTIONS


Task 2 - UX, UI, IxD Design Document

Task 2 focuses on turning the approved app idea into a full UX plan. Using the research from Task 1, students will define their target audience, outline content, use card sorting to build the information structure, list features and identify the MVP (Minimum Viable Product), create wireframes and plan the overall user interaction.




Task 2 - UX, UI, IxD Design Document



Canva Public View Link:
App Design I - Task 2 by Wing Chang Figure 2.1 App Redesign Proposal (Task 2)


FigJam Link:
https://www.figma.com/board/j1GXW33qPc6Jy78MkpN4ai/Untitled?node-id=0-1&p=f&t=37dTrWEywyb728Lm-0

Figure 2.2 User Research (Compiled in FigJam)


Live Interview Audio & Transcripts:
https://drive.google.com/drive/folders/1QurDuierDh7OCp1Uc1sO_b_QWwbC_5e-


Online Survey Form:
https://docs.google.com/forms/d/e/1FAIpQLSchspVDwJRrW5fPRajL7YmZi0_uWhFSPUMMJJAfQjr5B_jyTQ/viewform?usp=dialog


Online Survey Responses:
https://docs.google.com/spreadsheets/d/1HrJi2WGK7zjbjWpdAjckDmZYEBu5YkPtElIZtqVe8M0/edit?usp=sharing






FEEDBACK

Task 2 - UX, UI, IxD Design Document


Week 5 (22/10/2025)
Feedback: -

Week 6 (29/10/2025)
Feedback: -

Week 7 (05/11/2025)
Feedback: -

Week 8 (12/11/2025)
Feedback: Yea everything's fine, the arrangement in Figma is okay, document how you extract the infos and form the user personas, I need to see the thought process.

Week 9 (19/11/2025)
Feedback: -

Week 10 (26/11/2025)
Feedback: ?




REFLECTION

This task was mainly to check if it matches Task 1’s findings about adding new features to JobStreet. I learnt a lot, this was the first time I got proper hands on experience with user research. Mr. Sylvain taught us how to do live interviews, how to ask questions without leading people and that designers shouldn’t just ask what features users want, but understand how they behave and make decisions.

I also learnt how to design online surveys and use the data from interviews and surveys to pull out I statements, make personas, map user flows, do card sorting and finally build a site map. This experience will be really useful for me as a UI/UX designer, it helps me to make design decisions based on real user behaviour rather than assumptions.

















Comments