LinkedIn Peter LubaTwitter Peter Luba

Google UX Design Challenge

Who?

UI/UX + Startups

Role: UI/UX

What?

UI/UX + Startups

Peer mentor matching platform

When?

UI/UX + Startups

7 days, Feb. 2020
~10.5 hours

Peter Luba Google UX: Manatee Home

Overview

UI/UX + Startups

For a Google design challenge, I chose the following prompt to develop a mentorship program for new students — a platform to find the best match that has an impact. I researched existing solutions, spoke with current mentorship leaders, iterated on my initial designs, and developed high-fidelity prototypes.

Prompt

Your school wants to strengthen the community by encouraging experienced students to connect with new students and help them adjust to campus life. Design an experience that allows mentors and mentees to discover each other. Consider the needs of both mentors and mentees, including how someone may become a mentor and how to connect mentors to mentees.

Process & Scope

Peter Luba Google UX: Process

Research

UI/UX + Startups

I first took a look at the current solutions + competitors at my university. Multiple clubs and organizations had mentorship programs, however they were typically isolated within that small community and had forced participation. In addition, there was a large mentorship program with alumni, but not peer to peer.

Talk with People!

To get a better understanding of some of the key issues of the mentorship programs, I spoke with Amanda Morrison who leads the largest student mentorship program on campus (200+ students).

Here's a summary of the issues and complaints with the existing program:

  • Freshman don’t feel like they need a mentor, don’t know benefits
  • Matching process is poor. Generic questionnaire and always based on major
  • Mentees don’t get to pick their mentors. Automatically assigned
  • Mentor/mentees typically meet just once. No follow-ups
  • Mentors are busy and are not given direction

In order to make sure my scope wasn't limited to my university, I surveyed 35 of my high school friends from universities across the US how mentorship programs could be improved.

Peter Luba Google UX: Mentor Form

Key Issues --> Value Proposition

UI/UX + Startups

After preliminary research, I had a solid understanding of the issues students faced with existing mentorship programs. Summarized, I grouped the major problems into three categories:

Peter Luba Google UX: Key Issues

From these issues, I established clear value propositions for mentors and mentees why they should use the platform. These value propositions would be listed clearly on a landing page for the website. I'll be referring back to these value propositions throughout the development.

Peter Luba Google UX: Value Propositions

User Flows:

Onboarding

UI/UX + Startups

I began with white boarding basic requirements of attributes needed. Since mentors and mentees are both students, they have similar attribute requirements:

  1. Sign-in with email --> University SSO
  2. Profile details with a variety of attributes (professional + interests)
  3. Determine what is important in a mentor [or] how many mentees the mentor wants
  4. Matched!
Peter Luba Google UX: Whiteboard

Profile Details

Mentees + mentors fill out the same profile details since they are both students and would have similar attributes. I split up the attributes into professional and non-professional, since students may value both in a mentor.

Professional:

  • Major(s)
  • Activities
  • Work experience

Non-Professional:

  • Hometown
  • Interests
  • Personality traits

When users input attributes on the site, there will be a drop-down menu with tool-tips and examples.

Mentee Preferences

Instead of simply matching mentees with a mentor with the closest attributes, mentees can choose which attributes they value more in a mentor. This was one of the key issues with existing mentorship programs.

Peter Luba Google UX: Quotes

Instead of listing all of the mentee's attributes and having the user rank-order them (time-consuming, inaccurate), I thought it would be the best to make an interactive game to determine the values:

Peter Luba Google UX: Game

By making the game time-based, it reduces the time-sink aspect and puts pressure to act on impulse, increasing the accuracy of results.

Choosing a Mentor

Finally, instead of automatically matching them to one mentor, the preference game algorithm will show them multiple mentors that best match their preferences. This allows the user to have a greater sense of control, which was one of the key issues I found with existing mentorship programs.

User Flows:

Fostering the Match

UI/UX + Startups

