Beta Site Preview - Click here to go back to old site

Reach

Reach

Reach

How do we foster connectedness through events at University of Toronto?

How do we foster connectedness through events at University of Toronto?

Addressing a major painpoint

The Task: To foster social connectivity within University of Toronto with a user driven solution

The Client: UofT Innovation Hub

My Role: Product Designer

Skills involved: user research, usability testing, affinity diagram, customer journey mapping, interaction design, prototyping, wireframing

Tools: Figma, Adobe Suite (XD), Miro

Timeline: 4 months (concept)

There's a lack of social Involvement outside of Classes

One of the major problems at University of Toronto is the lack of social involvement outside of their academic activities. In order to understand the issues we went and conducted research within the University of Toronto and examined it from a student point of view.

We created Reach, an event and social app for university students

We helped bridge the gap between student involvement and academic success by creating a solution that provides meaning, opportunity and social engagement when attending school events. 

Research

We conducted research through primary interviews with students and compiled secondary data from sources such as the 2017 National College Health Assessment commissioned by the University of Toronto. We realized through these stats that there was a need for greater student involvement in extracurricular activities.

* Based on 2,579 respondents from the 2017 National College Health Assessment

* Based on 2,579 respondents from the 2017 National College Health Assessment

"

I suffered with high levels of anxiety

and stress and the Outdoor Recreation program has taught me not only how to manage them better, but has also significantly reduced my

stress and anxiety levels.

"

Simone, UTSC

NCHA 2017

"

I suffered with high levels of anxiety

and stress and the Outdoor Recreation program has taught me not only how to manage them better, but has also significantly reduced my

stress and anxiety levels.

"

Simone, UTSC

NCHA 2017

"

I suffered with high levels of anxiety

and stress and the Outdoor Recreation program has taught me not only how to manage them better, but has also significantly reduced my

stress and anxiety levels.

"

Simone, UTSC

NCHA 2017

Visualizing the Persona and Journey

With this data we really examined what the current experience is like for a student. What makes them tick? how has their experience as a student failed their expectations? We needed to unpack these answers through empathy mapping, affinity diagrams and examining the as-is journey.

Mapping out the As-Is Journey

Currently, the journey to find an event to participate in is hard and the 3 barriers that affect students from joining all happen in what we identify as the 4 categories of our user journey. When he wants to get involved its usually his schedule and homework that that affect him the most, It then involves having to find the right event which means he must seek one out especially since all events are scattered on different platforms such as Facebook, Instagram and 2 separate UofT event calendars which inevitably takes too much time to research. 


Design Statements that guided our team 

To help guide our initial prototype, we wanted to make sure we were tackling the right problems so we created Hills statements that helped guide the features and functions of our prototype namely, 


Bruno will be given personalized recommendations to events as soon as the events are posted.

Bruno is able to find people to attend the event with before the event starts.

Bruno can attend events that coordinate with his school schedule.

Who

What

Wow

Bruno will be given personalized recommendations to events as soon as the events are posted.

Bruno is able to find people to attend the event with before the event starts.

Bruno can attend events that coordinate with his school schedule.

Who

What

Wow

Creating the Initial Medium-Fi Prototype

With a clear direction in mind, we set out to build our first prototype using the design statements we identified to create an initial product. Our main focus was that the app itself should be easy to use, reduce the barriers for engagement and offer seemless connectivity from the event down to your calendar. Other key features we included were,


  • Connecting to our app through a students UTOR Id

  • Finding personalized events & recommendations

  • Integrating social connections and interactions before the event starts

Creating the Initial Medium-Fi Prototype

With a clear direction in mind, we set out to build our first prototype using the design statements we identified to create an initial product. Our main focus was that the app itself should be easy to use, reduce the barriers for engagement and offer seemless connectivity from the event down to your calendar. Other key features we included were,

  • Connecting to our app through a students UTOR Id

  • Finding personalized events & recommendations

  • Integrating social connections and interactions before the event starts

