Collage

{Project UX}

Collage

GROUP 01 • SHERYN LUCAS • ERICA SEO • EDDY KHUAT • GABRIELE GALLAZZI • SUNNY PARK

PROJECT UX

Meet the Team

ERICA SEO

DESIGNER

Designed the prototypes & slides. Studies Visual Comms in Design at UTS.

GROUP 01

SUNNY PARK

RESEARCHER

Interviewed in depth post-prototype. Studies Product

Design at UTS.

EDDY KHUAT

RESEARCHER

Researched in depth to support prototype. Studies IT & Business at UTS.

SHERYN LUCAS

RESEARCHER

Researched in depth to support prototype. Studies Interaction Design at UTS.

GABRIELE GALLAZZI

RESEARCHER

Interviewed in depth post-prototype. Studies Product & Industrial Design at UTS.

COLLAGE

01

INTRO

Platform to help student engage in societies and events

02

TASK

Problem Identification and our main given task

03

RESEARCH

Research Methods we conducted and main findings.

04

SOLUTION

Our proposed prototype as a solution to Collage

05

IMPACT

Differences and impacts of our design on users and Collage app

06

NEXT STEPS

How should the client implement and about Task B - Dashboard

Agenda

for today

GROUP 01

PROJECT UX

COLLAGE

Samuel Wibawa

GROUP 01

PROJECT UX

COLLAGE

Collage

Introduction

Collage is a student platform built to help university students feel more connected and prepared for life after uni.

For students, the Collage app makes it easy to discover societies and events across universities.

For society execs, it's a single ecosystem to manage members, run events, and grow engagement.

Built by students, for students.

Collage

A mobile app & web platform

Client Request

Design a system for a college that can handle multiple types of notifications and updates.

Current Limitation

Notifications sent as push notifications to users’ phones, with no way to recover them once missed.

How might we design simple in-app notifications that help students stay updated on society events and important changes without feeling overwhelmed?

Primary Brief: Notifications

GROUP 01

COLLAGE

PROJECT UX

Research Methods

Research methods leading to the solution

Usability test

Evaluate whether real users can successfully use Collage to view and understand its in-app notification.

Interview

Understand experience of society executives with managing event updates and notifications using Activate website and other platforms.

Survey

Understand how students currently receive notifications about university and society events on ActivateUTS.

GROUP 01

PROJECT UX

COLLAGE

Student Email

Social Media

Word of Mouth

Users

0

2

4

6

8

10

12

14

16

18

20

77%

41%

77%

Survey Insights

How are you informed about new events happening at UTS?

GROUP 01

PROJECT UX

COLLAGE

The 2 platforms most students got their notifications were from Student Emails and Social Media (E.g Instagram).

Key Takeaway

Survey Insights

GROUP 01

PROJECT UX

COLLAGE

Limitations

Student email (Activate)

• Mail inbox can become overcrowded
• Important updates can be buried
• Not often visited immediately

Social media (e.g. Instagram)

• Easy for discovery, but sometimes content gets buried
• Not reliable for last minute reminders and event changes

“Sometimes I miss information of upcoming events, then I would be sad because I cannot attend the event.”

“Managing notifications from multiple clubs is difficult. Messages come from different platforms, often at the same time, and important updates can be missed easily.”

“It can be difficult to browse events. It would be helpful to sort events by upcoming dates and have a feature to save or like clubs and view them in one place.”

Survey Insights

GROUP 01

PROJECT UX

COLLAGE

Key Takeaways

Time-sensitive updates

• Event changes and reminders are the highest
• Students prioritise updates that affect attendance

Actionable information

• New events and RSVP confirmations highly valued
• Inferred that students would like quick access to key actions (e.g. tickets, details)

Event Changes

95%

Event Reminders

86%

New Events

82%

RSVP Confirmation

73%

Welcome Onboarding

41%

Event Feedback

14%

Engagement Nudges

9%

Users

0

2

4

6

8

10

12

14

16

18

20

22

Users were asked to select their top 4 most useful types of notifications

Interview Process

“Everyone pre-uni usually has an Instagram account, a Facebook... definitely social media is a lot more useful than the Activate website.”

UTS K-Pop Society

Events Director

The Purpose

Understand how society executives at UTS currently manage their notifications.

Our Approach

• Analysed via interpretive codes.
• Top-Down approach to validate prior survey findings.
• Sorted data into sub-themes to show key patterns.

GROUP 01

PROJECT UX

COLLAGE

Interview Insights

What we learnt from the interview.

Recommendations

• To combine aspects of Activate & social media to foster learnability.
• Need user friendly system that centralizes notifications.

Interests

• Executive prefers social media for event promo and notifications.
• Values platforms that are reliable, accurate, and convenient.

Pain Points

