Eventie

bringing students together.

Eventie aims to help students at the University of Michigan browse and connect with organizations that interest them on campus, fitting within the CHI 2019 Student Design Competition prompt of strengthening social fabric and enhancing interactions between individuals and communities. 

 

About the Project

My Role

UX Designer

UX Researcher

Timing

4 Months

Tools

Figma

Team

4 Students

blue_goal.png

Goal

Develop, from conception to digital prototype, an application that aligns with CHI’s Student Design Competition.

blue_process.png

Process

Competitive Analysis

Personas

Scenarios

Sketches

Storyboards

Research

User Flow Diagrams

Wireframes​

Paper Prototypes

Digital Prototypes

Final Prototype

Design

 

Research

Problem Statement

The current methods of finding clubs on the University of Michigan’s campus are frustrating. Students run into out-of-date websites, past Facebook events, and inactive social media accounts of many organizations on campus, hindering the ability to join these clubs or attend their events. 

 

Currently, tools like Maize Pages, Facebook and the Michigan App offer somewhat of a bridge to connect organizations and students, but nothing is intuitive, up to date and accurate. There is also no way of filtering school organizations by student interest on any existing platform. 

 

We want to create a single application that consolidates all campus club information and events to allow students to find clubs based on their interests and stay in the loop for meetings and more. This will hopefully remediate the disparity between a student and the many on-campus clubs the University of Michigan has to offer.

Competitive Analysis

Direct Competitor: Maize Pages

Why

Its goals and implementation are very similar to what we want to create in order to link students with campus club events.

Advantages

Functionality: students can use it to search and filter through events. 

Poor interface, low standards for event information and maintenance, lack of engagement from organizations on campus, and contact information for many organizations is out of date, providing false information for students. 

Disadvantages

Filtering

• Unclear how events are organized by default

• No built-in personalization

• Users can search and filter by Dates, Themes, Categories, and Perks

• Users can click on an event to get additional information and integrate events with iCal or Google Calendar.

Analagous Competitor: MindBody

Why

MindBody serves as a platform to connect people to a variety of services including health, wellness, and beauty specialists.

Advantages

Offers features such as seeing time, date and location of events, the ability to add favorites, add events to a calendar, setting reminders for events, and having updated contact information.

Disadvantages

Lack of feedback when using the application. 

Filtering

Allows searching for a certain service, ie yoga, and the search results return with yoga studios in the user’s area.

Personas

Primary Persona: Luke James

“I want to join a club I’m passionate about!”

About

Age: 18

Device Used: iPhone

Luke is an 18-year-old male who just began his freshman year of college. While he isn’t sure of his major, he is interested in biology. He loves being outdoors and in his free time enjoys volunteering. He is trying to find ways to get involved on a new campus. 

Goals

• Find a club related to his interests: outdoors and volunteering.

• Make friends who have similar interests.

• Through the club, he hopes to feel more confident in choosing his major. 

Frustrations

• The amount of club options is overwhelming. 

• He doesn’t know of any clubs involving his interests.

• The club finding event on campus is too large to find an event he is passionate about. 

Secondary Persona: Brooke Wilmington

“I want to learn how to build my resume, practice consulting, and learn from those older than me. I also want to foster professional connections.”

About

Age: 19

Device Used: Laptop, iPhone

Brooke is a 19-year-old college student eager to develop herself to prepare for post-graduation. She is a computer science major, but is also interested in other business factors. She needs a concise way to browse and organize clubs that will help in mentorship, professional growth, and career preparation. 

Goals

• Learn more about on campus organizations that will help boost her resume and learn more about the recruiting process.

• Gain a larger network and learn how to develop professionally.

• Find something at Michigan that can assist her in landing her dream job.

Frustrations

• Brooke thinks there isn’t enough tangible information about each professional or developmental organization or what they provide.

• She also finds it hard to discover which academic and professional clubs are on campus, and has only heard about the larger organizations that are centered around “fun”.

Scenario

          It’s the second week of Adam Jones’s freshman year. He wants to find a club event to attend this week. Adam refers to our platform in search of an event. It’s his first time using it so he fills out some information about himself and his interests. He chooses to add interests to his profile like Volunteering, Nature, and Sports. He saves his profile and starts looking through this events this week that are suggested to him. He finds an event for Michigan Climbing Club where he can try out rock climbing on Saturday at 7pm. He RSVP’s for the event and adds it to his calendar so he won’t forget. He also follows Michigan Climbing Club in case they host any other events he might be interested in later. 

 

Goals / Tasks Successfully Completed with our platform: 

  1. Found events tailored to his personal interests.

  2. Added event info to personal calendar.

  3. Signed up to get more information in the future.

Sketches

To generate ideas for interactions for the design phase. 

Screen Shot 2020-10-07 at 1.08.21 PM.png
Screen Shot 2020-10-07 at 1.07.56 PM.png

Storyboards

To describe how our users will use the application.

Screen Shot 2020-10-07 at 1.14.47 PM.png
Screen Shot 2020-10-07 at 1.15.02 PM.png
 

Design

User Flow Diagrams

Screen Shot 2020-10-07 at 1.27.15 PM.png

Club: Create Profile and Add/Edit Events

Screen Shot 2020-10-07 at 1.27.54 PM.png

Student: Create Profile and Browse

Screen Shot 2020-10-07 at 1.30.51 PM.png

Student: Add Event

Screen Shot 2020-10-07 at 1.31.24 PM.png

Wireframes

Screen Shot 2020-10-07 at 1.43.13 PM.png
Screen Shot 2020-10-07 at 1.43.56 PM.png
Screen Shot 2020-10-07 at 1.43.23 PM.png
Screen Shot 2020-10-07 at 1.44.10 PM.png

Paper Prototypes

Turning our wireframes into a paper prototype helped our team feel the flow of motions and determine if our sequential actions made sense. While doing this exercise, we made several key design decisions and discovered possible improvements.

Added back arrows to allow the user to go back and forth between pages to reduce confusion.

We made every button/call to action a circle to provide consistency for our users and to make our interface more intuitive.

Screen Shot 2020-10-07 at 1.58.47 PM.png

The navigation icons we chose are common icons that are easily recognizable, such as a house for the homepage, and person silhouette for the profile page. 

Key Takeaways from Testing

• Include a calendar page for events. This calendar page will show all the users’ events in one centralized location. This is accessible from the second icon on the navigation bar on the bottom of each page.

• Make a student profile page for each user. They can see the clubs they are a part of, upcoming events, their interests, and the information that is unique per user. That would be accessible from the last button on the navigation bar.

Digital Prototypes

Improvements Made:

Added interactive filter differentiation between clubs and events when browsing a certain hashtag for more precision.

Added visual calendar within Calendar page instead of only a list of upcoming events for better understanding.

Added user ability to switch accounts to make it easier for users if they are both a student and a club owner to switch between accounts.

Screen Shot 2020-10-07 at 3.04.35 PM.png
Screen Shot 2020-10-07 at 3.05.14 PM.png
Screen Shot 2020-10-07 at 3.04.12 PM.png

Final Prototypes

Frame 1 - Login.png
Frame 1 - Login (1).png
iPhone 8 Plus - 14.png
Student Registration.png
Student Registration (1).png
Student Registration (2).png
Success! Student Registration.png
iPhone 8 Plus - 9.png
iPhone 8 Plus - 8.png
iPhone 8 Plus - 1.png
iPhone 8 Plus - 5.png
Add Event Success.png
iPhone 8 Plus - 2.png
iPhone 8 Plus - 10.png
Student Registration (3).png
Student Registration (4).png