20/05/2024 - 08/07/2024 / Week 5 - Week 12
Joey Lok Wai San / 0350857
Application Design I / Bachelor of Design (Hons) in Creative Media
Project 2: UI/UX Design Document
TABLE OF CONTENTS
LECTURES
Fig. 1.1 Lecture Slides - Card Sorting, Week 5
Card Sorting | Week 5
Fig. 1.1 Lecture Slides - Card Sorting, Week 5
During this week, we had a group exercise where we conducted a hybrid card-sorting activity before doing the same thing for our user research in Project 2. We did a few rounds of moderated card sorting as a group before deciding on the final arrangement.
Fig. 1.2 Card Sorting Categorization Attempts, Week 5 (20/05/2024)
.jpeg)
Fig. 1.3 Final Card Sorting Categorization, Week 5 (20/05/2024)
Fig. 1.4 Group picture with the girlies, Week 5 (20/05/2024)
Fig. 1.4 Group picture with the girlies, Week 5 (20/05/2024)
Introduction to User Experience Research | Week 6
Fig. 1.5 Lecture Slides - Introduction to User Experience Research, Week 6
User Persona | Week 7
Fig. 1.6 Lecture Slides - User Persona, Week 7
User Journey Map | Week 9
Fig. 1.7 Lecture Slides - User Journey Map, Week 9
Site Map and User Flow | Week 10
Fig. 1.8 Lecture Slides - Site Map and User Flow, Week 10
INSTRUCTIONS
https://drive.google.com/file/d/1XHcp1NBrzZ_XnN209zWIjjFqdAv3evJj/preview
PROJECT 2: UI/UX Design Document
After locking down our app concept and idea, students are now ready to proceed to UX design. We are required to produce a comprehensive UX design document which will provide better directions for them to design the app. Based on the information gathered in Task 1, we will:
- Determine and verify their target audiences.
- Outline the content element of their app, and exercise the card sorting method to achieve optimum information architecture.
- Listing the app features and identifying the application's Minimum Viable Product (MVP).
- Create wireframes for main screens
- Plan the user interaction and interactivity (Flow chart)
Things to include in the proposal:
1. 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
2. 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
3. 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 Chart: Describe how content will be structured for optimal usability.
4. 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.
After completing our first project, we designed a set of survey and interview questions for our user research. I used Google Form to send out the survey which gathered a total of 54 responses.
Fig. 2.1 Survey Questions in Google Form, Week 7 (03/06/2024)
User Interview
User Journey Map
User Journey Link: https://miro.com/app/board/uXjVK5WUWI4=/?share_link_id=226757686928
Card Sorting Link: https://miro.com/app/board/uXjVKAyLDIc=/?share_link_id=376725699142
Fig. 2.2 Card Sorting for the Current App, Week 7 (03/06/2024)
.jpg)
Fig. 2.3 Card Sorting for Redesign App - Attempt #1, Week 7 (03/06/2024)
.jpg)
Fig. 2.4 Card Sorting for Redesign App - Attempt #2, Week 7 (03/06/2024)
.jpg)
Fig. 2.5 Card Sorting for Redesign App - Final Attempt, Week 7 (03/06/2024)
.jpg)
.jpg)
.jpg)
Fig. 2.5 Card Sorting for Redesign App - Final Attempt, Week 7 (03/06/2024)
Once the card sorting categories and features were approved, I transferred them into Optimal Workshop. My card sorting had a total of 8 participants who could sort the card features into categories they thought they best belonged in.
- Optimal Workshop Card Sorting Link: https://ows.io/os/ruk627dy
- Card Sorting Analysis Link: https://app.optimalworkshop.com/optimalsort/eb4brrx3/5t5odjir/shared-results/pzmrmdoe1zop041zs5g8392h4t2v4769
Information Architecture Map
User Flow Chart
Final Project 2: UI/UX Design Document
The site map was completed in MIRO. This helped to identify the features in our redesigned app, which are features I took from the card sorting.
Site Map Link: https://miro.com/app/board/uXjVK3Uuqqw=/?share_link_id=433585955762
Site Map Link: https://miro.com/app/board/uXjVK3Uuqqw=/?share_link_id=433585955762
User Flow Chart
After doing the site map, I proceeded to make a user flow chart in MIRO, following the instructions given.
User Flow Chart Link: https://miro.com/app/board/uXjVK3ao8vY=/?share_link_id=290921520743
User Flow Chart Link: https://miro.com/app/board/uXjVK3ao8vY=/?share_link_id=290921520743
Final Project 2: UI/UX Design Document
Click here for the final presentation slides in Canva!
Fig. 3.1 Final UI/UX Design Document, Week 12 (08/07/2024)
Fig. 3.1 Final UI/UX Design Document, Week 12 (08/07/2024)
FEEDBACK
WEEK 7
- No comments on the cart sorting; it looks good.
- I have attached the Word file containing my comments and feedback on interview questions and survey.
WEEK 10
- All good, very comprehensive. Finish the analysis for the interview.
WEEK 11
- For the user flow chart, you can clarify what happens after the reservation details are shown. E.g. show the reservation code
REFLECTION
Experience
My experience with this project is quite decent. I liked the research aspects and creating the flow chart for the redesigned app, which is possibly why my slides are way too long and I spent too much time on the flow chart. However, the start of the project was quite rocky since I was unwell and I found collecting survey and interview responses really difficult. Having to go around asking for people to participate in the survey was a pain.
Observations
From this project, I observed that the best way to get survey participants is to do survey exchanges on Reddit. I did this in Design Research Methodology as well, and this helped get the majority of my respondents to this survey. I also observed that everyone has different ideas on how each feature should be grouped in the card-sorting activity, and it's very rare that everyone agrees on a sorting.
Findings
My experience with this project is quite decent. I liked the research aspects and creating the flow chart for the redesigned app, which is possibly why my slides are way too long and I spent too much time on the flow chart. However, the start of the project was quite rocky since I was unwell and I found collecting survey and interview responses really difficult. Having to go around asking for people to participate in the survey was a pain.
Observations
From this project, I observed that the best way to get survey participants is to do survey exchanges on Reddit. I did this in Design Research Methodology as well, and this helped get the majority of my respondents to this survey. I also observed that everyone has different ideas on how each feature should be grouped in the card-sorting activity, and it's very rare that everyone agrees on a sorting.
Findings
Comments
Post a Comment