Circle

Helping students connect with their campus
Role: Product Designer, User Researcher, Solo Project
Project with 2022 Blueprint Workshop

.

Project Overview

Challenge

Blueprint 2022 is a workshop designed for students who are interested in user experience design. During the workshop, students have the option to participate in a challenge. This year's challenge is focused on the return to normal life as students go back to their colleges. Some students are finding it difficult to make meaningful connections. To tackle this problem, I created an app called Circle, designed specifically for college students. Circle's goal is to make it easy and fun for students to find clubs and events on campus.

See Prototype

.

Research

To gain a deeper understanding of the needs and pain points faced by college students, I conducted three remote user interviews. The participants are college students ages 19 - 21 from various campuses. I then synthesized the information gathered from these interviews and created an affinity map. This helped to extract valuable insights into the problem expressed by the interviewees.

Here are some key findings:

Affinity Map on Figma

Secondary Research

I wanted to have a better understanding of the impact the pandemic had on students.

The Competitions

I conducted research on both direct and indirect competitors to gain valuable insights into the strengths and weaknesses of competing applications that address the same issue.

Apps
CampusGroups
C!ubs
School’s websites
Strength
- Free
- Can register for events on campus
- Can chat with friends or groups
- Use QR code to check in for a club
- Free
- Can post information that would normally get lost or go unnoticed
- Three main functions: Moments, Search and Announcements
- Can edit profiles and announcements on the app, making it easier to notify members
- Free
- All clubs are listed in one location
- Provide info about the clubs and calendar of events
Weakness
- Many different pages that seemingly serve the same purpose
- Both the mobile and web versions are confusing and overly difficult UI
- A user needs to be accepted into a club in order to receive announcements
- Usually are not up to date
- The site is not easy to navigate

User persona

When compiling the information from the research, I was able to create a persona that represents the potential user.

"Each day holds a surprise, I love meeting new people but it can be hard"

Olivia Chen

20 yrs old | New York, NY | Junior Standing

Bio

Olivia is in her Junior Year of College at Baruch. She enjoys making new friends, trying new things, and going out to have fun. During the pandemic, Olivia could not join as many clubs as she hoped to expand her connections within the campus. As she is slowly reentering the campus again, she has a hard time finding clubs on campus. She wants to be able to look at campus clubs and events with ease and get herself back out there.

Personality

  • Ambivert, explorer, bubbly, curious

Interests

  • Enjoys getting to know new people on campus              
  • Spends majority of her free time exploring or watching a movie     
  • Loves to try unfamiliar things

Needs

  • Knowing all general clubs/ events that are occurring that week            
  • More creative update posts from clubs            
  • Making sure information about the clubs are current

    Ideation

    User flow

    After figuring out the features of the app, I created user flows to get an idea of the main tasks that would be taken.

    User Flow on Figma

    Early sketches

    I used the user flow to brainstorm ideas that allow easy-to-look-up clubs, more color visualizations, and fun interaction and sketching some early wireframe ideas.

    Low-fidelity

    I followed the Jakob’s law to feature some familiarity structure where the users are comfortable on using.

    Style guide

    When it came to designing the app I wanted it to reflect the brand adjectives.

    High-fidelity

    Prototype & Test

    Usability Testing

    I distributed surveys to users and conducted remote moderated user testing with three participants, I carefully observed their interactions with the prototype and made note of their comments and feedback. Through this process, several common issues were identified among the users.

    Before

    • Users didn't fully understand what this page was for
    • Wanted the posts to be different and unique
    • Didn't know what the top story bar was

    After

    • Added a heading (All Events) to show as World page
    • Created club's post to be color changeable
    • Made Lacrosse story stand out so users know to click

    After

    Included an example of story post to show users what that feature entails

    Before

    • Users had a hard time locating the members' list
    • Wish the description was more about the club itself

    After

    • Made '50 Members' a different color and added shadow to make it stand out
    • Change the description to location and time of the club
    See Prototype

    Reflection

    I was unsure what to expect when initially embarking on this challenge. However, I learned a lot throughout the research and discovery process as I started brainstorming ideas for the application and what I believed was the solution to the problem. However, the users are the key to building the applications as their feedback and preferences would shape the development of the app. I, also, learned there is no such thing as perfection and it's crucial to maintain flexibility and openness to adapt my ideas along the way.

    Future Iteration:
    If I had more time, I would test Circle the second time to gather more feedback and make further improvements. I like to test the app with a different variety of users to gain insight into accessibility use.

    Back to Top

    .