Find a mentor for your specific needs

Mentor.ly

UX Designer & Researcher
User research, wireframing, prototyping, mockups
Dec 2021 - Jan 2022

The goal

Design a tool allowing both mentors and mentees to match based on interests, skills, profession, and current projects.

The problem

Mentors and mentees can’t always find someone. And even when they do, it isn’t always the right fit.

Mentorship addresses the social precedent for meaningful mentor relationships in the world today.

Gaining Context

User research | Personas | Problem statements | Competitive audit

User Research

Understanding the user

I interviewed 5 different people about their mentorship experiences and probed for their thoughts on what made those experiences good or bad. This helped me gain a sense of what people expect going into a mentorship relationship, which aided my approach in designing the mentorship platform.

Illuminating the pain points

Unavailability

Unavailability is a problem many people have when mentoring with someone. We needed a way to make it clear what mentors were getting before they signed up for it.


Inconsistency

Inconsistency plagues many relationships today, so we needed to find a way to provide accountability to mentors and mentees alike to help keep people on track with their commitments.

Can’t find anyone

Many people today can’t find anyone to mentor them. While this may be for various reasons, a tool like the one we were building needed to make it easier than trying to find someone in person, since that clearly has not worked for the people struggling here.

Knows no one

Many people just don’t know anyone who can mentor them or who would want to let them mentor them, so this platform we were designing couldn’t rely solely on mutual connections.

Personas

Tarryn

Mentor.ly Persona 1 with Problem Statement and User Story
Tarryn is likely to reach out online and try a tool like the one we’re building because she’s a busy college student, who’s most-likely had to optimize her life through different tools and conveniences before in order to save time.

Darrell

Mentor.ly Persona 2 with Problem Statement and User Story
Darrell is probably hesitant to waste his time with an online tool as his schedule is already extremely full, but he decides to give this one a try due to the kind suggestion of a respected friend.

Competitive Audits

Mentor.ly Competitive Audits

Starting the Design

Sitemap | Paper wireframes | Digital wireframes | Low-fidelity prototype | Usability study

Sitemap

We created a sitemap for the ideal mentorship website, based on our research.

Mentor.ly Sitemap

Paper Wireframes

Ideation with wireframes presented a great opportunity to think about target audience and empathize with the people who might use the platform.

Mentor.ly Paper Wireframes
Ideating through screen-size variations of the platform provided a good place to start designing for different screen sizes.

Digital Wireframes

Mentor.ly Digital Wireframes
The Confirmation page after requesting a mentor confused many people in usability studies because of its in-depth overview. Instead of giving users every single detail back again, we allowed them to make changes and review their basic request.

Digital Wireframe Variations

Mentor.ly Digital Wireframe Variations
Users looking for mentors on the site needed a knowledge of ratings, matching percentage, as well as tags to help users search narrow down to the right categories.

Low-fidelity prototype

Users go through an account creation phase (added from the first version) where they can sign up via LinkedIn. They then fill out their profile and can see resulting matches tailored to their own profile, needs, and wants.

Mentor.ly Low-Fidelity Prototype

View low-fidelity Prototype: desktop / mobile


Usability study

Parameters

Study type: Moderated usability study
Location: United States, remote and in-person
Participants: 5 participants
Length: 20-30 minutes

Findings

  • Inspire Trust
  • Guide users
  • Be extra clear

Our study led us to the following conclusions. In a nutshell: more transparency. The tool needs to inspire trust while assisting the building of rapport between potential mentors and mentees.


Based on our study,

  1. People need to be given clear feedback each step of the mentor-finding process, including the confirmation after the final step, and
  2. The mentor request and mentor search features left users uncertain about functionality and how these features applied to them.
Mentor.ly Affinity Diagram

Refining the Design

Mockups | High-fidelity Prototype | Accessibility Considerations

Mockups

Search-by-tag, Mentor ratings, and relevancy ratings at a glance were all suggested and implemented.

Mentor.ly Mockups (Lo-Fi to Hi-Fi)
Mentor.ly Mockups (Lo-Fi to Hi-Fi)

Multiple usability participants wanted to see reviews and credentials on the Mentor page.

Mentor.ly Mobile Mockups (Lo-Fi to Hi-Fi)
Mentor.ly Desktop Mockups (Lo-Fi to Hi-Fi)

Mockups: Original screen size

Mentor.ly More Mockups Desktop

Mockups: Mobile

Screen size mockups included the mobile variety which focused on emphasizing the most important part of each page so that nothing important was lost. Whereas Call-to-action buttons are small (yet prominently displayed) on a large screen because of the novelty factor. Buttons needed to retain their distinct size on mobile screens to allow adequate real estate for tapping.

Mentor.ly More Mockups Mobile

High-fidelity prototype

High-fidelity prototypes focused on rich user experience while keeping everything clear, systematic, and concise.
Prototype: desktop / mobile

Mentor.ly Hih-Fidelity Prototype
Desktop, Mobile, and Components in Prototype View. (Adobe XD)

Accessibility considerations

We needed to make sure colors showed up well (high-contrast) for all users, including the older demographic which we believe will make up many of the people using the tool. Font-size was an issue that we wrestled with in order to best display information without compromising on professionalism in the brand. Clearly labeling forms was a top priority in order to make them accessible to everyone.

Moving Forward

Takeaways | What I learned

Takeaways

Impact

“I think it's really simple.”
–Krista F.

What I learned

Mentorship is a complex feature of the human existence with a unique, person-by-peron dynamic. Instead of forcing people to use a “one-size-fits-all” approach to finding & interacting with mentors, we fostered an atmosphere where individuals get to decide how they would reach out to and interact with their prospective partners.

View Case Study Deck.

Let's connect!
zachary@dewfire.com

Next Case Study (Mana Café) >