Application Design 1 - Project 2 : UI/UX Design Document

|| 05/21/2025 - 06/25/2025 (Week 5 - Week 10)

|| Bertrand Alden Gani / 0370471

|| Application Design

|| Bachelor Of Design In Creative Media

|| Project 2 : UI/UX Design Document


TABLE OF CONTENTS

1. Lectures

2. Instructions

3. Project 2

4. Feedback

5. Reflection



LECTURES

Week 5 : Card Sorting

This week we learned about card sorting. Card sorting is a powerful method to understand how users group and categorize information. It helps determine an organization scheme that aligns with users' mental models.

Fig 1.0 Week 5 Lecture

Week 6 : Introduction To UX Research Interview and Questionaire

In this week lecture, we were introduced to the fundamentals of user experience research. Mr. Zeon discussed different research methods and techniques for conducting user research which we will do for our second project. For this week, our assigned task is to develop both online and interview questionnaires.

Fig 1.1 Week 6 Lecture

Week 7 : UI/UX Design Document - User Persona

In this week lecture, we learned about user persona. Persona is a rich description of a user. The purpose of having user persona are to help us understanding user needs as well as aid us in strategizing and guiding intelligent design decisions.

Fig 1.2 Week 7 Lecture

Week 8 : UI/UX Design Document - User Jouney Map and Digital Card Sorting

User journey map visually outlines the steps an individual takes to achieve a goal, helping designers and developers understand the overall user experience in an organized way. It fosters empathy by allowing the team to experience the user’s journey, including their emotions and frustrations, while also highlighting pain points encountered during interactions with the product.

Fig 1.3 Week 8 Lecture

Week 9 : UI/UX Design Document - Site Map and User Flow

Site map is a footprint showing how each page relate to the web/app's hierarchy. It guides the user's attention and organizes content meaningfully. Meanwhile, user flow is the user's path to finish a specific purpose. It includes each step, from the starting point to the end point.

Fig 1.4 Week 9 Lecture

INSTRUCTIONS

Fig 2.0 Application Design I MIB



PROJECT 2

For this project, we were required to research user needs to help us redesign the app in a better way. We will collect information through user interviews, write down the answers, and group the findings using affinity mapping. From this, we will create user personas, user journey maps, and prioritize app features using methods like MoSCoW, 2x2, and MVP. Finally, we will design a user flowchart to show how the improved app will work. 


1. Interview Questions & Process

I started my research plan by deciding how I would carry out the interviews and writing down the questions I wanted to ask. This helped me organize the interview process and make sure the questions were clear and useful for getting the information I needed.

Fig 3.0 Research Plan

After everything was ready, I began my interviews.


Fig 3.1-3.2 Interviews


2. Interview Answers & Affinity Mapping

Here is the transcript of my interviews:

Fig 3.3 Interview Transcript

Based on the collected answers, I grouped them using affinity map. There are 5 groups of problems, which are Security & Trust Concerns, Performance Issues, Lack of User Friendly Interface, Limited Financial Management Features, Difficulty Managing Multiple Accounts.

Fig 3.3 Affinity Map (Canva LinkFigjam Link)


3. User Personas

Based on the interview results, we need to make 3 personas. My personas are Juan Carlos (Business Student), Saamy Tan (High School Student), Galang Dirgantara (Digital Marketer).



Fig 3.4-3.6 User Personas (Canva LinkFigjam Link)


4. User Journey Maps

After that, we needed to create journey maps for each of the personas.



Fig 3.7 Journey Map (Canva LinkFigjam Link)


5. Feature Prioritization

We are instructed to choose one of our personas. My chosen personas was Juan Carlos (Business Student). We need to find feature ideas that catter to them for our app redesign. Then, we need to categorize them based on their priority.

- MoSCoW

Fig 3.8 MoSCoW (Canva LinkFigjam Link)

- 2x2 Matrix

Fig 3.9 2x2 Matrix (Canva LinkFigjam Link)

6. User Flowchart

We needed to create a user flowchart that visually represents and maps out the steps a user takes to complete key tasks within the redesigned app. This flowchart helps us understand the user’s journey more clearly, identify decision points, and ensure that the navigation and processes in the app are simple and efficient.

Fig 3.10 User Flowchart (Canva LinkFigjam Link)

7. Slides

Lastly, we need to compile all of the process to slides. I made mine in Canva, here is the final slide:

Application Design - Assesment 2 by Bertrand A.G

Final Submission - Assesment 2 




FEEDBACK

Week 5:
General feedback:
- Don't just focus on the weakness of the app but also focus on the strengths.
- Prepare to interview at least 5 people.
Specific feedback:
- Specify your target audience.
- Interview audience doesn't have to be BCA Mobile app user, but also other mobile banking app user.

Week 6:
-Start preparing questions for interview.

Week 7:
- You can redo your interviews.
- After that make 3 personas.

Week 8:
- Make the frustations connect to the background of the persona
- Highlight important frustation that need to be solve.
- Differentiate the level of which frustation is worse than the other.
- Add 3 solutions for each pain points, can also add more points.

Week 9:
- Your idea is too general because most competitor app already has most of the features you mentioned at default.
- Find ideas that will make your app better than the competitor app.

Week 10:
- Include your new ideas in your user flow chart.
- Make 2x2 matrix to categorize which idea is more important or more challenging to make.

REFLECTION

This task helped me understand how important it is to deeply explore user needs before jumping into design. At first, I thought redesigning an app was mostly about changing its look, but through this task, I learned that real improvement comes from listening to users, analyzing their pain points, and prioritizing solutions that matter most to them. Creating personas, journey maps, and using tools like MoSCoW and the 2x2 matrix taught me how to think critically about which features add real value. This experience also improved my skills in organizing research findings and turning them into clear, actionable design directions. Overall, it made me realize that good design is not just creative but also research-driven and user-centered.


Comments

Popular Posts