I’ve had some experience designing digital experiences through self-initiated work, online courses, and college classes. But I wanted to challenge myself to complete a project on a tighter timeline. So I started my project by researching other designers’ concepts and case studies to find some inspiration. I then found some example briefs by doing an online search and settled on this one.
Sometimes strangers who have gone through similar situations can give the best advice when we’re going through rough times in our lives. How can you design an environment where people who are seeking help, feel safe to connect and support each other?
My goal for this project is to become more comfortable with the UX design process and to become more efficient with resources. It's going to be extra challenging for me because I have a tighter time line and am doing this as a solo project.
Secondary Research
Personas
Sketching
Wireframing
UI Design & Prototyping
Usability Testing
2 Weeks
If you are unable to see the prototype on this page, please click here.
I wanted to focus on ways to encourage connections with others, so I asked myself these questions.
Social connections are crucial to a healthy life. Without social connections, the risk of physical and mental health concerns rises.
Connections can be created by joining a group of likeminded individuals, or by finding people that share a common interest.
These bonds can be strengthened by listening with empathy and understanding, by being present and focused with each other, and by respecting each others boundaries.
Sam had key characteristics that helped propel my design thinking which were; Sam wanted to feel supported, wanted a sense of community, and didn’t have anyone around him that he could ask for help.
Even though Sam didn’t make an appearance in the final design, his persona helped to shape the “People like me” feature and the onboarding flow.
I wanted to establish the overall feel of the app and have that help inform the decisions I was making so I started building the app as if it were a character.
What does “Bodhi” mean?
Bodhi is a Buddhist term that roughly means awakening or enlightenment through knowledge and wisdom. “Sometimes the term is understood to refer to the manifold process of awakening by which one comes variously and eventually to know the truth of things ‘as they truly are’ there by enabling liberation from suffering and rebirth for both self and others.”
The logo
I wanted to have a logo for Bodhi that conveys the feeling of support and connection. The logo I chose to incorporate into this design includes three circles with lines that almost connect each one. This conveys a sense of connection as the circles represent people. Coincidentally, the circles also form a triangle, the most structurally strong shape. Implying that connections create strength.
The tone of voice
In an effort to create a safe environmentfor users to share these intimate andpersonal moments of their lives, thetone of voice throughout the experienceshould portray a sense of safety, caring,and support.
✅ Encourages the user
✅ Acknowledges the difficulties navigating life's obstacles
✅ Is gentle empathetic
❌ Is harsh
❌ Is sarcastic, or "short"
❌ Doesn't tell the user what to do, but gives recommendations
Go’s and No Go’s (Boundaries)
Users will have the ability to define what form of support they desire; advice, validation, perspective, concrete help, sharing experiences.
The choices that the user makes will become their “Go” option for help. The choices that the user does not choose will automatically become their “No Go” options. Users have the ability to change these “Go’s and No Go’s” every time they make a new request. These boundaries will be displayed within each post so that the commenters know how to best support the poster.
Matching users together
1. During signup, users will select experiences they would like to discuss with other users.
2. Users will also choose experiences they have encountered in the past.
Using these lists during signup we will be able to match users with each other based on the items they select.
These sketches helped me to visualize the user flow and see what additional screens would be needed to complete the experience. I found that it was difficult to write instructions that weren’t forceful or passive. I believe I achieved my goal of including a supportive tone of voice within these sketches.
I gathered some great feedback from my users which I used to further improve my design.
Users were unsure of what the concrete help, validation and perspective options mean. So I added in descriptions for each option and changed the question wording.
Users want to see more general feelings and categories like “Stress” during onboarding. So I added in more general topics and increased the number of choices. I also arranged them into a grid to make it easier to see a large number of options without needing to scroll.
Users wanted to know more about the experiences so they could have some talking points. So I added in the option to add a description to the experiences you are currently encountering.
If you are unable to see the prototype on this page, please click here.
I was able to create an environment for users to connect with each other and feel supported, I originally thought 3 days was realistic but I ended up spending a total of 2 weeks on this project. After completion, I have a better idea of how intensive the UX process can be.
I’m proud of the product I was able to create and I think it was a successful venture in trying to make my UX design process more efficient. I learned how to think critically about a brief with little background information and use the research and resources at my disposal to make a product. I think I could use some improvement in UI design but I have a better idea of how to set up a design system at the start of a project now.
I also found that creating a comfortable environment for users requires more attention to the small details and a reduction in confusion. Adding more descriptive information in areas that can be confusing or new to users (like choosing how they’d like to be helped - validation, perspective, etc) helps to make a positive experience for them. If I were to continue with this project, I would work on improving the visual design and focus more attention to the User onboarding experience.