WHEEL OF GRACE

 

The Problem

Most Christians I know, look for bible verses when they need encouragement. However, looking for a bible verse that relates to your immediate situation takes time and is inconvenient when you are at work or on the go.


Interview Process

To see if the problem was real, I created the interview questions on the right and interviewed over 10 Christians. The interviews were very helpful and I found that women in particular often searched for verses and felt inefficient in their search.  

1. There is a need....

People searched for a bible verse on a daily, weekly, and monthly basis.

2. Common Triggers

Interviewees searched for bible verses to encourage themselves through difficult times. (anxieties, struggles, road blocks..etc.)

3. Inefficient Search Experiences

The individuals that I interviewed claimed that it took them between 3 - 30 minutes to find a bible verse that related to them. Moreover, all of the people who searched for bible verses did so at home even though they often encountered situations away from home that caused them to want immediate comfort.


Persona


Competitive Analysis

I researched and found many topical bible apps but few of them felt personal to the user. As UX Designers, we focus on empathy and catering to the user so I want to create an experience that is personal to the user. Moreover, since the app will act as a search database, I wanted to make sure that the database can be improved and built upon so I added the features of  a verse rating system and an option for users to suggest bible verses.


Userflow

This is the main user flow which shows the journey of the user from opening the app, to finding a verse that is relevant to him or her. He or she then has the choice to rate, share, suggest, or bookmark the verse. 


Sketch Sample

Originally, I separated the emotions by 3 different faces - positive, negative, and neutral. However, I realized later into the project that I had too many negative emotions compared to the positive and negative ones. After many tries to even out the emotions, I decided that it made sense to have more negative emotions because people tend to look for comfort/encouragement when they are feeling negative emotions rather than positive/neutral ones. You will later see how I redesigned/organized the emotions to account for the excess of negative emotions.


Wireframes

I decided to combine the positive, negative and neutral emotions into one wheel to fix the issue I discussed during the sketching phase. To accommodate the many emotions, a quarter of the wheel will be displayed at a time and the user has the option to spin the wheel to see more emotions. After selecting an emotion, the user would be redirected to a situation wheel where he or she could choose a situation that relates. I also decided to do away with the faces and add a surprise me button in the center of the wheel in case the user wasn't looking for a specific emotion or situation but wanted to see a random verse. Lastly, users would get a chance to interact with the wheel before they are asked to register. 


Prototype & Usability Testing

I created a prototype using Invision and asked some Christian friends who fit my persona to test out my app. Below are the scenarios I used to guide my users through the app and test the usability.

Scenario 1: You feel bummed because you didn't get a raise. You want to find a bible verse that will encourage you during your 5 minute break. Your friend tells you that there is a brand new app that can help you do just that. You download the app. Next, how would you go about finding a bible verse that relates to your situation?

Scenario 2: How would you share that verse with a friend?

Scenario 3: You just remembered a verse you recently read during your devotion which applies to that situation. How would you suggest that verse?

Scenario 4: You want to view your bookmarks. How would you do that?

Scenario 5: You are not looking for a specific emotion or situation. You just want to find a random verse as a theme to start your day? How would you do that?


Usability Test Highlights

Overall, my users were able to complete the tasks quickly and with ease. 

The main issue was that my users tried to spin the wheel but since Invision does not have that function, they would accidentally press a emotion or situation and be led to the next screen.

To fix this issue, I added a "spin the wheel" ring on the outer edge of the wheel that would act as a button to spin the wheel. This way users would be able to spin the wheel without accidentally pressing something else.

Lastly, I made a few revisions from the feedback I received from from my teacher.

1. I changed the color of the wheels so that the emotion wheel and situation wheel are distinct from each other.

2. I tried to make the app more personal by asking why the user felt that specific emotion instead of just asking why he or she felt that way. (Ex: Why do you feel stressed? vs. Why do you feel that way?)

3. I reduced the size of the words "spin the wheel" and the arrow so that it would not distract the user from the title.

You can find my revised prototype here: https://invis.io/S741F8PPQ


VISUAL DESIGN

Here is a visual design mock up of how the app may look on IOS. My main purpose is to encourage / comfort the user so I wanted to make the wheel colorful and playful. After brainstorming some possible names for the app and asking for feedback from my users, I decided on the name "Wheel of Grace."