Application Design /Project 2: UI/UX Design Document
Start from 20.5.2024
20.5.2024 -24.6.2024 /Week 5- Week 10
Kong Cai Yi / 0363862
Application Design 1 / Bachelor of Design (Hons) in Creative Media
Kong Cai Yi / 0363862
Application Design 1 / Bachelor of Design (Hons) in Creative Media
Project 2: UI/UX design document
INDEX
1. Lectures
3. Feedback
4. Reflections
LECTURES
Week 5/ Card sorting
In class, Mr. Zeon asks us to form groups of 3-4 people. One person in each
group will be the moderator, and the others will be participants. The
moderator's role is to observe the participants' performance and ask why each
feature is placed in a specific category. Participants need to categorize the
features and come up with new categories and features based on the given
topic: a travel planning mobile app.
Fig 1.1 Week 5 Lecture-Card sorting (20.05.2024-Week 5)
Fig 1.2 Class activities (20.05.2024-Week 5)
Week 6/ User Experience research
Today's lecture covered an introduction to user experience research, as we
move into defining the research purpose for our Project 2. Mr. Zeon taught us
various research methods and how to conduct user research. We also had a
consultation about last week's card sorting task. Our task for this week is to
create a set of online and interview questionnaires.
Fig 1.3 Week 6 Lecture (27.05.2024-Week 6)
Here's what you need to accomplish this week:
1.Finalize your interview and online questionnaire questions.
2.Find your participants and conduct the interviews and online
questionnaires.
3.Create at least three user personas.
*Remember, user personas should be based on research and real data. After
using tools like interviews and surveys to gather accurate information about
your audience, you should be able to generate these personas
effectively.
Fig 1.4 Week 7 Lecture (3.06.2024-Week 7)
Week 9/ User Journey Map & Digital Card Sorting
This week is public holiday, but Mr Zeon have attached teaching materials
for us in WhatsApp group chat, we are required to download and study them.
The materials include videos that we need to watch and learn from. If we
have any questions free feel to approach him via email.
Fig 1.5 Week 9 Lecture (17.06.2024-Week 9)
Fig 1.6 Week 10 Lecture (24.06.2024-Week 10)
INSTRUCTIONS
Project 2/ UI/UX Design Document
Instructions:
- Determine and verify their target audiences.
- Outline the content element of their app, and exercise card sorting method to achieve optimum information architecture.
- Listing the app features and identifying the application Minimum Viable Product (MVP).
- Create wireframes for main screens.
The outline of the document should include:
Introduction
Start the UX design document with an introduction that explains the
purpose and scope of the document, the target audience, and the
problem the app is intended to solve.
User Research
Provide a detailed description of the user research that has been
conducted. These could include user persona and user journey map.
Explain how the research informed the design decisions.
Information Architecture
Outline the content elements of the App and how they will be organized
to achieve the optimum information architecture. Explain the card
sorting method that was used and how it helped to organize the
content.
MVP (Minimum Viable Product) Features
List the App features and identify the minimum viable product (MVP)
that will be developed.
Week 5/ Card Sorting for the app chosen
1. Identify Content: List all the pieces of content or features in the EasyBook app that want to include in the card sort:
- Search Bus
- Parcel delivery
- User profile
- Create account
- Updates personal information
- Notifications
- FAQs
- Payment option
- Promo code
- Gift card
- Travel deals
- View billing history
- Easybook voucher
I use Miro for this task, I sort the cards into categories:
- Search and booking
- Account Management
- Sorting Management
- Customer Support
- Payment and Billing
- Deals and Offers
Fig 2.1 Card shorting for the app chosen (23.05.2024-Week
5)
Fig 2.2 Wild card added- Purple (27.05.2024-Week 6)
Week 6/ Develop Survey Questions
We are required to create a series of questions for user research after finishing the first project and presenting. I have decided to use a survey questionnaire as the research approach for this assignment. Through the survey, we will be able to collect a great deal of insightful data from participants, which will help me better understand their preferences and experiences with easybook applications.
DRAFT Survey Questionnaires:
Target Respondent: 50
Questionnaire (4 Section)
- Section A: Demographic
- Section B: Usage and preferences
- Section C: Introduction to the Easybook Application
- Section D: Overall design and experience
2.0 Qualitative -Interview Questionnaire
Target Interviewee: 5
Questionnaire (2 Section)
- Section A: Basic Information
- Section B: In-depth Experience with Easybook App
Fig 2.3 Draft Survey Questionnaires (29.05.2024-Week 6)
Week 7/ Modify Survey Questions
I sent my survey questionnaire to Mr. Zeon via email for review. He
identified areas for improvement and suggested an improved structure to
enhance my survey questions. After making the necessary modifications, I
have transferred all the questions to a Google Form for respondents to
answer. I plan to reach out to participants not only from Taylor but also
those who are actively booking transportation. My goal is to survey at least
50 people.
FINAL SURVEY QUESTIONS
Fig 3.1 Final Survey Questionnaires (03.06.2024-Week 7)
Fig 3.2 Transfer questions to google form (05.06.2024-Week 7)
- Google Form: https://forms.gle/4Y44cwh2D2woKYyPA
- Respondents Spreadsheet: https://docs.google.com/spreadsheets/d/1Bc_l2qUpAyGjkPvC5k0wCbVYjeuI9QdBup424mGO7kI/edit?usp=sharing
Fig 3.3 Google Form Survey (07.06.2024-Week 7)
INTERVIEW
At the same time when collecting data though google form, I have found
3 participants and conduct the interviews.
1. Interview Questionnaire:
Section A: Basic Information
1. Can you tell me a bit about yourself?
- What is your name?
- What is your age?
- What is your occupation?
2. Tell me about your travel habits. How often do you typically
book travel arrangements?
3. Have you used the Easybook app before?
4. How often do you use the Easybook app?
5. What modes of transportation have you booked using the
Easybook app?
- What is your name?
- What is your age?
- What is your occupation?
Section B: In-depth Experience with Easybook App
-
What are your initial thoughts on the Easybook app's design
and layout?
-
How do you feel about the visual appeal and readability of
the Easybook app, including the color scheme? How does the
color scheme make you feel when using the app?
-
Would you find notifications for seat availability useful?
If yes, how would you like them to be implemented?
-
Are there any other types of notifications or alerts you
would find useful? How would you like to receive them?
-
Can you describe any specific instances where you had
trouble finding billing details or other important
information?
-
Have you encountered any bugs or technical issues while
using the Easybook app? If so, how did they affect your
experience?
-
What do you believe is the most critical improvement needed
in the Easybook app?
-
Can you provide specific examples of features from other
travel booking apps that you think Easybook should
incorporate?
Click this
link
to View Interview Video
2. Data Analysis:
- Common Thoughts and Suggestions Initial Thoughts: Finds the app messy and hard to navigate.
- Design and Layout: All interviewees agree the app needs a redesign. Specific suggestions include simplifying the layout, avoiding clutter, and using a step-by-step booking process.
- Visual Appeal: Bright colors and small text make the app hard to use. A softer color scheme and larger fonts are recommended.
- Billing Information: Key information should be prominent, with optional add-ons listed after. Difficulty finding billing details due to prominence of optional add-ons like insurance; prefers fare information at the top.
- Notifications: Users would benefit from push notifications and email alerts for seat availability, booking confirmations, trip reminders, and changes or delays.
- Technical Issues: Users reported app crashes and payment issues, highlighting the need for improved stability and performance.
- Features from Other Apps: Incorporate real-time seating selection, integrated travel itineraries, and clean interfaces similar to Booking.com and Expedia.
- Critical Improvement: Simplify and redesign the app to prioritize important information and reduce clutter.
We are required to create at least three user personas. User personas should be based on research and real data. After using tools like interviews and surveys to gather accurate information about your audience, we should be able to generate these personas effectively.
Project 2 Slides Progress
Fig 4.1 Project 2 Slides Progress (11.06.2024-Week 8)
3 User Persona:
1. Hue Wan Teng
2. Perceus Tam
3. Phoon Yuk Guan
Fig 4.2 3 User personas (13.06.2024-Week 8)
Week 9/ Digital Card Sorting
After collecting all the response from digital card sorting, I have
created my information architecture map, outline the main content and
features of the app (Final Version).
This week, we will focus on user journey mapping. We'll continue with
our card sorting assignment by starting the digital card sorting
process. Once the digital card sorting is set up, send the link to
your participants. We need to gather input from at least 7
participants. By next week, we should have most of our UX documents
ready.
I used optimal workshop as my digital card sorting tools and have
collected 8 responses.
Fig 5.1 Digital Card Sorting (21.06.2024-Week 9)
Fig 5.1 Digital Card Sorting (21.06.2024-Week 9)
Week 10/ User Flow Chart
Fig 6.1 User Flow Chart Progress (26.06.2024-Week 10)
Click Here to view flow chat in Miro
Fig 6.2 Easybook User Flow Chart (26.06.2024-Week 10)
FINAL PROJECT 2
Click
here
to view project 2 slides
FEEDBACK
Feedback from Mr Zeon
General Feedback: My feature should related to the problem
that I found during project 1.
Specific feedback: Further discuss whether the
two new travel category should be combined or not.
WEEK 7:
Specific Feedback:
WEEK 10:
Specific Feedback:
- Summarize the target audience paragraph; it has too much information right now.
- List the conclusion of each section and its impact on future design.
- Need to have 5 interviewees.
- The user journey map part, promotion and deals phase, should come after the home page, not at the last page.
- Try out this application by booking a ticket in a realistic scenario to make it more convincing.
WEEK 11:
Specific Feedback:
- For target audience part, no need to include countries and services.
- What is the next step after I purchase the bus ticket? Should show more details on it in the user flow chat.
REFLECTIONS
Creating the survey questionnaire went quite smoothly, and I made
adjustments immediately after receiving feedback from the instructor.
After getting responses from 50 participants, moving on to the user
persona and interview stages presented some challenges for me. During
the interviews, I asked about their travel habits and gathered user
quotes to help with my user persona. Through this project, I felt I
could better understand users' needs and points of dissatisfaction.
Since everyone has different perspectives, analyzing their feedback on
the Easy Book app helped me gain insights into the direction my design
should take and where to place the corresponding features.
Creating the user flow chart was a particularly interesting part for
me. It felt like a large mind map and really tested my logical
thinking. I also deeply realized the importance of actually using the
app. This hands-on experience allowed me to gain a better
understanding of their customer service.
Comments
Post a Comment