Task
This is a mobile application for those who love to write a diary. With this app, users can take notes on how they are feeling, answer complex questions and take fun challenges. Journaling is one of the best way to connect users with themselves and clear their minds.
Problem statement
Users are afraid of someone reading their diary. It is difficult to find and manage whatever was recorded previously. There is a big issue with losing the data.
My role in the team
I worked in a cross-functional team of 5 people. I was involved in all stages of the project, from mapping out the problem to delivering the final designs.
Research
More about the project
Target audience
When it comes to recruiting participants for your UX research project, often the very first step is defining your target audience. Our main target is females. The ideal age group will be from 14 to 22 years old.
Revenue model:
The basic service level of the product, like write daily in your journal, answer questions or take challenges is free but more sophisticated levels like user other themes, turn off adds will require users to pay a tiered subscription fee on usage levels.
Research
Define personas and journey maps
Personas are fictional characters, which you create based on your research in order to represent the different user types that might use your service, product, site, or brand in a similar way. Creating personas helps the designer to understand users’ needs, experiences, behaviors and goals.
As designers, we shape personas iteratively. We divide users into manageable groups and represent each with a typical embodiment – a persona.
Research
Empathy map
An empathy map is a collaborative visualization used to articulate what we know about a particular type of user. It externalizes knowledge about users in order to create a shared understanding of user needs and aid in decision-making.
Traditional empathy maps are split into 4 quadrants (Says, Thinks, Does, and Feels), with the user or persona in the middle. Empathy maps provide a glance into who a user is as a whole and are notchronological or sequential.
Design
UI information arhitecture
As a standard part of the UX process, designers create information architecture when building products. Defining every avenue and path that users can take through an app or website, information architecture is much more than just a sitemap to show what page leads where.
As part of the UX process, IA design follows very similar patterns to flowcharting: Add shapes and connect them with lines in an organized fashion to a single document. The challenge when building IA is in understanding how your app actually works from the user’s perspective, and how to organize that information into a readable, legible format.
There are two major requirements for actually constructing IA: organizing it through a visual hierarchy and creating a legend for displaying different types of features, interactions, and flows. With a standard flowchart, the shapes follow specific requirements;
In other words, the most important factors in building your IA are where individual components of the architecture are placed (hierarchically), and how they’re labeled and displayed.
Design
Paper and digital low-fi wireframes
Paper wireframes were converted into digital ones and prepared the clickable prototype for the first user testing. Please have a look at a couple of highlights of some wireframes for the user flow used in the gorilla testing.
Design
Colours and Typography
Colours and typography are two of the most important key elements that play a crucial role in determining the success and failure of an app.
As a matter of fact, typography and colours used in an app are what makes the first impression.
Design
UI Screens
Paper wireframes were converted into digital ones and prepared the clickable prototype for the first user testing. Please have a look at a couple of highlights of some screens for the user flow used in the gorilla testing.
