Interaction Design Studio

In an interaction design studio course , I worked on a team to design a campus events app called Happenings. The inspiration for this app came from the lack of resources that connect students to campus events that align with their personal interests. With Happenings, students receive a customized feed of upcoming events which they can save and RSVP to directly on the app.​

My role on the team was as both a product manager and lead designer. As PM, I kept the team on track to meet deadlines and allocated work across the team based on team member strengths. As a lead designer, I made key design decisions and helped design several of the app screens including the landing page, individual event view, and filtering capabilities.

Happenings Campus App

The Team: Danielle Colbert, John Falcone, Demery Gijsbers, Sara Ramaswamy, Jessica Vu

The Process

Defining the Users

In an effort to define the target users for this campus events app, we created personas and scenarios that reflect the wants, needs, and frustrations of the users we are designing for. We narrowed our user base to college students that belong to one of the following categories:

  • Students looking for on-campus events related to their interests

  • Club administrators looking to promote their club events and recruit new members

We also created an anti-persona that reflects a user base we are not designing for. The anti-persona is anyone that is not a student at the University of Michigan. Because this app requires your student ID and password to log in, people that are not current students will not be able to use this app.

Details about the primary users and anti-persona can be found below.

Screen Shot 2019-05-23 at 4.14.29 PM.png

"I look forward to getting to know the campus, going to football games, and finding my people."

Primary Persona 1

Bobby Wood  /  19  /  College Freshman

Bio: Bobby is from an upper-middle class suburb in New Jersey. He was co-captain of his high school’s squash team and is looking to join a new community of squash players in college. He looks to his older sister for advice. In ten years, he sees himself working at a large company in New York so he can be close to his family. On the forefront of his mind is finding an accepting community and close friends to confide in.

Goals

  • To find and join a squash club

  • Learn more about business

  • Find sophomore year roommates

Interests

  • Squash

  • Human resource management

  • Diversity & inclusion

Pain Points

  • Adjusting to college workload

  • Hallmates are not social

  • Anxious about finding inclusive clubs on campus

Technology

  • iPhone XS

  • MacBook Air

  • Xbox

Screen Shot 2019-05-23 at 4.54.55 PM.png

Primary Persona 2

Kelly Pierce  /  21  /  College Junior

Bio: Kelly Pierce is a 4th year communications major with a Spanish minor. She has gladly held the position of social chair of the Umich Coffee Club (UCC) for 2 years now, and loves being able to reach out to people to invite them into a welcoming and caffeinated space bi-weekly. Kelly is hoping to pursue event planning after college, and hopes that her experiences as the UCC social chair will be very beneficial.

Goals

  • Event planning career

  • Always making new friends

  • Sharing her passion for coffee 

Pain Points

  • Her club's information is outdated online

  • Group members do not help with flyering

  • She has a tight schedule

Interests

  • Discovering new coffee shops

  • Hanging out with friends

  • Planning and hosting parties

Technology

  • Dell Laptop

  • iPhone 6S

  • Proficient in Microsoft Suite

"Everyone should have a chance to chance to sit with a nice cup of joe and have a genuine conversation with their peers.."

"When I found at that Sam was admitted to my alma mater, I was over the moon. I cannot wait for her to find her home in the Michigan community."

Anti-Persona

Joe Hughes  /  52  /  Michigan Parent 

Bio: Joe Hughes is a father of three who was born and raised a Michigan Wolverine. Joe is an alum of the University of Michigan College of Engineering and is ecstatic that his eldest daughter, Sam, was recently admitted to the university. His family is traveling to Ann Arbor for Campus Day and Joe wants to find events on campus run by student organizations so that he can get Sam excited about freshman year.

Goals

  • Help his daughter get involved on campus so she can meet new people

  • For his children to have an incredible experience in college like he had

  • Making the most of his time in Ann Arbor

Pain Points

  • He is not sure where to find a list of the events happening on campus

  • Inability to see certain event information that is only available to current students/staff

Interests

  • Avid golfer

  • College football fan

  • Grillmaster

  • Spending time with his family

Technology

  • Samsung Galaxy s7

  • Dell Inspiron Laptop

  • Expert in Microsoft Excel

Sketching Solutions

After defining our personas, we each sketched a variety of solutions that could potentially solve the pain points of our users and provide them with a simple and accessible way of finding events on campus. My sketches are shown below.

Colbert_sketches_edited.jpg

Design Space Analysis

After sketching a variety of possible ways to solve our campus events problem, we decided to create a mobile app so that students can accessibly view campus event information on the go. 

 

For next steps, we decided to hone in on three features that are critical to the success of this app. The three features we decided to explore include:

  • Event filtering

  • App navigation

  • Displaying events 

As a means of exploring different solutions for these features, we conducted a QOC Analysis (Question, ​Opinions, & Criteria). We created a QOC for each feature to analyze tradeoffs between different design variations. After creating a QOC for each feature, we sketched low-fidelity wireframes to present our options visually. Based on the QOC and wires, we chose our preferred option and explained why it is the best solution for our product.

Paper Prototype

Once a few of our major design decisions were solidified during the QOC analysis, we created a low-fidelity paper prototype that allowed us to envision our designs before digitizing. We tested the paper prototype on peers and iterated on our designs before creating a digital prototype using Adobe Xd and InVision.

Digital Prototype

View the full InVision project here: https://invis.io/FAPYYRDQ4S2