Empower Mobile Application

person project exploring a digital solution to an offline challenge

Empower Hero Square (18).png

 The Process

Scroll down to see my step by step decisions, or skip ahead to see the Results.

Speculative Project, Constraint of creating 30 screen maximum

Timeline: 4 Weeks

Role: End to End Mobile App Designer (UX Researcher, UX/UI Designer, UX Writer, Usability Tester)

The Background Problem

Microaggressions lead to lack of psychological safety. This may have long-lasting effects on psychological health.

Subtle discrimination, also described as microaggressions, communicates a spectrum of negative messages perceived by people on the receiving end. It may be unintentional or unconscious, and this gray area and lack of definition can invalidate the victim experience, which can perpetuate a traumatic cycle. Trauma can be caused from excessive and continuous exposure to subtle discrimination (both interpersonal and systemic) and subsequent symptoms that develop or persist as a result.

The Solution

I propose to create an independent safe space forum for those who experience microaggressions to share their story, connect with others, and find resources to help their healing journey. Enter:

Empower.jpg

Discover

While I knew some about the subject, I wanted to make sure to come to the project with an open mind and lay out risks before digging into a Research Plan. I was able to keep structure to my process and check in with assumptions along the way.

 

Learning the Arena with Secondary Research

I found Market Research data in regards to the problem, user & industry arena. I am now informed to continue on a more narrow path to see how other organizations have solved for the problem as well as to who will should be my target interviewee.

Attitudes

in the arena of microaggressions:
1. They may be more dangerous than overt discrimination
2. They have not been scientifically proven, don’t happen, cycle of oversensitivity
3. Subject is a gray area, complex, combines attitude ½ with many varying factors

Trauma Healing Aids

Because there are mental and physical health repercussions, professional help is often supplemented with additional tools, like methods to assist professional help. I focused on peer-to-peer support and found that it is a proven method of assistance.

  • For depression, used by 7.5 million adults in US in 2012

  • Results of peer coaching and support can measure up to 30% decrease in anxiety/depression

User Demographics

GenderWomen experience up to 40% more microaggressions than men

Gender

  • Women experience up to 40% more microaggressions than men

RaceWhite people experience the leastBlack men & women are at the highest rate

Race

  • White people experience the least

  • Black men & women are at the highest rate

 
Age<40 may be twice as likely to experience40% of Black adults 18-55 report receivingaged 56+ half as likely to report receiving

Age

  • <40 may be twice as likely to experience

  • 40% of Black adults 18-55 report receiving

  • aged 56+ half as likely to report receiving

Competitive Analysis

In order to learn how how microaggressions are treated in the market of emotional health and learn about potential competitors, I reviewed other companies in a Competitive Analysis to see what they offer the market and users.

The direct competitors target similar users based on demographics and how they process trauma. The companies do acknowledge the importance of a homophilic community, professional guidance and resources for emergency help.

Of the indirect competitors, two are quite broad. They include other areas of mental health, and physical health. One still has narrow focus, and is included as it’s focus is trauma based community healing which is metrically helpful for restoring psychological safety.

Primary Research with User Interviews

Using Provisional Personas to guide me in finding target users, I then interviewed 9 people aged 18-55, identify as non-white, identify as having experienced a microaggression.

Primary Research Goals

  • Learn what a user identifies as a microaggression and how they occur

  • Find out how one processes a microaggression

  • Learn if anything changes with that experience over time

Assumptions validated

  • Users always benefit from peer support

  • Users recognize that being a victim of a microaggression is painful and may be traumatic

  • Users sometimes want to heal and cope

Assumptions invalidated

  • Intent Matters, in fact, it is often the most important part in understanding the situation

  • Microaggressions are not always clearly identifiable to those experiencing them.

  • Unexpected pattern of speaking up:

Text: “By pointing this out, there’s a chance it could get corrected.” “Confrontation is an important side in being able to set aside what happened.” “Am I going to stand up for myself?”

Text: “By pointing this out, there’s a chance it could get corrected.” “Confrontation is an important side in being able to set aside what happened.” “Am I going to stand up for myself?”

Pinpointing Priority User Needs

To synthesize my Interview Findings, I created an Empathy Map to cluster patterns. By grouping findings together, I was able to keep bias out of the research and focus on data rather than my inferences or assumptions. The patterns generated insights from which I formed priority user needs. User needs are going to be the base problem for which I can soon start solving!

User Needs.jpg

Define

User Persona

In addition to needs, goals, frustrations and motivations, I was able to combine patterns into an amalgamation of a single persona. This is so that I can design for a combination of a large amount of users while keeping one name in mind:

Short Persona Empower.png

In order to work towards the solution for Annie’s needs, I created Problem Statements and asked the following questions:

  1. How might we inspire Annie to process a variety of negative emotions?

  2. How might we help Annie cultivate a trusted community from who she can get advice?

  3. How might we help Annie find efficient ways to learn the intent of a microaggression?

  4. How might we encourage Annie to practice speaking up for herself?

Setting Priority Goals

After an open Brainstorm, I aligned User, Business and technical considerations for planning the project into consolidated Project Goals. With the project goals in mind, I created a Product Road Map to prioritize features that are varied in effort and contribute directly to shared and user goals for using the app.

