Application Design I | Task 2: UI/UX Design Document
Iman Mikudim | 0338004 | Section 1
Application Design I | Bachelor of Design (Hons) in Creative Media
SECTIONS
- Lecture 4: Card Sorting Method
- Lecture 5: Introduction to User Experience Research
- Lecture 6: User Persona
- Lecture 7: User Journey Map & Digital Card Sorting
- Lecture 8: Site Map & User Flow Diagram
- Lecture 9: Information Architecture
- Lecture 10: MVP & Wireframe
| Feedback
LECTURES
Lecture 4 | Card Sorting Method
Lecture 5 | Introduction to User Experience Research
Lecture 6 | User Persona
Lecture 7 | User Journey Map & Digital Card Sorting
Lecture 8 | Site Map & User Flow Diagram
Lecture 9 | Information Architecture
Lecture 10 | MVP & Wireframe
INSTRUCTIONS
1. Brief
After locking down their app concept and idea, students are now ready to proceed to UX design. The students 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, students will:
- 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.
- Plan the user interaction and interactivity (Flow chart).
2. Process
(i) Card
Sorting
a. Exercises 1 &
2 (Travel and Music
App)
Fig 1.1 Card Sorting
Exercise #1 (Travel
App) | Week 5
(21/10/24)
In week 5, we
completed a group
exercise involving
a hybrid
card-sorting
activity as
preparation for
our user research
in task 2. We
worked through
several rounds of
moderated card
sorting together
before finalizing
the
arrangement.
Fig 1.2 Final
Card Sorting
Exercise #1
Categorization
(Travel App) |
Week 5
(21/10/24)
Fig 1.3 Final
Card Sorting
Exercise #2
Categorization
(Music App) |
Week 5
(21/10/24)
As an
extra
exercise,
we were
tasked
with
choosing
another
app
category
and
conducting
a card
sorting
exercise
for it. We
settled on
choosing a
music app
and
proceeded
to
categorize
it.
b. Domino's
App
Fig 1.4 Current
Domino's App Card
Sorting | Week 5
(21/10/24)
After becoming
familiar with the
card-sorting
process, we were
assigned to
conduct a
card-sorting
activity for our
chosen app—in my
case, the Domino’s
app.
Fig 1.5 Domino's
App Redesign Idea
Card Sorting
(Initial) | Week 5
(21/10/24)
After receiving
feedback from Mr.
Zeon, he noted that
the sorting was
thorough and detailed. His only suggestion
was to remove the
gamification page
from the home screen
and display it
exclusively on the
account page. He
also suggested
consolidating live
tracking and active
orders into a single
section.
Fig 1.6
Domino's App
Redesign Idea Card
Sorting (Revised)
| Week 6
(28/10/24)
Fig 1.7
Domino's App
Redesign
Idea Card
Sorting
(Description)
| Week 6
(28/10/24)
After
reviewing
the card
sorting, I
chose to
add brief
descriptions
to each
card to
enhance
clarity.
In week 5, we
completed a group
exercise involving
a hybrid
card-sorting
activity as
preparation for
our user research
in task 2. We
worked through
several rounds of
moderated card
sorting together
before finalizing
the
arrangement.
As an
extra
exercise,
we were
tasked
with
choosing
another
app
category
and
conducting
a card
sorting
exercise
for it. We
settled on
choosing a
music app
and
proceeded
to
categorize
it.
After becoming
familiar with the
card-sorting
process, we were
assigned to
conduct a
card-sorting
activity for our
chosen app—in my
case, the Domino’s
app.
After
reviewing
the card
sorting, I
chose to
add brief
descriptions
to each
card to
enhance
clarity.
Click HERE to view card
sorting for the
Domino's app on
Miro.
Fig 1.8
Domino's App
Card Sorting
(Current,
Revised &
Description) |
Week 6
(28/10/24)
(ii) Data
Collection
a. Survey &
Interview
(Questions)
(ii) Data Collection
a. Survey &
Interview
(Questions)
Click HERE to view the initial
survey questions on
Google Docs.
Fig 1.9 Survey Questions
(Initial) | Week 7
(4/11/24)
Fig 1.9 Survey Questions (Initial) | Week 7 (4/11/24)
Click HERE to view the initial
interview questions on
Google Docs.
Fig 1.10
Interview
Questions (Initial) | Week 7
(4/11/24)
Fig 1.10 Interview Questions (Initial) | Week 7 (4/11/24)
In Week 7, I
emailed Mr. Zeon for
guidance and
feedback on my
survey and interview
questions. The PDF
below are his
comments and the
adjustments he
recommended:
Click HERE to view the survey
and interview feedback
on Google Docs.
Fig 1.11 Survey and
Interview
Questions (Feedback) | Week 7
(7/11/24)
Fig 1.11 Survey and Interview Questions (Feedback) | Week 7 (7/11/24)
After
considering Mr.
Zeon's feedback,
I made the
necessary
changes and
adjustments,
then proceeded
to distribute
the
questionnaire
and begin
interviewing
respondents.
After
considering Mr.
Zeon's feedback,
I made the
necessary
changes and
adjustments,
then proceeded
to distribute
the
questionnaire
and begin
interviewing
respondents.
Click HERE to view the final
survey questions on
Google Docs.
Fig 1.12 Final
Survey
Questions
(Revised) | Week 7
(7/11/24)
Click HERE to view the final
interview questions on
Google Docs.
Fig 1.13
Final Interview
Questions
(Revised) | Week
7
(7/11/24)
Once the questions
were finalized, I
created the survey,
uploaded it to Google
Forms, and began
distributing the link
for responses.
Click HERE
to view the survey
questions in Google
Forms.
Fig 1.14 Survey
Questions on Google Form
| Week 7
(8/11/24)
b. Survey &
Interview
(Responses)
Click HERE to view the responses
of the survey in
Google Forms (Total
respondents: 53)
Fig 1.15 Survey
Responses on Google
Forms | Week 9
(21/11/24)
Click HERE
to view the responses
of the interview in
Google Sheets (Total
respondents: 3)
Fig 1.16
Interview Responses on
Google Sheets | Week 9
(21/11/24)
I decided to use
Google Sheets to
record the data
because I find it
easier to view all the
data together and
easily compare the
three different
responses.
c. Card Sorting
The card sorting
exercise was
conducted using UXtweak, with a total of
8 participants who
sorted the cards
into the
predefined
categories. The
card sets and
categories were
prepared in
advance, and the
link was shared
with the
participants for
completion.
Fig 1.17
Card Sorting
Setup | Week
10
(27/11/24)
Fig 1.18
Card Standardized
Grid | Week
10
(28/11/24)
d. Information
Architecture
Map
Click HERE
for the Information
Architecture Map in
Miro.
Fig 1.19
Information
Architecture
Map | Week 10
(28/11/24)
e. User
Flowchart
Click HERE
for the User
Flowchart in
Miro.
Fig 1.20 User Flowchart
| Week 10
(29/11/24)
b. Survey & Interview (Responses)
Fig 1.16 Interview Responses on Google Sheets | Week 9 (21/11/24)
Fig 1.19 Information Architecture Map | Week 10 (28/11/24)
3. Final
Click HERE for the link to the final UI/UX design document in Canva.
FEEDBACK
Week 6 (28/10/24)
General Feedback:
-
Ceate open and close-ended
questions.
-
Do not just mention the weaknesses,
ask about strengths of the app as
well.
-
Don’t write leading questions
(making assumptions for e.g. “which
features do you love in the app”).
This assumes that there are some
features that users do love.
-
Show some screenshots of the app
relating to the question in the
questionnaire.
-
Create a set of online
questionnaires (10 questions).
-
Create a set of online
questionnaire questions (15
questions).
Week 7 (4/11/24)
General Feedback:
-
Create a user persona. There
are additional learning materials at
the end of the slides that you can
use for self-learning. If you need
any further clarification, feel free
to reach out.
-
Once you have the data from the
interviews and surveys, you will
have a better idea of your
persona.
-
During the independent learning
week, I will provide additional
teaching materials in the group for
self-learning, which will cover user
journey maps and digital card
sorting. I'll announce the details
in the group next week.
Specific Feedback:
-
Make the necessary adjustments based on the feedback
provided and proceed to distribute the questionnaire and
begin interviewing respondents.
Week 8 (11/11/24)
*Independent Learning Week*
General Feedback:
Complete digital card sorting with 7 real participants using Optimal
Workshop and create a user journey map with a Miro template. Watch the
provided videos for guidance. For submission by week 10,
include:
-
Survey & interview analysis (50 surveys, 5 interviews).
-
User Persona (5 detailed personas).
-
User Journey Map (1 map).
-
Digital Card Sorting (7 participants).
-
Ensure all tasks are thorough and ready for review.
Week 9 (18/11/24)
General Feedback:
-
Reduce the amount of interview responses needed from 5 to 3
responses.
-
The deadline for submission is extended to the 1st of December.
REFLECTIONS
This task was quite challenging due to the extensive user research involved. Gathering responses and scheduling interviews took a considerable amount of time, and balancing this with other assignments made it difficult to allocate enough time. Despite the difficulties, it was a valuable experience that deepened my understanding of the various methods used in user experience research.
From the survey and interviews, I gained a clearer understanding of the app's shortcomings and the features that users truly appreciated. I found that all aspects of the UI/UX documentation were interrelated. For instance, creating user personas required referencing the survey and interview results, while developing the site map and user flow relied on the outcomes of the card sorting exercise. Each step had to be completed in order to successfully complete the process.
One aspect I would have preferred was if card sorting platforms like Optimal Workshop and UXtweak were not paid services. I had to re-group and redo some of my card sorting due to the limitations on the number of cards I could input in the free version of the website.
