Service Design for Community Engagement
People currently often check Facebook to find events happening near them, but these events are often cluttered, confusing, and difficult to navigate. Additionally, these events do not reflect the tight knit community that many people seek. This is especially true for people who recently move to a new city or simply want to create new friendships.
This digital experience was designed for someone who recently moved to a new city and finds joy in attending locally hosted events of all sizes such as farmers' markets and small coffee shops. He is open to new experiences and wants to build connections with others quickly.
It is also curated towards people like Remote Rachel who are more introverted and want to attend small gatherings with an option to do so from home. She is very socially selective and wants to form both personal and professional connections.
Mobilize uses a user's location to identify local events sorted by the vibe of the event: Lowkey, Lively, High-Energy, and All-In. In the app, users can either attend or organize an event. They can also easily access their calendar of events and chat with event hosts as well as other event attendees.
With a centralized app to easily locate and attend events, people like New-In-Town Nick and Remote Rachel can find the events that best suits their desired connections and interests.
Personas
Feature Articulation
Service Blueprint
Competitive Analysis
Pen & Paper
Wireframing
Low & High Fidelity
Design System
Usability Testing
Iterative Prototyping
Before designing any solutions, we formed primary and secondary provisional personas based on the research to understand who we're designing for. These personas encompassed their demographics, behaviors, attitudes, needs/challenges, motivations, product desires, influences, etc. Doing so helped guide the UX goals and discover product opportunities.
After organizing our different ideas into an affinity map, we prioritized these features into 3 levels: must-haves, wants, and nice-to-haves. By prioritizing these ideas, we had a better focus on which screens were crucial to the solution and organize which ones to start prototyping first. We then organized these ideas onto a service blueprint to better visualize the user journey and the touchpoints throughout it.
We conducted competitive audits for existing designs and interactions that we can draw inspiration from before officially starting to prototype. These audits also helped us define what worked well and not well for each pattern. Although we get ideas from these audits, we made sure to keep the tone of our design consistent.
Before creating digital wireframes on Figma, we created these low-fidelity paper prototypes with pen and paper to determine what the features entailed. These paper prototypes also allow us to define the user flow of the mobile experience.
Next, we created wireframes on Figma to better understand the user flow and visualize the information architecture of Mobilize. These wireframes act as skeletons to ask for feedback before increasing the fidelity of the prototypes.
As we split the design work and created higher-fidelity prototypes, we realized that our designs had minor inconsistencies with the visual design. To mitigate this, we created a design system including font, colors, and spacing that we could easily reference throughout the process. The design system acted as a visual north star of our design.
As we continued to refine our mockups on Figma, we conducted 3 rounds of task-based usability testing. We interviewed a total of 18 people across those three rounds to gather feedback on designs and incorporate the feedback quickly into another iteration. These tests were crucial in uncovering confusion in the app early on and allowing ample time to fix these areas quickly.
Some of these tasks include but are not limited to
- You open the Mobilize app for the first time to find local events to you. RSVP to the event The Protest.
- RSVP to the Protest event and follow the host.
- You just attended the Protest event. You had the time of your life and want to leave a review to mention something specific that happened to you at the event.
Mobilize is the optimal app designed for both community organizers and people seeking an event to build meaningful connections with others in their communities. Users can easily find events, access their calendars, create their own events, or chat with event hosts and attendees.
If the user wants to create an event, they can do so by simply adding a title, vibe, tags, description, and location. The vibes and tags make the event more discoverable. They also give a potential attendee more information about what the event is about and how to find other events similar to it.
After the user RSVP's or saves an event for later, these events will appear in the "Calendar" tab to have them organized all in one place. The colors clearly indicate today's date, the date of the RSVP'd event, and the date of the saved event.
Users will also have the option to chat more with an event host to ask specific questions on a 1:1 basis. They can also used this chat feature to talk with other event attendees after an event to further connect with them -- allowing a more personal, human touch to the experience.