About
About
About
About
About
About
About
About
About
About
About
Group Grabbing
Project Type
Year
UX Design
2024
An app that assists event holders putting together small-scale
(prox. 2-30 people) event
Role
Primary research, journey mapping, user flow, wireframing
Problem
Miscommunication, Delays, and Conflicting Preference
Holding a group event requires back and forth communication, decision-making, and managing responsibilities. Through the process, challenges such as miscommunication, delays, and conflicting preferences can arise.
Problem
Reduce misunderstanding and ease the anxiety in the process of discussing, choice making, waiting, and picking-up.
User Research
Interviewing Pastry Lovers/ Event Holders
My original prompt was designing a pastry tracking app, so my initial research focus was about the experiences of pastry lovers. However, after interviews and analysis, I realized pastries play an important role in connecting people during events.
Upon analyzing the market, I found that the food and grocery delivery service market is saturated. Still, people rarely use these platforms to order or deliver pastries. It is likely due to uncontrollable factors as a UX designer. Moreover, the challenges people face when ordering pastries are closely related to event planning. Therefore, I shifted my focus to designing an app the helps solve problems in organizing small to medium-sized events.
This approach broadens the app’s functionality beyond pastry tracking, and can attract more users by addressing a wider range of challenges.
Data Organizing and Analyzing
User Journey Map
To understand the experience of pastry lovers from making decisions to enjoying the order, I turned the interview data into a journey map. Participants’ actions, words, thoughts, and feelings were labeled in different colored sticky notes.
Empathy Map
I group the sticky notes based on connections I saw among them. The empathy map allowed me to identify key themes that pastry lovers care about, which led the direction and functions of this project as an event-holding app.
Time reminder, task and order managing, and communication are the three main directions as they had the most sticky notes and these issues can be addressed by an App.
As for timing and fluency, we will have to work with the bakeries to look into the full service flow.
The others can be add-on functions for the App.
Goal Statement
Goal statement consolidates above information into a concise and powerful sentence, which helped me to stay focused during the design process.
Our event-holding app lets overwhelmed event holders plan ahead with less worry and anxiety by keeping the information clear, transparent, and up-to-date.
Ideate
User Flow
To clearly understand the entire user experience, I drew the user flow diagram. It will be helpful to improve and compare the experience in the future.
It also shows the possible information that users need at each screen to keep the navigation runs smoothly.
Information Architecture
In order to have a clear idea of what information each screen should include, I started with the screens that would be in the tab bar. I kept the goal statement and user needs in mind while deep dived into the content and moved things around.
To move forward to wireframing after laying out the sitemap, I chose three main screens to start with:
Landing page - Home page/ Event managing page
Rich info - Event info page
High traffic - Browsing page
These three pages should cover the main methods of displaying and ways to navigate. Other pages can follow along afterwards.
Paper Wireframe
Drawing on paper allows me to document ideas freely and quickly. When selecting and refining designs, I checked for repetitive or hard-to-read content and actions. Eventually, I refined the design into one that has clear information and elements aligned with the other pages.
Landing page -
Home page/ Event managing page
Rich info -
Event info page
High traffic -
Browsing page
.png)
Mid Fidelity Wireframe
To get a clearer sense of hot it would appear and to accurately gauge the available screen space, I turned the sketch into mid fidelity wireframe using Figma. This also makes it easier to read as we move on to prototyping, user testing, and UI design.
Landing page -
Home page/ Event managing page
Rich info -
Event info page
High traffic -
Browsing page
Order Listing/ Tracking Page
I chose to focus on the “tracking experience” within the event-holding app, because it was my original area of interest.
Ideate
Tracking Experience Wireflow
The tracking experience also follows the goal of facilitating collaboration and providing clear and updated information for everyone in the team
