I do UX Design and Research.
COMPASS.jpg

Compass College Orientation App

Compass Orientation App

COMPASS.gif
 

Compass

An app for discovering events during college orientation.

Categories: Solo Project, User Experience Design, UI Design, Desk Research, User Research, Wireframing

Tools: Sketch, Adobe Illustrator



Solution

Compass is an app for students to discover events based on their profile and interests. Taking the usually overwhelming experience of navigating college orientation and centering it on each individual.

Problem

Orientation events are currently scattered and unstructured. How can we create a better way to for different students to discover different events? How might we design an experience for students to discover orientation events and craft a visual system to accommodate different types of events: sports, music, visual arts, social groups, and volunteering events.

 

Competitive Analysis

I began by wanting to understand other event organizing apps, such as Eventbrite, and identify common design elements as to not reinvent the wheel and introduce new user experiences that the core demographic may not be used to.

Screen Shot 2019-01-27 at 5.21.16 PM.png
Screen Shot 2019-01-27 at 5.22.42 PM.png

User Research

After understanding the common design patterns, I wanted to understand my users and determine what their needs were and how to design for those needs. The goals of my research were to understand:

What do features do students value in terms of discovery of organizations?

What are the habits and mindsets of students during orientation?

What are the pain points of finding events at orientation?


I surveyed recent college students and used the information I gathered to create a persona to help inform my design.

Screen Shot 2019-01-27 at 5.32.10 PM.png

Insights & Design Principles

Based on my hypotheses which have been validated by user research findings as well as best practices, I have developed a set of principles to help guide my design.

Personalization: Give users information relevant to them and hide the noise that they don’t need

Portability: Because many participants used email as a way to discover events and others got the information from paper, make the information easy to take with you and make it useful at a glance. For that reason, the platform should be mobile.

Community: Emphasize the value of community and the possibility to meet friends through the platform.


Screens

Adding college year in the signup process organizes the events for the user, showing them only the most relevant info and removing the noise. Personalization lets users discover  events they are most likely to be interested in. Of course, they can change these preferences at any time in their profile.

A personalized browsing experience lets users easily discover events based on their interests. They can also quickly add events to their agenda. Because many students will be navigating campus for the first time, it would be helpful to include a map of the location the event will be held at. Finally, showing fellow students in the same major who will be attending is a great way for students to connect with each offline.

Users can search by any category in addition to searching by keyword. They can also search by location and see which events are happening in different parts of campus. These search results however would be limited to the year the user is in.


Wireframe Sketches

Screen Shot 2019-01-27 at 6.05.07 PM.png

Next Steps

Next steps would be to validate my assumptions and design decisions through user testing with individuals who would be in the ideal demographic. From there I would iterate on the design until user feedback is consistent.

I would be especially interested in hearing feedback on:

  • The  journey of filtering events by category.

  • The ease of use of changing the categories the user selected during signup. In the case that they change their mind.

  • Do the non-event search categories make sense?