Campus Compass App

Overview:

Campus Compass is an interactive GPS application that allows college students and visitors at college campuses to get to their desired destination quickly and efficiently. Its primary functions are catered to helping college students and visitors easily navigate their way to various locations across campus. View full application details with the button below.

| Wire Framing

| Adobe Illustrator

| Adobe InDesign

| Adobe XD CC

View report here

ROLE

```
UX/UI Research
```
```
Prototypes/Wireframing
```
```
App Design
```
```
Reporting
```

WHEN

```
Winter 2017-2018
```

TEAM

```
John Duch
```
```
Paul Guzman
```
```
(Me) Emily Joachim
```

CLIENT

```
Art 388 
```
```
Interactive Design 2
```

Problem/GOal

There is often ambiguity when traveling on college campuses from shortcuts to certain locations that are not the easiest to find. Sometimes there is an event, construction, or road closure, that affects travel time. Students are constantly having to ask for locations of classrooms, buildings, offices, facilities, parking, etc. because way finding systems are confusing and there is not always a directory nearby.

Recognizing this need, I collaborated with a couple of my classmates to make a universal app that acted
as a GPS system specifically for campuses across the nation. We referenced our own campus, Cal Poly SLO,
since this was where we had the most information to work with and reference.

Discovery & Research

Knowing this product would be used for primarily college students, we saw that our primary audience would be our biggest user demographic, the young adult age group (18–22). Our secondary audience would include adults (23–50) and seniors (51+), which would be visitors to college campuses. We reached out to our peers, other students from other schools, and parents who visit their children. Here are some highlights of the feedback that we have received:

"Everything is far and I never really have a sense of how much time it takes to get anywhere. I always estimate in my head but can never really account for obstacles."
—Mark (21), student at San Francisco State University
"All my favorite navigation applications are missing the possible shortcuts one could take when walking around campus."
—Max (19), student at UC Berkeley
"A function that notifies users when there is traffic or road closures and offers detours on campus." —Audrey (18), student at UC Berkeley
"It would be very helpful to have an application that can navigate me across campus because it's difficult to know what my son is talking about when I visit, and I don't visit often enough."
—Kim (50), father of student at Cal Poly San Luis Obispo
"It would definitely be useful to have an application that helps with navigating across campuses. I go visit my friends on other campuses occasionally, and it's always difficult to remember what parking lot is the best to park at and how much it costs."
—Haniel (22), student at UC Santa Barbara

Wireframes And Sketches

Combined Sketches

We did some initial sketching on paper with pencil and sharpies. At this point we wanted to focus on the main features we wanted to include in the application and had a rough idea of how many steps users had to take to accomplish a task.

Combined Wireframes

After some review and iteration, we used InDesign to create detailed wireframes. The key here was to design, review, and iterate until we had a smooth user experience. Later down our schedule, we continued to make changes based on our feedback with user testing.