Application Design 1 / Project 2: UI/UX Design Document
.jpg){kind=small}
Teh Ming En/0364908
Application Design 1-Bachelor of Design (Honours) in Creative Media--Taylors University
Project 2: UI/UX Design Document
Instructions
Project 2: UI/UX Design Document
In this task, we need to create a UI/UX design document for the app we chose. Before the task started, Mr. Zeon conducted a card-sorting activity in class. This helps me have a better understanding of how card sorting works.
|
| Fig 1.1 Card Sorting |
|
| Fig 1.2 Card Sorting |
|
| Fig 1.3 Class Activity - Card Sorting |
We need to categorize the features given, put them into titles we think, and
create new features for it. Besides that, we have to make our group card
sort for a type of application. After that, we have to start to do the task.
Requirements:
The document should include:
- Introduction
- Purpose and Scope: Explain the purpose of the document and what it covers.
- Target Audience: Identify the intended users of the app.
- Problem Statement: Describe the problem the app aims to solve.
- Weakness of the apps: User experience and user interface.
- User Research
- Survey Questionnaire and Interview: Provide detailed analysis.
- User Persona: Include detailed personas representing the target users.
- User Journey Map: Provide a map outlining the steps users will take while interacting with the app.
- Research Insights: Explain how user research influenced design decisions.
- Information Architecture
- Card Sorting Method: Explain the card sorting process used to organize content and its outcomes.
- Information architecture map: Outline the main content and features of the app.
- User Flow
- User Flow Chart: Describe how content will be structured for optimal usability.
- MVP (Minimum Viable Product) Features
- Feature List: Detail all app features.
- MVP Identification: Identify and highlight the features that will be included in the MVP for initial development.
Digital Card Sorting
|
|
Fig 2.1 Digital Card Sorting - Before |
First, we started with digital card sorting. I chose to use the Miro to start
the draft of digital card sorting. Fig 2.1 shows the cards created based on
the existing functions and categories of the Senheng app.
|
|
Fig 2.2 Digital Card Sorting - After |
|
| Fig 2.3 Digital Card Sorting - Senheng app |
Finally, I came up with the cards and categories above.
Quantitative Methods: Online Questionnaire & Interview
The survey questions should consider gathering information on user
satisfaction with our apps, likes and dislikes, and suggestions for
improvement. The questionnaire is designed to collect feedback from the
target audience, focusing on user satisfaction, usability, navigation, and
feature engagement. For the interview, we need to interview 3 people who
have experience with the app.
Survey respondents: 50 people
Interview: 3 people
Attention: Avoid leading questions
|
| Fig 3.1 Draft Questionnaire |
The survey was separated into four sections:
Section 1: User Background
Section 2: User Experience & Interface
Section 3: Specific Features
Section 4: Open-ended Questions
I sent the draft questionnaire and interview questions to Mr. Zeon via
email, and I received the following feedback and improved it.
Fig 3.2 Feedback Received
After receiving feedback, I have modified the survey and interview
questions.
Fig 3.3 Final Survey & Interview Questions
The next step was to start collecting responses and interviewing the target
audience. I chose to use Google Forms to conduct with online survey.
|
| Fig 3.4 Interview |
|
| Fig 3.5 Interview |
|
| Fig 3.6 Interview |
Google Form Link: https://forms.gle/9p6quTTGNZtmAnAy8
Fig 3.7 Survey Questionnaire in Google Form
After analyzing the questionnaire and interview, I came up with 3 user
personas that will be included in the slides.
Digital Card Sorting
Digital card sorting requires participants to organize content into
predefined categories. There will be a total of 20 cards presenting the
app's features and content and 5 predefined categories. The results from
this activity will guide the refinement of the app's navigation and
structure. I chose to use UXtweak to conduct digital card sorting.
|
| Fig 4.1 Digital Card Sorting |
I have collected 7 responses in this activity.
|
| Fig 4.2 Result Matrix |
After collecting the responses, I came up with Information Architecture
Map.
Fig 4.3 Information Architecture Map
User Journey Map
|
| Fig 5.1 User Journey Map |
User Flow Chart
|
Fig 5.2 User Flow Chart |
Final Project 2: UI/UX Design Document
Fig 6.1 Final Slides of Project 2
UI/UX Design Documents
by MING EN TEH
Video Presentation Link: https://youtu.be/C115584o1co
Fig 6.2 Video Presentation - Youtube
Feedback
Week 6:
Card sorting includes any changes such as deletions or movements, which
should be distinguished with colors to facilitate comparison with the
original version. Me and Mr.Zeon discussed some modification methods for
the Senheng app, I was allowed to freely remove redundant features or
add missing functionalities or sections.
Week 7:
Modified survey and interview questions.
Week 8:
Independent week.
Reflection
Through completed Project 2, it has deepened my understanding of UI/UX design principles. The activities like card sorting, developing an Information Architecture Map, and creating User Flow Cart strengthened my ability to categorize and prioritize app features effectively. For the card sorting, from the start, I was focused on simplifying the interface and planning the layout. However, when doing the card sorting, it helped me broaden my perspective and organize my thoughts clearly to categorize effectively. It really helped me expand my thinking. Through user research, including surveys and interviews, I have identified the pain points and areas for improvement within the Senheng app, which directly informed design decisions. This process not only enhanced my technical skills but also emphasized the importance of aligning user needs with functional design.
Comments
Post a Comment