07.04.2023 - 29.05.2023// Week 6 - week 8
Lim Yi Xvan 0354552
Bachelor of Design in Creative Media
Instruction
Task 2: UI/UX Design Document
Students are now prepared to move on to UX design after finalising the App
concept and idea. The students must create a thorough UX design document
that will provide them clearer instructions on how to develop the app.
The documents' outline should contain the following information based on
the data acquired in Task 1:
-
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, including user personas, user stories, and the pain points
and needs of the target audience. 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.
-
User Flow: Plan the user interaction and interactivity of the App by creating a
user flow diagram that illustrates the user's journey through the App.
Explain how the user flow was determined and what design decisions were
made.
1. Conducting User Research
First of all, we started by conducting user research which the methods
I've chosen is User Personas and Online Survey. For my online survey, I
used Google Forms to create the questions. There were a total of 4 section
in my questionnaire which were:
Section 1: Demographics
This section aims to gather demographic information about the respondents.
These details will help in understanding the user base and potentially
identifying any patterns or differences in app usage and preferences among
different demographics.
Section 2: App Usage & Satisfaction
This section focuses on the respondents' current usage of the Period
Tracker app and their level of satisfaction with it. These questions will
provide insights into the app's strengths and weaknesses from the users'
perspective.
Section 3: App Design and User Experience
This section delves into the importance of the app's interface designs
and its user experience towards the respondents. These questions aim to
gauge user preferences and expectations regarding the app's design,
functionality, and data privacy, allowing for improvements in these
areas.
Section 4: Suggestion and Feedback
This section provides an opportunity for respondents to share their
suggestions, feedback, and additional feature requests for the app. It
allows users to voice their opinions and provide valuable input for the
redesign process. Open-ended questions are included to encourage
respondents to express their thoughts freely.
After that, Mr. Shamsul evaluated every question in our survey and
provided us with advice on how to improve them before we finalised them.
The questions had been modified in response to comments, and it was now
time to start gathering responses.
Google Form Link:
|
|
fig 1 - me being an annoying friend asking my friends to fill up
the forms
|
I've been posting on my stories and also private message my friends on
WhatsApp and Messenger to ask them to help filling up my forms. Due to the
apps I'm doing is only being used mostly by female, so my participants of
the survey could most probably only be girls. This was actually a bit
restricted in gathering more responses or else the responses would have be
more.
|
fig 2 - responses received in survey
|
There were a total of 57 responses received in the Google survey which was up
to date til 29th of May. I went through each question's data piece by
piece and analysed it, just as we had learned to do in the Design Research
Dissertation. After the data analysis, continue to make interpretations for
each and every question. A summary or conclusion of the interpretation for
each part came next. Since there were so many questions, it took me a very
long time to complete only one portion of the section.
|
fig 3 - user personas
|
Then, I also conducted user personas as one of my research methods. By
creating user personas, there were 3 types of individual from different
group age. By having different group ages of people, we get to understand
what're their needs and pain point for the app.
Both user research methods, the user persona and online survey have provided
insightful information on the target audience's pain points, needs, and
preferences. Here are the design decisions informed after these both user
research conducted.
|
|
fig 4 - design decisions informed
|
|
2. Information Architecture: Card Sorting
Five respondents in all participated in the card sorting using the
online tool Optimal Workshop to place the cards in the designated
categories. Before providing the link to the participants, the
researcher would prepare the sets of cards and categories.
It was conducted to
ensure that users can navigate and find the content elements they need
with ease. Users may easily track their menstrual cycles, get insights,
customise settings, and access relevant health resources and knowledge
given that to the application's prioritisation of the essential features
and logical flow of the content.
I created a preliminary design of the contents elements and its
organisation for all the stuff that needed to be included in the app
before starting the cart sorting.
|
|
fig 5 - contents elements and its organisation
|
|
Here's the result to the card sorting:
3. Minimum Viable Products (MVP) Features
I determined the key features for the app after conducting extensive
user research and learning about the requirements and preferences of
Period Tracker app users. These elements, which offer vital
functionalities to produce a useful and usable experience for users,
were chosen based on user behaviours, feedback, and what people
requested the most.
5. User Flow
Now, we must create a user flow diagram that depicts the user's
navigation around the app in order to design the user engagement and
interactivity of the app. User journey planning, in my opinion, is a
crucial step in ensuring that app users have a seamless and engaging
experience. As a result, I said that the user journey map begins
with the app download and ends with the user being able to discover
how to easily track their menstrual cycles, track symptoms and find
related resources.
|
fig 7 - User Flow Diagram
|
Final outcome of task 2: UI/UX Design Document
Reflection
Although it was rather painful to finish this UI/UX design document for the Period Tracker App, I must admit that it has been a rewarding experience. I've never produced 80 pages worth of slides. I've been able to put the UI/UX principles and approaches I've learnt to use. I now have a better grasp of user-centric design thanks to the process of performing user research, developing user personas, and determining user needs. The card sorting method was particularly clever for organising the app's content because it revealed important information about the mental models and preferences of users. This activity helped develop an effective and simple information architecture that will improve user experience.
A seamless and useful app experience for users required careful planning of the user flow and selection of the MVP features. The user's point of view served as the primary design guiding principle throughout this process, and usability testing played a critical role in confirming these decisions. As I think back on this project, I'm enthusiastic about the potential effects of this user-centric design strategy and want to see the Period Tracker App come to life and provide its users with a great and memorable user experience.
Comments
Post a Comment