An App for Mentors and Mentees to Connect, Learn, and Grow

Client

ZEAL, LEARN Academy

Role

UX Designer, UI Designer

Focus Areas

User Research, Information Architecture, Prototyping, Usability Testing, Visual Design (from established components)

The Challenge

The Software Residency, created by ZEAL and LEARN Academy, aimed to close the skill gap between junior and senior engineers through mentorship. The challenge was to develop an app enabling mentors to easily track and support their mentees' growth.

Impact at a Glance

Mentor Flow in Software Residency App - Step 4
Mentor Flow in Software Residency App - Step 2
Mentor Flow in Software Residency App - Step 3
Mentor Flow in Software Residency App - Step 5
Mentor Flow in Software Residency App - Step 6
1

Unified Platform: An app providing mentors with an overview of all their mentees and their progress.

2

Efficient Tracking: Simplified weekly updates and quarterly evaluations to track mentees progress.

3

Collaborative Feedback: Enabled mentors to collaborate on mentee development.

Understanding User Needs

We conducted surveys and interviews with mentors, mentees, and administrative roles to gather goals and needs for the app. The data was synthesized into an Affinity Map, identifying key insights to shape the app's features and initial user stories.

Top 3 Insights

1

Mentors need a platform to track a resident’s progress.

2

Mentors want to add weekly updates and quarterly evaluations for each resident.

3

Mentors want to collaborate with other mentors by viewing their evaluations of residents.

UI Flow Mapping & Prototyping

We focused on mentors as the primary user group, creating UI flow diagrams to understand all screens before developing wireframes and prototypes. This included outlining the happy path and identifying navigation challenges.

UI Flow of Mentor Flow in Residency App

UI Flow for Mentors: Weekly & Quarterly Assessments

Design Iterations & Usability Testing

The design process involved iterative wireframes and high-fidelity prototypes refined through stakeholder feedback. Usability tests with mentors, using a severity scale, directly informed further iterations, significantly enhancing usability and user satisfaction.

Before and after screens of the product in Figma

Usability Test Results and Iterations

Key Insights & Actions

1

User Research & Affinity Mapping: Identified key features and user stories through surveys, interviews, and affinity mapping.

2

UI Flow Diagrams: Developed comprehensive UI flow diagrams to map out mentor interactions.

3

Iterative Prototyping: Refined designs based on usability tests with mentors, improving the app's functionality and appeal.

Outcome

1

One App, One Overview: Provides mentors with an overview of all their mentees, their progress, and areas for improvement.

2

Efficient Weekly Tracking: Mentors can track weekly focus areas for each resident, ensuring consistent support and guidance.

3

Detailed Quarterly Evaluations: Enables mentors to provide thorough evaluations using the Dreyfus model, identifying areas for targeted mentorship.

4

Collaborative Feedback: Mentors can add notes, view other mentors' evaluations, and compare evaluations across different periods, fostering collaborative feedback.

What I've Learned

Despite the app not making it to production, the project was a valuable learning experience. It taught me how to utilize established design components and iterate on them effectively. Understanding and empathizing with mentors and stakeholders allowed me to craft a product tailored to their needs. This project highlighted the importance of user-centered design and iterative development in creating impactful solutions.