Bridge

Redesigning The Bridge

Requirement: design an experience for new students to browse, search, and propose new student organizations. Provide your overall process, a wireframe flow, and one to two screens at high fidelity.

Goal: help new CMU students find organizations that they are interested in by redesigning The Bridge (a website that CMU students use to find all student organizations).

Design Process

research (1)
Research

Interview
Observation

interview
Ideation

Co-Design
Wireframe

sketch
Design

High-fi Mockup
User Feedback

Interview & Observation

I interviewed three new CMU students and asked them to show me how they browsed, searched and proposed (if applicable) student organizations on The Bridge. I grouped my key findings and drew insights from there:

I. Motivation: the students have a need of belonging.
II. The website fails to show the students information to evaluate whether they can have a sense of belonging to the organizations.
III. The organizations that students are interested in are out there but the link between them is disconnected.

Co-Design

I then conducted a co-design session to further understand what information the new students are looking for throughout the website journey. I found that most students don't actively search and propose student organizations so I narrowed my design focus on browsing. I was also able to understand the priority of the information that they need to see.

Wireframe

I decided to design a website instead of a mobile app because most people prefer using a computer to view a large amount of information like this.

Organization Browsing Page

Decision I

Decision II

Organization Detail Page

Decision I

Decision II

(Image credit: all images used in prototypes are from Upsplash.com)

Success Metrics

Framing Usability Test:

Participants should be given a task to find an organization with cafeterias of category, time and type of people on the current website and the new design respectively. Compare the efficiency (time spent), the effectiveness (number of steps/clicks), the experience (satisfaction rate) between the current website and the new design.

Defining Success Metrics:

Assuming every student has at least one interested organization. Divide the number of organizations a student can find by the number of organizations a student is interested in. The closer to 1 the rate is represents the more successful the design is.