Common Ground App
Product Design & Full-Stack Development – UC San Diego – January to March 2018
Young adults often struggle to have difficult conversations around small problems that arise among room/housemates
Designed an app that logs interpersonal challenges and provides recommendations based on the issue, history, and progression of the issue.
Designed and built MVP and presented at a HCI design competition with 100 other teams. Our team won 1st Place in the category of Most Innovative App.
• User research and needfinding
• User flows and UI sketches
• Using Sketch, building medium and high-fidelity screens
• User testing and usability evaluations
• Product discovery and determining product-market fit
• Product/feature scoping and prioritization
• Informing and managing design/development timelines
• Front-end development (HTML/CSS)
• Product designer
• Full-stack engineer
Many college students and young adults living with roommates or housemates may encounter small problems between themselves. However, many do not know how to approach the topic, and instead of addressing the problems right away, they let these problems incubate for a while before addressing them.
"My roommate never cleans up the sink after they brush their teeth. I would bring it up, but it's such a small issue, and I don't know what to say."
Need-Finding and Research
The first step of our design process was to conduct need-finding to understand our target audience and observe breakdowns. We needed to identify clear and non-trivial problems that our target audience experienced. We started by conducting interviews and asking open-ended questions, such as:
• What do you like about your college roommate experience? What don't you like about your college roommate experience?
• Tell me about the biggest hurdle of your college living experience. What made it a hurdle?
We looked to three popular apps used by members of our target user base, and pulled inspiration from these three apps. For instance, we liked the clean design format used by Airbnb, the card-like tips in Robinhood, and the simplistic form process in Credit Karma. We wanted to bring these elements and consciously use them to inform our design decisions and information architecture.
To summarize our need-finding and to build a better story of our users, we created a series of storyboards. These three storyboards captured the user's journey and experience through three separate roommate-related issues.
Our team started our designs at low-fidelity with paper prototypes. This helped us reduce the overhead with redesigning at a more expensive and higher stage of fidelity.
In our paper prototypes, we visualized our application in its simples form. After we created our paper prototypes, we conducted multiple heuristic evaluations to gather qualitative feedback from our users.
Our team conducted a number of qualitative heuristic evaluations, according to Neilsen's 10 Design Heuristics. We used Neilsen's Heuristics as a framework to guide our conversations with students to gather feedback that could be directly used to improve our designs.
In addition to the heuristic evaluations we conducted, we also wanted to gather data to support our design decisions. In our heuristic evaluations, we found certain interactions where the user experienced something other than what we had anticipated. In those situations, we turned to A/B testing through Google Analytics. We relied primarily on quantitative testing when our own design intuition was not enough to produce the optimal user experience.
Final Design and Outcome
We presented our completed app to an industry panel and, against nearly 100 other teams, our team won 1st Place in the category of "Most Innovative App."