• Managing notifications is an inefficient process.
• Fragmented across multiple platforms and varies per society.
• E.g. Email, Discord, Instagram, Newsletters

GROUP 01

PROJECT UX

COLLAGE

Usability Test Insights

GROUP 01

PROJECT UX

Testing our solution with real users.

Design & Consistency

• Overall design felt cohesive to other features but had accessibility issues.
• E.g. timestamp on notification banner and society names were too small.

Content Usefulness

• Mixed reactions. Some felt info was sufficient on notification banners.
• Others wished it would be better organised or more concise, such as sort by date or society

Learnability

• All participants found the notification centre user-friendly to navigate.
• Layout is straightforward, has good visual hierarchy, and welcoming.
• Two users liked how the design felt familiar to other apps.

COLLAGE

Our Persona

GROUP 01

PROJECT UX

COLLAGE

College Student

Jessica

Senior year or College, she loves traveling solo and with her close friends. She likes also taking weekend trips but looks forward to long vacations to get away from the city.

James

2nd Year University Student at UTS

Studying Interaction Design & is a part of UTS Product Design, Design & UXID Society.

​

As an international student, James is always keen to make the most of his University experience by showing up to as many design related events during his free time.

Behaviour

• Frequently misses event reminders
• Checks multiple platforms daily
• Prefers quick, glanceable info

I have so many events to catch up to but my notifications are a mess! I can never find them when I need.

Traits

Proactive

-

+

-

+

-

+

Curious

Organised

Needs

Our Solution

COLLAGE

Centralised Notification System

Address the issue of information being spread across multiple platforms and causing confusion

Easily access updates, reminders & event details in one space

PROJECT UX

GROUP 01

Our Solution: Inspiration & Direction

Inspired by existing social media patterns

Swipe actions to pin or remove notifications

Blue highlights for unread updates

Structured layout for easy navigation

Familiar & Intuitive Design

Our Solution: User Control

Flexible Notification Management

Filter by All, Unread, Events, Circles

Additional filters: Societies, Universities

Quickly narrow down and find relevant updates

Reduces unnecessary scrolling

Inspired by existing social media patterns

Swipe actions to pin or remove notifications

Blue highlights for unread updates

Structured layout for easy navigation

Familiar & Intuitive Design

Clear & Scannable Layout

Organised by Today and Past 30 Days

Urgent updates pinned and highlighted

Quick preview for key event details

Reduce fatigue from information overload

Our Solution: Structure & Interaction

Reimagined Layout

GROUP 01

PROJECT UX

COLLAGE

Toggles/Highlights

Reimagined Layout

GROUP 01

PROJECT UX

COLLAGE

Event Info

Reimagined Layout

GROUP 01

PROJECT UX

COLLAGE

Saved Events

Reimagined Layout

GROUP 01

PROJECT UX

COLLAGE

Search Filter

Reimagined Layout

GROUP 01

PROJECT UX

COLLAGE

User Profile

Prototype Impact

GROUP 01

PROJECT UX

COLLAGE

Missed reminders

Stress of missing events

Tickets buried in inboxes

GROUP 01

PROJECT UX

COLLAGE

Next Steps: Notification

Solution

Clear, intuitive, personalised & flexible presentation of data.

Research

Asked usefulness features in order of importance.

Challenge

HMW design a dashboard experience that turns society data into meaningful actionable insights for studio leaders.

Solution

Clear, intuitive, personalised & flexible presentation of data.

Research

Asked usefulness features in order of importance.

Challenge

HMW design a dashboard experience that turns society data into meaningful actionable insights for studio leaders.

GROUP 01

PROJECT UX

COLLAGE

Next Steps: Dashboard

We would love to hear your questions!

ERICA SEO

DESIGNER

SUNNY PARK

RESEARCHER

EDDY KHUAT

RESEARCHER

SHERYN LUCAS

RESEARCHER

GABRIELE GALLAZZI

RESEARCHER

Appendix - Survey Result Snippets

GROUP 01

PROJECT UX

COLLAGE

GROUP 01

PROJECT UX

COLLAGE

Appendix - Survey Result Snippets

GROUP 01

PROJECT UX

COLLAGE

Appendix - Survey Result Snippets

Reimagined Layout

GROUP 01

PROJECT UX

COLLAGE

Toggles/Highlights

Saved Events

Search Filter

User Profile

Event Info

Solution

Clear, intuitive, personalised & flexible presentation of data.

Research

Asked usefulness features in order of importance.

Challenge

HMW design a dashboard experience that turns society data into meaningful actionable insights for studio leaders.

Secondary Brief: Dashboard

Secondary Brief: Dashboard

Solution

Clear, intuitive, personalised & flexible presentation of data.

Research

Asked usefulness features in order of importance.

Challenge

HMW design a dashboard experience that turns society data into meaningful actionable insights for studio leaders.