UX Design - Introduction to Human Computer Interaction

CollegeVibes - a semester long project for my Introduction to Human Computer Interaction course; it is an app aimed to best assist college students in their new and sometimes overwhelming endeavors, of making friends and long lasting relationships.

---

• Interview Stage

For the Interview Stage, our team and I interviewed three students at Montclair State University regarding how they go about making friends in college. After finding a few patterns from the series of questions we had asked, we began to tailor their responses to better satisfy their needs through our future application.

• Target Demographic - Persona #1
• Target Demographic - Persona #2
• Target Demographic - Persona #3

Target Demographic and Persona Stage - upon deciding what our target demographic would be, we came to the conclusion of choosing non-commuter, non-transfer, Freshman students at Montclair State University. After doing so, we tailored our three personas to that target demographic.

• Raw Materials

The Raw Materials consists of features we gathered from five applications currently on the market. From each application, we selected the 'Big Idea' that would contribute to setting our own features of our application. We listed the pros and cons of each, and tailored it to fit the needs of the main features of our application.

• Information Architecture and Card Sorting

For this phase of the project, we used the card sorting method to better organize the categories and features that we wanted to include in our application.

• Wireframe - CollegeVibes

For the wireframe phase of the project, a compilation of how we wanted each feature of our application to be displayed and how we wanted the user to interact with the application, is demonstrated above.

• Conveying the Solution

In Conveying Our Solution, we worked specifically on Persona #1. We showcased a scenario in which our user, Mason Cooper, uses our application to go about making a new friend at Montclair State University, and how the main features contributed to that.

• Workflow - Testing and Refining our Solution

In Testing and Refining our Solution, we used the program Axure to create the final result of CollegeVibes and showcased the unique features. In this real life scenario we interviewed a student at Montclair State University to get to know more about her, her likes and dislikes, etc.. We then tailored the main feature of CollegeVibes that best fit her interests, which in this case was makeup. Below is a video of the student testing our application.

• Usability Test [Youtube Video]

Live Usability Testing - in the video above, we test the main feature of the CollegeVibes application and showcase how the student interacted with the application's main feature. This is where I sat with the student using the Think Aloud Protocol method.

Programs Used to Make CollegeVibes Possible

Axure

Close Project