top of page
Project Outline
Details
UX/UI Research and Design | University Case Study
Role
UX/UI Designer and Researcher
Tools
Figma, Creative Cloud, UML
Duration
4 weeks
MOODi
The app helping women understand their bodies reaction to hormonal contraception.
Develop a design for a mobile application that demonstrates aspects of permaculture, relating to People Care using the scenario-based design method. Your design can be functionally quite simple, but should be engaging and robust.
MOODi aims to address growing concerns regarding the effects of hormonal contraception on women's mental heath and physical wellbeing.
By offering a way for women to track their reactions, MOODi aims to offer grounds for early intervention, helping women tune into their bodies and take control of their reproductive decisions.
The Process
The project required the use of a scenario based methodology where early user input would be utilised throughout the project and used to navigate the direction it would take.
Understanding
PACT and Market Research and Analysis
Research focused on the growing FemTech sector in the UK, specifically feminine health. The research identified growing concerns over the effects of hormonal contraception which became the project focus.
There are 54 types of hormonal contraception available on the market here in the UK (The Lowdown). With over four million people who menstruate prescribed contraceptives in 2017/18 by British GP’s, the 54 products made up almost three million of these prescriptions (Davis and McIntyre, 2019). This reveals potentially two things, that people are not given tailored contraceptive advice to their own medical profile and that users are not aware of the effects of hormonal contraceptives.
User Survey
A survey was conducted with 37 people who menstruate from the ages of 18 to 25. The survey included five set answer questions with a sixth question added at the end where the participants could expand on their experiences of using hormonal contraceptives.
2 2
Describe your image
1 2
Describe your image
4 2
Describe your image
2 2
Describe your image
1/5
User Interviews
Five potential users were interviewed during the research phase. The interviews consisted of a set list of questions that allowed for users to expand answers. Constructed were lists of experiences, pain points, constraints and ideas.
User Personas
A number of fictional user personas were developed using data from the initial market research alongside the user data collected through interviews. The personas helped developed an understanding of who MOODi would be used by and the varying use cases involved between scenarios.
Conceptualise
Mission Statement
MOODi focuses on the principle of People Care which encourages ‘Looking after self, kin and community’ (PermaculturePrinciples.com) within the principles of Permaculture, a way of living in a society which works with nature rather than against it. MOODi aims to:
Conceptual Scenario
A user will log into the application from any mobile connected to the internet and be able to track the symptoms they are feeling whilst using HC. They will also be able to access additional information and recommended content whilst able to speak with other users.
Specific Scenarios
More specific scenarios were also created for a number of processes which formed the basis of collected user requirements for collating user stories.
Signing up and logging on
Users will be onboarded by inputting email and choosing a password. Afterwards the user will be prompted to choose a username and an avatar graphic, for anonymity.
Building profile
A user will be prompted to build their profile by going through a short questionnaire. This will include adding their age and listing any hormonal contraception they are using. The user will also be asked to note any issues they currently have i.e acne, period pain etc.
Making tracking entries
Users can add diary entries quickly and with ease. After choosing to do this they will be presented with several pre-set symptoms and side effects and will be asked to select. The user also can create a written entry at this point.
Conceptual Model
The conceptual model shows the overall user flow of the system from a high level of abstraction. It was developed to explore the information architecture of MOODi and the internal mapping features of the app.
Use Case Diagram
A use case diagram was developed to show the external and internal features of the MOODi application and how these interact with each other.
Iterate
Concrete Scenario
The system models and scenarios were iterated a number of times to finalise a suitable user flow. A concrete scenario was created to understand the users' interaction with the user within context.
"Elena has just gotten onto the tube doing her daily commute home in Whitechapel from her work in St James Park. The journey takes around 20 minutes, and she likes to go onto her phone to check her diary and to-do lists. Elena sees a notification on her phone from MOODi reminding her to track her side effects from her new contraceptive pill.
Elena logs into the app chooses to add that she has been feeling more tired and irritated but has fewer cramps. She clicks onto the home screen where she taps through a story about Mirena Crash which leads onto another about mindfulness in relation to your cycle. The stories take a minute each to read go through after which she checks responses to her comment in the Cerazette side effects forum.
After another five minutes Elena clicks out of the app and enjoys the final five minutes of her journey to Whitechapel."
Requirements Gathering
Functional and non-functional requirements were created based off of the user research, models and scenarios. A list was compiled using the MoSCoW structure to define the priority in development. The use case diagram includes the must have for deployment functions with extensions appearing as could haves.
Design
Style Guide Development
MOODi was designed to be natural, simplistic and clean in style with recognisable UI elements. The guide focused on standardising typography, palette, iconography, button styles, artistic style and logo across the applications design.
Prototype
MOODi Onboarding sign up
MOODi Onboarding log in
MOODi Forum
MOODi Onboarding sign up
1/10
bottom of page