Connecting individuals with shared interests, enabling them to discover, create, and manage events based on personal preferences.

Role:

UX/UI designer
Tools:

Miro, Figma, Kanban board

Overview

The project involved designing a user interface for an event application called Eventful, which aimed to enhance user engagement by connecting individuals with shared interests. The app allows users to create, discover, and manage events based on personal preferences. It also provides users with tools to make reservations and efficiently manage their schedules. The target audience includes individuals looking for a streamlined experience in finding and attending events that cater to their personal interests.

Problem

Existing event management apps often suffer from poor navigation and a lack of user-centered features, leading to a frustrating user experience. Users found it difficult to find relevant events or manage them effectively due to complicated filtering systems and limited customization options. Additionally, key features such as event creation, profile management, and participation tracking were either missing or difficult to use. These issues diminished user engagement and discouraged people from using such platforms regularly.

Solution

To solve these issues, the Eventful app was designed with a focus on simplicity and usability. A clean, modern design with a strong emphasis on personalization allows users to easily navigate the app and find events that align with their interests. Key improvements included intuitive navigation, comprehensive filtering options, and detailed event management features. Usability testing played a critical role in identifying pain points, such as inconsistent button designs and the lack of certain features (e.g., calendar integration and event host information), leading to iterative improvements. The final product includes event creation tools, personalized recommendations, and the ability to manage event participation with ease. This approach ensured that the app not only addressed the user pain points but also delivered a user-friendly, engaging experience.

Research

After analyzing various event apps on the market, such as Meetup and Eventbrite, we assessed their strengths and weaknesses.

⟣ Our findings indicated that there is a demand for a platform that is easy to navigate, visually appealing, and equipped with comprehensive event management tools. A key pain point identified was the complicated navigation present in existing apps.

Ideation

Personas
Site Map
In the app, the site map is designed to ensure a smooth user experience, focusing on intuitive navigation and essential features. The app is structured around four key sections:
1. Home:
  
  This is the main hub where users can search for events, filter results by category, and receive personalized, location-based recommendations.
2. User Profile:
  
  Users can manage their personal information, such as updating their "About Me" section, selecting "Interests" to refine event suggestions, and managing participation in "My Groups."
3. My Events:
  
  This section organizes the user's events into "Upcoming" and "Past Events," allowing them to easily track and revisit events they’re attending or have attended.
4. Create New Event:
  
  Here, users can quickly create an event by filling in the details, such as name, description, date, time, and location.
This site map emphasizes simplicity and user-centered design, ensuring that users can easily discover, participate in, and create events, making it an engaging platform for event management.
User Flow

The user flow of my event app is designed to be intuitive, guiding users from discovering events to creating their own seamlessly. Starting from the Home Screen, users can engage in Event Discovery by either choosing an event from the main screen or navigating to the search function. They can Apply Filters to refine their search, view event details, and easily take action to Attend the Event.

In the My Events section, users can view a list of Upcoming and Past Events, check details, and revisit those they have attended. The app also facilitates easy event creation, where users can fill out the necessary information, upload photos, and publish the event with just a few taps.

This streamlined flow ensures users can effortlessly discover, attend, and create events, making event management an engaging experience.
Low Fidelity Wireframes

Design

Style Guide

Our design follows a clean, modern aesthetic, focusing on usability and visual appeal. The typography uses the Nunito font, creating distinct styles for headings and body text. The color palette, featuring vibrant orange and deep teal, was chosen to create a bold, energetic contrast that captures attention while maintaining a sense of balance and professionalism. Key UI elements include large, rounded primary buttons and minimalistic, monochrome icons for navigation. This cohesive design ensures clarity, easy navigation, and a consistent user experience.
UI Design

The first version of the design included all major features, such as event creation, profile management, and event discovery. Interactive elements were added to simulate real user interactions.

Testing

Prototype

We used Figma to create an interactive prototype, allowing users to navigate through the app and perform key tasks. The first version of prototype included all major features, such as event creation, profile management, and event discovery. Interactive elements were added to simulate real user interactions.
Usability Testing

Test Scenarios

To evaluate the usability of the interface, we defined a set of test scenarios that focus on key user interactions to ensure the prototype's functionality aligns with user needs and expectations. The scenarios include:
1. Find your upcoming and past events:
  
  Users are asked to view their upcoming events within the application.
2. Create a new event:
  
  Users are tasked to view “create a new event” section and check all the details out that is required to create a new event.
3. Find your profile information:
  
  Users need to find and view their profile information to check its accessibility and completeness.
4. Add yourself to an event (“Good Morning English Speaking Club”):
  
  Users are asked to add themselves to a specific event to test the ease of joining an event.
Identified Usability Issues and User Pain Points
- Button design consistency
  
  Issue:
  
  Users found that primary buttons were not distinct enough from other non-button elements due to similar patterns.
  
  Feedback:
  
  "We would only change the primary buttons because we are using the same pattern for other elements which are not buttons."
- Event pricing and sharing
  
  Issue:
  
  The app currently lacks features for adding event prices.
  
  Feedback:
  
  "You could add prices to events."
- Calendar integration
  
  Issue:
  
  The app does not currently allow users to add events to their Google Calendar.
  
  Feedback:
  
  "I would like to have the option to add my events to my Google calendar."
- Burger menu necessity
  
  Issue:
  
  The burger menu was considered unnecessary by users.
  
  Feedback:
  
  "The burger menu seems not needed."
- Filter specificity
  
  Issue:
  
  The current filtering options are not detailed enough.
  
  Feedback:
  
  "Specific times and places would be useful for filters."
- Event host information
  
  Issue:
  
  Users would like to see the name of the event host.
  
  Feedback:
  
  "You could add the name of the host to the event."
- Event participation information
  
  Issue:
  
  Users are not informed if they have already added themselves to an event.
  
  Feedback:
  
  "You could add information that you have already added yourself to that event."
- Participant limitations
  
  Issue:
  
  There is no information on the maximum number of participants for events.
  
  Feedback:
  
  "A maximum number of participants could be shown and if the event list is full you cannot join."

Iteration and Finalization

We refined the design based on usability testing results and finalized the prototype. Here are the changes we made:

⟣ Redesigned primary buttons to be more visually distinct, enhancing user recognition and interaction.
⟣ Implemented features to add event prices to enhance functionality and user engagement.
⟣ Provided an option to add reserved events on Google Calendar to allow users to easily add events to their personal schedules.
⟣ Evaluated the necessity of the burger menu and considered removing it.
⟣ Added more specific filter options, such as times and places, to help users find events that meet their exact preferences.
⟣ Displayed the host's name on event details to provide more context and information for users.
⟣ Included an indicator showing that a user has already joined an event.
⟣ Showed the maximum number of participants for each event and indicate when an event is full.