After the user is onboarded, fostering the match is imperative. Having a successful mentorship once matched was another key issue I identified. Before brainstorming, I outlined an assumptions baseline about the platform.

  1. Two-way communication through email
  • Having a dedicated chat in our system for communication would become too cumbersome and less personable
  1. Meeting scheduled through the app, sync with external calendar service
  • Meeting can be scheduled through our platform and then exported as calendar invites (Google Calendar, iCal, etc.)
  1. No preference where meetings are conducted

From the initial research survey, many students responded with suggestions of how the mentorship could have been better. I further defined these:

Peter Luba Google UX: Whiteboard

Mentorship Toolkit

To make the mentorship engaging (and make it last longer than the first meeting), including a mentorship toolkit with ice-breakers, discussion topics, and guides would be extremely valuable.

Also, it can help open the conversation and break down the barrier of talking about potentially awkward topics.

Meeting Details

To evaluate whether the mentorship is going smoothly, pre-meeting and post-meeting check-ins would be valuable. Mentors and mentees could add personal meeting details, link a "discussion guide" they plan to use, and rate the conversation.

Engagement

Suggestive prompts and notifications will appear throughout the interface, ensuring the value-proposition is clear and keep users engaged. Measuring sign-in activity and ratings will also affect these engagement prompts.

Examples:

  • Initial meeting schedule prompts
  • Post-meeting check-in
  • Haven't had a meeting in a while? --> Schedule one or change your mentor
  • Low rating on a mentor? -> Change your mentor

Wireframes:

Onboarding

UI/UX + Startups

Peter Luba Google UX: Wireframe

Wireframes:

Fostering the Match

UI/UX + Startups

Whiteboard wireframes for the mentor and mentee dashboards + engagements.

Peter Luba Google UX: Whiteboard

Testing & Iterating

UI/UX + Startups

After user-testing the onboarding stage, I made a few changes to the initial wireframes

  • Most new students don’t have LinkedIn profiles or college-ready resumes, so I changed the mentee landing page to manually enter profile details as the larger button
  • Many new students don’t know their majors yet, so the tooltips on the profile fields will suggest they enter areas they are interested in

High-Fidelity:

Mentee

UI/UX + Startups

Prototype of mentors onboarding including attribute input, preference game, and preparing matches.

Peter Luba Google UX: High-fidelity Mentor

Choosing a Mentor

After the mentee's matches are ready, the user sees multiple mentors that best matched their preferences.

Peter Luba Google UX: Mentor Pick

Mentee Landing

After the user select a mentor, they can schedule meetings, view toolkit items, and edit their profile.

Peter Luba Google UX: Mentee Landing

High-Fidelity:

Mentor

UI/UX + Startups

Prototype of mentor onboarding including attribute input and selecting how many mentees they want.

Peter Luba Google UX: Mentor

Mentor Landing + Mentee Page

Peter Luba Google UX: Mentor Landing

Toolbox

Peter Luba Google UX: Toolkit

Final Touches:

Branding

UI/UX + Startups

I chose a simple design system I developed that's versatile a great for cross-platform. The colors light-blue, navy, gray, and red accents contribute to the "cool and collective" mood. I used undraw.co's illustrations and icons8 (iOS Glyphs) icon pack.

I chose the name Manatee since manatees are known as the friendliest animals of the sea (also mentor and mentee combined sound similar).

Next Steps

UI/UX + Startups

Throughout the process, whoever I thought of a feature and concluded it was for a future iteration, I added it to a list. Here are the highlights:

  • Temporary/permanent mentors (only want to be a mentor for 1 year)
  • Transition phase from being a mentee to being a mentor
  • Pro-mentors, search/filter/sort your mentees
  • Leadership board for best mentors (promotes mentors to be their best)

A very big thank you goes to Amanda Morrison (leader of the largest mentorship program at Lehigh), my close friends for their profile pictures, and the people in our school library who I stole whiteboards from.

UI/UX + Startups