Training Events - GenOn Ministries

GenOn

Overview

Churches have started to realize an issue where young parishioners get confirmed (the last step to becoming full fledged members of the church) and then stop regularly attending church.

GenOn Ministries is a Christian Nonprofit that hopes to counteract this issue by providing ministries with resources to help develop intergenerational ministry. Youth programs within ministries are commonly siloed off from the rest of the church. With this dynamic, young churchgoers have little involvement with the other age demographics within a ministry. This leads to an institutionalized idea that upon confirmation a church members regular attendance should sharply decline.

With the intergenerational ministry that GenOn has developed, young parishioners are involved with the other generations and develop a view of their faith and involvement with the ministry as a lifelong commitment.

Role

I had the following responsibilities for this project:

  • Developing a user persona
  • Mapping a user flow
  • Drafting wire frames
  • Developing a clickable prototyping
  • Performing moderated user testing
  • Performing AB testing

The Problem

Church administration that is untrained in leading and providing intergenerational experiences for parishioners, will see markedly less success.

In other words, the success of GenOn's services is directly dependent on the extent to which their partner churches regularly attend their training events.

GenOn's current website is not entirely conducive to converting users into training event attendees.

Heuristic Analysis

Heuristic Score Value
Visibility of system status 3/3 75-100%
Match between system and the real world 1/3 25-49%
User control and freedom 2/3 50-74%
Consistency and standards 3/3 75-100%
Error prevention 2/3 50-74%
Recognition rather than recall 3/3 75-100%
Flexibility and efficiency of use 3/3 75-100%
Aesthetic and minimalist design 1/3 25-49%
Help users recognize, diagnose, and recover from errors 3/3 75-100%
Help and documentation 3/3 75-100%

User Persona

I worked with the executive member of GenOns board of directors to create a user persona to guide the development of this user experience. Referring back to this user persona has ensured that every part of this user experience is working to serve Greg’s needs.

Wire Flow

I created this wireflow using whimsical. This process helped me determine the scope of the project that I was taking on.

Drafting and Digitizing Wireframes

Starting with the wireflow gave me a clear idea of how I wanted each of my screens. Using Sketch, I brought the screens from the low fidelity to a nice mid-fidelity for user testing.

1 / 5
Home Page + Get Started + Menu
2 / 5
View Events
3 / 5
Register for an Event
4 / 5
Request to Host Training

Clickable Prototype

Using InVision I drafted a clickable prototype to present to users during my user testing. I decided to use InVision instead of other prototyping tools like Sketch’s built in prototyper, Principle, or Adobe XD for a couple of reasons:

Speed
I needed to get this project done in a very short window of time. Having used InVision several times before I felt that I could rapidly create a solid prototype.

Cost
I did not have access to better, paid prototyping tools. InVision allows me to permanently host one prototype online, per account.

Cost
InVision allowed me to easily transfer my prototype to anyone with access to a browser, on a desktop or mobile device.

Click Here to view the clickable prototype that was given to users during round 2 of user testing.

User Testing

I performed two rounds of moderated user testing and one round of AB Testing.

Round One: Moderated User Testing

In this round of user testing I interviewed customers at Dogwood Coffee and Spyhouse coffee in Northeast Minneapolis.

Here are some of the takeaways from this round of user testing:

  • Users thought it looked "clean and professional"
  • Users were a little confused about what a LOGOS Encounter was
  • Users liked the navbar, the hero image, and the "Get Started" page
  • Users were fond of the simplicity and minimalist design

Round One: Adjustments

After this round of testing I implemented the following improvements:

  • Changed the LOGOS Encounter page so that content isn’t behind buttons
  • Rearranged the “Who its for section” within LOGOS Encounter
  • Made a button to open up a detailed outline of LOGOS Encounters
  • Changed the verbiage in the “Thank you for Hosting” page to be less committal
  • Adjusted the GetInvolved and menu options to make more sense

Round Two: Moderated User Testing

In this round of user testing I interviewed customers at a Spyhouse coffee in downtown Minneapolis.

Here are some of the takeaways from this round of user testing:

  • Users really enjoyed the overall navigation
  • Users were impressed with the checkout system
  • Users found everything really easy to use
  • Users were a little confused about why they were asked to provide two dates

Round Two: Adjustments

After this round of testing I made the following designs

  • Adjusted the verbiage asking users to provide two dates for hosting an event
  • Added print buttons to both thank you pages
  • Added return buttons to both thank you pages
  • Add the background on all appearances of the “Logos Encounter” tab

AB Testing

Once I had the user testing ironed out, the final step of this project was to add some color. To make this project practical for my client I used their brand colors in my designs:




I placed the following screens in front of 15 people at Spyhouse Coffee on Washington Ave:

Here are the results

  • A: 3/15 people ranked A as their favorite screen
  • B: 9/15 people ranked B as their favorite screen
  • C: 3/15 people ranked C as their favorite screen

Final Outcome

I set out with the goal to expand my knowledge of user experience design beyond what I learned in my previous projects. I implemented a heuristic analysis to get insights into what aspects I would focus on when redesigning the training flow. I conducted AB testing as part of the user testing which helped me add some color to my slides.

Overall, I am very happy with the deliverables I have produced from this project. Here is what the final screens look like:

1 / 5
Home Page + Get Started + Menu
2 / 5
View Events
3 / 5
Register for an Event
4 / 5
Request to Host Training

Takeaways

I expanded my knowledge of user experience design throughout this project. Here are the three key takeaways that will strengthen my designs in the future:

  1. Reuse

    One of the things that users consistently commented on was that they liked the design of the events list. This was based on a design that GenOn has on their current website.
  2. Context

    Even though I didn't think the part of the website that I was building depended on the the home page or the about us page, the users still depended on the context that those pages provide.
  3. Consistency

    I made efforts to maintain consistency in spacing and button sizes throughout my project and it saved me a great deal of time. In previous projects I did not take as much care and had to spend time going back through to clean them up.