Additionally, I used Information Architecture to create an App Map. I used this as a reference to determine what screens to create in order to achieve the goals and features listed on the road map for the project.

The crux of the MVP will be how a user interacts with the app while creating and visiting guided journal posts since it is a less conventional overall design pattern. The posts then set the stage for communicating with other people on the app, the most desired and helpful part of the experience.

 
Road Map (1).jpg
 

Ideate

Crafting Primary User Actions

These task flows helped me figure out how the user can complete each task and guide how I will design the product using the UI Requirements so that I can focus on high level requirements to perform key actions and details to guide the user to success.

I supplemented the task flows with User Flows that show various paths and decisions that a user might make in addition to the ideal flow to eliminate dead ends or users getting stuck or slowed down.

1. As an active user, Annie wants to make a quick journal entry to log an interaction that just happened and check in with how it impacted her feelings.

 
Task Flow@2x (2).png
 
Empower Drawing 1.png

2. As an experienced user, Annie wants to see that other people have been reacting to her public post to feel supported and see what advice she may receive. She wants to read a comment in detail before deciding to send that user a message. 

 

Visualizing the Workflows

As I made these sketches, I reviewed them against each tasks UI Requirements to be sure everything was covered. I wanted to be sure to use best UI practices and avoid mimicking a social media platform, instead to focus on virtual support and allow the user to productively engage community. These sketches gave me a great jumping off point for digital wireframes.

Wireframe Sketches.jpg

Testing

My Usability Test Plan objectives were to stay observant and note pain points, learn about user interaction and evaluate the usability of the prototype.

Usability Testing the Mid Fidelity Prototype

I tested the Mid Fidelity Wireframes as a Prototype for usability with six target users. I found it really helpful to test for usability before I was able to get testing done quickly and early to work on revisions and improvements. I asked users to perform 5 tasks in order to test the goals. During the tests, users were able to verbalize their process in an efficient and clear way that focused on the UX.

Usability Test Goals.Empower.jpg

Results

I clustered patterns of user behavior with an Affinity Map. Some things were successful, there were additional patterns to keep in mind as I move foward with some higher level issues to address.

Success Metrics

Success Metrics.jpg

Highlights

Test Highlights.jpg

Additional Patterns & Insights

Pattern: Reads text copy in full
Insight: Newer users will spend time to focus on each part of the process instructions, need clear understanding of why and how to complete entry.

Pattern: UI conventions and mental model
Insight: Review best practices to be sure affordances are included in design.

Priority Revisions

I organized the high level issues above according to priority according to the level of effort I’d need to put in to revise for maximum impact. I chose to focus on Quick Wins with low effort and high impact, some higher effort projects with medium impact, and a constant, larger project that would be more work but have great impact as well.

 
 
Action Priority Matrix.jpg
 

Ideate Style

Now that the UI is adjusted for usability, I added style and branding to bring the application to life. I created the style by revisiting the project goals and reviewed brand attributes to determine what the business needs to convey to users to be successful.

Brand Attributes

  • Gender Neutral

  • Handcrafted, Personal Touch

  • Minimal, Space

  • Calmness, Relief

  • Support, Stability

  • Retro-inspired but modern


By using these attributes, I made decisive and thoughtful style decisions. I created original imagery and used journal entry copy from microaggressions.com. I used the Crazy 8’s method to come up with logo ideas and iterations. I compiled these results in a Style Tile and Brand Logo.

I then used them as a guide to easily and consistently apply the UI as I created Hi Fidelity Wireframes to show how the two workflows will look in action.
These wireframes use components I compiled into a User Interface Kit that will guide future iterations and application growth as well as for adding new devices with additional breakpoints. I was sure to include imagery as well as text to explain rules and consistencies as the UI moves forward.

Workflow 1 is how the user can efficiently create and post a new journal entry.

 

Workflow 2 shows the familiar and easy way of how a user can see comments on previous posts.

Results

 I am very proud of the informed design I was able to create to give users assistance. The Empower app is a space where users can process their experiences in a trusted community. They can practice speaking up and take their confidence offline for future interactions.

Takeaways

  • Assumptions Having assumptions will be inevitable, especially in a project that I have an emotional attachment towards. I found great value in naming my assumptions throughout the process so that I could prove/disprove them with data during both generative and evaluative research. This gave me many insights into the project that I was able to bring to the design.

  • Remembering the M.V.P. Creating and designing a brand new app is an endeavor with new decisions at every turn. It was important to keep within the scope of the project to create a Minimum Viable Product to get the application off of its feet. This way the app can grow incrementally with users centered as the focus. Keeping within the scope I was able to focus on details and testing the design while keeping business goals & values in mind.

  • Speed Moving fast with this process was crucial to get improvements in early and often. This aspect of the project combined my assumptions and the MVP. By working quickly, I was able to test and revise informed by user data and learning more about the user mental model. I was able to then make informed and strong design choices during revisions and following steps.

View the Prototype

In this high fidelity prototype, the user can create a journal entry and see new comments on their past entries.

What’s Next

Although this is a speculative project, I would be excited to work with developers during the process so they have access to the Figma file. When the style is added, they’d be best informed to continue coding and the process to make the design a reality.
From here, I can continue the design cycle for further priorities to expand the growth of the app and the help it can give to users.

Previous
Previous

Square