Prototypes

Low-Fidelity Prototype

Our application will be a web application with a friendly mobile interface in order to enhance the mobility. In our initial prototype, we try to align all the items linearly, and we design the functions including registration, login, create user profile and the main page.

Registration & Login

Register and login with their NetID
Select one profile to start

Create Profile - Mentee

Fill personal information, including major(s), year, location, avaiblity, etc.
Select interested topics

Create Profile - Mentor

Finish the mentor eligibility questions
(Similar to the mentee profile)Fill personal information, including major(s), year (optional for faculty member), location, avaiblity, etc.
Select interested topics

Main Page

Switch roles
Check latest messages
Edit profiles
Match new mentorship
Contact others
Expand network

Matching Page

Add tags
Provide Contact Information
Post questions if the mentorship match fails. (optional)

Setting Page

Edit majors
Add personal tags for matching
Add custom contact information

Mid-Fidelity Prototype

For the mid-fidelity prototype, we use interactive wireframe MockingBird to visualize the process of registration, login, creating & editing profile, and matching. We conducted uesr test iteration 1 & 2 to improve the design and functions of the prototype, which help us better build our final prototype.

Main Page

Switch roles (with color and text propmt)
Edit profiles (edit tags, majors, etc.)
Expand network
Help the anonymous

Find match (mentee)
User comments (mentor)

Match Process

Add tags (or preset in the setings)
Leave anonymous questions (an option for people who fail to find a mentorship match)
Use matching algorithm to find the match. The result will show you the person with related tags.

High-fidelity Final Product

Frontend

Flask framework to connect the front end and back end
HTML, CSS, and Bootstrap for the front end components
Javascript for responsive actions on the webpage

Backend

SQLite for the database using SQLAlchemy
- Storing the user, mentor/mentee relationship, interests, etc.
Challenges creating the schema and thinking about relations between tables
Challenge storing interest tags for one user efficiently

Link to the Github repo -> https://github.com/Jaddy1/URMentor

Page updated

Report abuse