Finding solutions and refining new issues

The feedback we received was detailed and specific and helped us to pinpoint problems we didn't for see. It was now important to integrate our solutions into our high fidelity prototype so that we can see clearly how the overall functionality responds to our users. As you can see below, new issues came up as a result from our further iterations

With a clear direction in mind, we set out to build our first prototype using the design statements we identified to create an initial product. Our main focus was that the app itself should be easy to use, reduce the barriers for engagement and offer seemless connectivity from the event down to your calendar. Other key features we included were,


  • Connecting to our app through a students UTOR Id

  • Finding personalized events & recommendations

  • Integrating social connections and interactions before the event starts

Bruno will be given personalized recommendations to events as soon as the events are posted.

Bruno is able to find people to attend the event with before the event starts.

Bruno can attend events that coordinate with his school schedule.

Who

What

Wow

* Based on 2,579 respondents from the 2017 National College Health Assessment

Bruno will be given personalized recommendations to events as soon as the events are posted.

Bruno can attend events that coordinate with his school schedule.

Bruno is able to find people to attend the event with before the event starts.

Who

What

Wow

At the start of COVID-19 Pandemic we saw a +5% increase in our Millennial users.


Viewing a Profile

Viewing a Profile

Viewing a Profile

Messaging a Match

Messaging a Match

Messaging a Match

Iterating Further

The feedback from our Usability Test helped us to also understand that further refinement was needed to be intuitive, responsive and memorable while helping to reduce the cognitive burden for our users when using our app. 


With a clear direction in mind, we set out to build our first prototype using the design statements we identified to create an initial product. Our main focus was that the app itself should be easy to use, reduce the barriers for engagement and offer seemless connectivity from the event down to your calendar. Other key features we included were,


  • Connecting to our app through a students UTOR Id

  • Finding personalized events & recommendations

  • Integrating social connections and interactions before the event starts

Results from our user testing & next steps

he results from our user testing helped us refine the little things that are often not considered when you create an app that serves a large institution such as University of Toronto. With over 90,000 students in a tri-campus setup, having an app that serves every little need is impossible. However, we took away from this project a lot of good insights.


  • Details are Important! People want to know how things operate and making sure there is a sense of transparency in how you design is central to the overall functionality. 


  • Simplicity and usability is key. More features doesn't mean solving a user problem. Knowing the basic needs of your users means, you can create a flow that works best for them.


  • Go outside your comfort zone and embrace the ambiguity In design, its important to not sensor yourself and go big big with the ideas. Not all big ideas are the best ideas,but they can always be scaled down\


Going forward, More user research and usability testing is something that is needed. A mindset to always evaluate the user and how they feel about your app is important as trends and attitudes change. 

With a clear direction in mind, we set out to build our first prototype using the design statements we identified to create an initial product. Our main focus was that the app itself should be easy to use, reduce the barriers for engagement and offer seemless connectivity from the event down to your calendar. Other key features we included were,


  • Connecting to our app through a students UTOR Id

  • Finding personalized events & recommendations

  • Integrating social connections and interactions before the event starts

Project Team

Project Team

Project Team

Katia Ghanem 

Eric Hanson

Matthew Lam

Veronica Rutherford

Katia Ghanem 

Eric Hanson

Matthew Lam

Veronica Rutherford

Katia Ghanem 

Eric Hanson

Matthew Lam

Veronica Rutherford

I worked  on the User Research aspects of this project but also contributed to the final iteration of the User Experience. I really loved facilitating a lot of the User Interviews, Analyzing the Data and forming a strategy for distilling our data from Usability Testing into codes and generating themes from those codes. This all helped to inform the final navigation and help polish the overall User Interface of this app which I designed 


As a team, I will say we all worked together and contributed a lot of the work you see together. We saw the problem and the data from both a User Driven but also a Strategic viewpoint. It was great to be insync together!