An app for jolly events

Jolly focuses on facilitating offline local group meetings

Deliverable

UI and UX

My Role

Design, Animation,
and User Testing

Co-workers

Yuhan Wu

kenzie Zou

Allen Pei

Shipeng Yang

Platform

iOS

Explore events in different views!

Switch between map view and list view to discover and filter events

wifi

Want to join an event that suits your interests? Jolly helps you!

With Jolly, joining an event can be really easy

wifi

Stay up-to-date

Messaging other participants and get to know each other. Who knows!

wifi

Creating your events

Creating events is also very easy with Jolly

wifi

Learn more design story about Jolly

wifi

User Research

Our user researchers conducted most of the user research when I joined the team. Besides this, I also interviewed event organizers, event attendees, and general users myself. We summarized our work during the research work

Persona

wifi

Yuki

An event app user

Pain Points

Current social event apps do not have user ratings and reviews for event hosts

Communication with other event participants is very inefficient

Needs
wifi

Know ratings and reviews from guests of a host’s past events

wifi

Easy to view, communicate and connect to other event participants

wifi

Create events of their own with customizable setting of ticket, information, and visibility

Storyboard

wifi

Yuki loves attending different social events

wifi

But she could not check ratings or reviews for a host on most current event apps

wifi

She also found she could not chat with other attendees of the same event

wifi

With Jolly, ratings for event or host becomes very helpful for decision making

wifi

Yuki can also interact with other participants in the event group-chat

wifi

Jolly makes her social life easier than ever!

Current Solutions

Based on our interviewees' thoughts, we used three popular event apps and apps with event feature as a user. Here I summarized our findings as this comparative analysis:

wifi
Facebook
wifi
Meetup
wifi
Eventbright
Event ratings wifi wifi wifi
Group chat Only for friend-contacts wifi wifi
Create own events wifi wifi wifi

Ideation

Ratings for event host

The ratings and reviews for a host will be also displayed on profile page of the event host.

wifi
Group-chat feature

In order to help users talk to other attendees of the same event, a group-chat entry button will bring user to the group-chat conversation page after join confirmation.

wifi

Conclusion

wifi

Rating about past events

Users will view user ratings and reviews from past event participants

wifi

Group-chat feature

Users who registered an event can discuss with other participants in a group-chat channel

wifi

Customizable event options

Our app needs to allow users to create and customize their own events

Low-fi Prototype

Explore

wifi
wifi
wifi
wifi

Schedule

wifi
wifi
wifi
wifi

Post

wifi
wifi
wifi
wifi

Messages

wifi
wifi
wifi
wifi

Profile

wifi
wifi
wifi
wifi

High-fi Prototype

Explore

wifi
wifi
wifi
wifi

Schedule

wifi
wifi
wifi
wifi

Post

wifi
wifi
wifi
wifi

Messages

wifi
wifi
wifi
wifi

Profile

wifi
wifi
wifi
wifi

User Testing

Testing Condition
wifi

2 participants tested

wifi

Participants have some experience of using event apps before

wifi

Tested on Invision (Mac)

Testing Tasks
wifi

Find an event and join it

wifi

Check ratings about the event

wifi

Send a piece of message on a group-chat

Design Iteration

Usability Issue

The original new event page cannot support setting up multiple time sessions

UI was overcolored and it made users distracted.

wifi
Improvement

A more traditional form layout that can allow users set up multiple time sessions

A less colorful but clean and simple UI design

wifi
Usability Issue

In the original design of a conversation page, beneath the text field were six action icons. Our users said they looked a little busy. More importantly, they were small and close to close to each other and the above text field.

wifi
Improvement

I simplified the design of text field and action bars by moving commonly used actions to the same level to make text field stand out and decrease the chance of mistouch

wifi
(Technical) Issue

The original design of review list screen got feedback that time point of review was not necessary

Our developers found implementing comment/ like feature within the review list screen required more nontrivial work than our budget allowed us

wifi
Improvement

I simplified the design of review list screen by canceling like/ comment feature and display of time

Moreover, I made the rating breakdown section collapsible to save more screen space

wifi

The Latest Version of Design

Explore

wifi
wifi
wifi
wifi

Schedule

wifi
wifi
wifi
wifi

Post

wifi
wifi
wifi
wifi

Messages

wifi
wifi

Profile

wifi
wifi