Cardinal

UI/UX Design

Starting Challenge

As a capstone project in Dartmouth College's UI/UX class, we worked with leaders of the Dartmouth Outing Club to redesign their leader-in-training journey.

The Dartmouth Outing Club offers many trips to locations and activities off campus and each trip is led by student leaders. However, the club currently has a shortage of leaders, particularly leaders that come from diverse backgrounds. Additionally, the process of becoming a leader is not standardized, often relying on outdated spreadsheets and personal connections. Therefore, we asked the questions:

How might we make the process of becoming a leader more accessible for students without a strong outdoor background?
How might we make the process of completing the co-lead leader requirements less dependent on existing relationships or the ability to strongly advocate for oneself?

The Product: Cardinal

Cardinal aims to create a smooth and supportive journey for leaders in training.

Cardinal app screen showing consolidated leader requirements and tracking

Feature 1: Clear, Trackable Requirements

Cardinal provides consolidated and easily accessible information about becoming a leader in all Dartmouth Outing Club subclubs, as well as ways for leaders-in-training to track their requirements.

Cardinal app screen showing trip pitch feature

Feature 2: Equitable Access to Current Leaders

Leaders-in-training have the opportunity to either pitch a trip idea that they are interested in and have leaders reach out to them or see and connect with current leaders.

Cardinal app screen showing leader connection feature Cardinal app screen showing leader browsing feature

Background Research

The Dartmouth Outing Club is an umbrella organization that supports 17 subclubs, each of which focus on a different outdoor activity. In order to lead trips for a subclub, a student needs to go through a leader training process. We started our research by finding where prospective leaders can start the process. Google searching "How to become a leader in the Dartmouth Outing Club" will bring you in two clicks to a document with links to each subclub's requirements. Some subclubs also send out termly emails with instructions on how to become a leader. However, these methods are not intuitive and hard to parse. From this research and our interviews afterwards, we learned that finding the resources and the motivation to become a DOC leader relies on a person being in the right place at the right time in order to hear verbal instructions and encouragement for starting the process.

Screenshot of existing DOC leader resources online Screenshot of existing DOC leader resources online

“On paper” resources for starting the leader-in-training process include a Google doc with links to subclub requirements and emails with these same links. All of these methods are difficult to locate and parse without verbal instruction.

After a leader decides to start the process, they need to figure out how to track their leader requirements. We learned that clubs use different methods ranging from complicated spreadsheets to no official tracking at all.

Screenshot of an existing DOC leader requirements spreadsheet Screenshot of an existing DOC leader requirements spreadsheet

Dartmouth Mountaineering Club and Cabin and Trail spreadsheets for tracking leader requirements, respectively. Each row represents one leader-in-training.

In our research for this project, we focused on Cabin and Trail (the hiking subclub) and the Dartmouth Mountaineering Club that primarily engages in rock climbing. We chose only two clubs to narrow our scope, and we chose these two because they best represented the range of skills that are taught across the DOC, from more technical knots and climbing techniques to the soft skills of successfully managing group dynamics on backcountry hikes.

From our background research, we learned that the resources for becoming a leader in the DOC do exist but are scattered across the internet and are difficult to access and easily use. Our findings helped us come up with interview questions that focused on how leader requirements are actually tracked and what the bright spots and pain points of the current process are.

User Research

In order to better understand the experience of becoming a leader for the Dartmouth Outing Club, we conducted in-depth interviews with multiple stakeholders. Our research included current leaders, leaders-in-training and students who did not complete the leader process.

We then developed two personas that represented two aspiring leader types:

Persona 1: Karl McBride — 20, he/him

Karl grew up backpacking with his family and went to rockclimbing camps over the summer. He entered Dartmouth confident in his outdoor abilities and in his desire to become a leader.

Persona 2: Katrina Ma — 19, she/her

Katrina comes from Houston, Texas and has never been hiking before. She went on a required first year outdoor trip and wants to go on more. However, she feels behind in her outdoor knowledge.

We mapped out the journey of the leader process for both of these personas in order to understand the enriched and poached parts of their journeys.

Journey map for Karl McBride through the DOC leader process Journey map for Katrina Ma through the DOC leader process

Journey maps for Karl and Katrina through the leader-in-training process

Pain Points and Insights from the Leader Journey

After reviewing the users' journeys and interview data, we identified three pain points in journeys of applicants similar to Katrina Ma.

Defining Design Priorities

First Sketches and Greyscales

In our first iterations we decided to focus on the problem of tracking leader requirements. In keeping with our design priority to simplify tracking and encourage focus on the leader process, we wanted to create multiple visualizations of requirements that convey the journey without hierarchy.

First sketches of Cardinal interface concepts First greyscale wireframe of Cardinal Second greyscale wireframe of Cardinal

Initial sketches and greyscale wireframes

The Pivot: A Bird's Eye View of the Leader Process

We showed our grayscales to several users, students in the CS52 Web Development course, and our professor and advisor for this course. While reception was generally positive, people also expressed concerns. One user wondered whether our model actually simplified the process more than a spreadsheet, and another wished there was more support built in for actually planning out the requirements. Our professor summed up these hesitations for us by challenging us to broaden our focus and ask what the pain points are for the leader process as a whole. Perhaps the answer to our need was not just portraying the requirements more clearly, but supporting leaders-in-training with the entire leader process. With this in mind, we conducted 3 more user interviews, came up with 6 pain points and 17 How Might We questions, and did another round of brainstorming and sketching that lead to our second prototype.

Second Prototype and Testing

We created a second set of grayscales based on our additional user research and conducted user testing with this set as well. Below are some of the major changes we incorporated as a result of feedback. We also got a lot of positive feedback, including, "This is something that I am really glad that someone is trying to improve."

Major changes from feedback:

Insight Change
Main page doesn't have enough info on what a leader is or why to become one Added animated visual with benefits of becoming a leader
Requirements page still doesn't give LITs a starting point Added FAQ at top + button to expand all tabs
Pitching process is complicated, doesn't address scheduling conflicts Simplified pitching with tags and minimal inputs + availability input
Feedback on the second Cardinal prototype

On Trusting the Process and Embracing Change

We started this process with a clear need: a complicated and confusing leader-in-training process that needed to be simplified. However, at the beginning of the process we mistook a clear need for a fully-defined one. Once we really dove into user research and worked to shed our bias of what we thought people wanted, we were able to figure out what would actually help them: a platform that fully supports students through the leader-in-training process.

At first, it was hard to let go of some of the original work we had done on better representing leader requirements at first. Eventually though, we learned to embrace and appreciate pivots, especially when we saw the excitement our users had for our new ideas.

Taking Flight

The next steps necessary for this project include:

A note on website development: this project was done in collaboration with Abigail's final project in her Full Stack Web Development course. In this course we were able to begin building out some of the functionality for viewing subclubs and tracking requirements.

Cardinal logo