Google Design Challenge, 2019
User research, UX, UI, hi-fi and low-fi prototyping
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 higher fidelity.
I used the following process for this project:
I conducted interviews with a few CMU students, including students who were new to the university. The goal of conducting the interviews was to get an understanding of how students at CMU, currently get information about the various student organizations.
Juan Aranda, Undergraduate Student (Senior), School of Design
Organization: Lunar Gala (organizes a Fashion Show every February for Chinese New Year), Design League (seeks to bring greater awareness to the design profession and provides outreach services)
“The school website is not always mobile responsive, so we use Facebook to add members”
Current pain points:
Primarily rely only on word of mouth or the Activities Fair to recruit new members
School website is not always mobile responsive
Current user interface is not simple and direct
Reach out to students across the campus to recruit members
Send out notifications to students about upcoming events
View all the members of the organization in one place
Chen Ni, Graduate Student ( second year), School of Design
Organization(s): KPDC (Korean Pop Dance Club), FORGE (Facilitating Opportunities for Refugee Growth and Empowerment)
“It was very hard to find the organization I wanted to join online, and then a friend who was a member of the organization added me.”
Current pain points:
Hard to find the organizations and their contact information online
Inconsistencies in the amounts of information provided for the various organizations
Hard to explore new organizations easily online
Find and join new organizations easily on one platform
Get notified about upcoming events
Ema Karavdic, Graduate Student ( first year), School of Design
Organization(s): GEC (Graduate Entrepreneurship Club)
“I’d like to know the vibe organization before I join it and I’d like to see what kind of events they host.”
Current pain points:
Hard to know about all organizations since not all organizations are at the Activities Fair.
Speak to members of different organizations to get information.
Explore new organizations for entrepreneurs.
Exploring new organizations
The website experience is not well designed for mobile phone browsing which discourages the students from using it
The landing page doesn't suggest new student organizations to that could be of potential interest to the student
The experience is not customized for each student
Searching new organizations
Category of the organization is not mentioned on the cards while searching organizations
Long scrolls to know more about each organization
Inconsistent levels of information for different organizations
Starting an organization
Filling out the application form to propose a new organization feels very long and tedious
The application shows no information regarding the number of pages
that require to be filled
From the insights got through my research, I formulated three design principles I followed to create a system to.
I broke down the design of the system into four main actions and detailed out the user flow for each of the key steps.
For the application, I chose a color scheme that reflected the visual identity of Carnegie Mellon University for easy recognizability.
I used my low-fidelity and high-fidelity prototypes to get user feedback to further develop and refine my design. I conducted user testing on three people by asking them to use the application to explore, search and create new organizations.
Proposing a new organization: The users found it more reassuring to have a save button rather than an exit button on the application, in case they wanted to resume filling it later. The process didn’t feel tedious as there was a progressive disclosure of information. The users had an idea of how far along they were in filling out the form, which they found to be helpful.
Browsing for new organizations: Users preferred to see events hosted by an organization right after the organization’s bio. I incorporated this feedback and moved the events offered by the organization to the top.
Contacting organization members: The users wanted this to be direct and informal to get to know more about the organization.
A friendly feel: The users found the current system to be very impersonal and formal. One of the ways I tried to make the experience more humanistic and personalized was to address the students by their name, which the users found engaging.