BeSpurr.
Type: Mobile App Design
Timeline: Jan 2024 - Mar 2024
Role: UI/UX Designer
Team: Xiaoyi Chen, Aska Kunita Demirci, Mandy Lai, Khoi Nguyen
BeSpurr.
BeSpurr.
Type: Mobile Design
Timeline: Jan 2024 - Mar 2024 (3 Months)
Role: UI/UX Designer
Team: 5 Designers
Type: Mobile App Design
Timeline: Jan 2024 - Mar 2024
Role: UI/UX Designer
Team: Xiaoyi Chen, Aska Kunita Demirci, Mandy Lai, Khoi Nguyen
OVERVIEW
In a world consumed by technology, digital connections often overshadow face-to-face interactions. Our research reveals that despite users expressing a high likelihood of attending spontaneous events, the prevalence of social anxiety, busy schedules, and the inefficiency of existing event discovery platforms act as a barrier to forging genuine connections in person.
Motivated by this contention, we propose BeSpurr, a dynamic location-based Snapchat Map extension that empowers users to efficiently discover, host, and attend spontaneous events on their own terms. From attending study groups with your closest friends, to exploring student organization events, BeSpurr provides users with a plethora of opportunities to socially interact across diverse contexts.
In a world consumed by technology, digital connections often overshadow face-to-face interactions. Our research reveals that despite users expressing a high likelihood of attending spontaneous events, the prevalence of social anxiety, busy schedules, and the inefficiency of existing event discovery platforms act as a barrier to forging genuine connections in person.
Motivated by this contention, we propose BeSpurr, a dynamic location-based Snapchat Map extension that empowers users to efficiently discover, host, and attend spontaneous events on their own terms. From attending study groups with your closest friends, to exploring student organization events, BeSpurr provides users with a plethora of opportunities to socially interact across diverse contexts.
In a world consumed by technology, digital connections often overshadow face-to-face interactions. Our research reveals that despite users expressing a high likelihood of attending spontaneous events, the prevalence of social anxiety, busy schedules, and the inefficiency of existing event discovery platforms act as a barrier to forging genuine connections in person.
Motivated by this contention, we propose BeSpurr, a dynamic location-based Snapchat Map extension that empowers users to efficiently discover, host, and attend spontaneous events on their own terms. From attending study groups with your closest friends, to exploring student organization events, BeSpurr provides users with a plethora of opportunities to socially interact across diverse contexts.
In a world consumed by technology, digital connections often overshadow face-to-face interactions. Our research reveals that despite users expressing a high likelihood of attending spontaneous events, the prevalence of social anxiety, busy schedules, and the inefficiency of existing event discovery platforms act as a barrier to forging genuine connections in person.
Motivated by this contention, we propose BeSpurr, a dynamic location-based Snapchat Map extension that empowers users to efficiently discover, host, and attend spontaneous events on their own terms. From attending study groups with your closest friends, to exploring student organization events, BeSpurr provides users with a plethora of opportunities to socially interact across diverse contexts.
The Problem
How might we streamline access to hyper-local events for spontaneous social interactions?
How might we streamline access to hyper-local events for spontaneous social interactions?
How might we streamline access to hyper-local events for spontaneous social interactions?
How might we streamline access to hyper-local events for spontaneous social interactions?
Sneak Peek ;)
Hover to learn more
TIMELINE
Closer Look into Project
STEP 1:
Concept
Development
STEP 2:
Research
Concept
STEP 3:
Prototyping
Session I
STEP 4:
Prototyping
Session II
STEP 5:
Review Finished Mockup
Week 1
Week 2
Week 3
Week 4
Week 5
Week 6
Week 7
Brainstormed challenges, proposed possible solutions, and created a storyboard for our idea
Defined social setting and social experience
Defined method and conducted user research. Performed comprehensive analysis to access user needs
Devised a system to simulate social interaction of the application during prototyping
Performed competitive analysis to access market novelty
Conducted first round of prototyping with a total of 15 participants
Revised prototyping method based on user feedback
Conducted second round of prototyping with a total of 15 participants utilizing refined system
Access user feedback to understand success of social interaction and user engagement
Finalize Figma prototype based assessment of social interaction and user needs
RESEARCH
We had three research goals:
To understand how people currently socialize and the challenges they face
To analyze the strengths and weaknesses of competitive socializing platforms
To assess people's preferences and views on spontaneous socializing
Secondary Research
Literature Review
Various studies underscore the potential of map-based interfaces in fostering spontaneous social interactions:
Positive spontaneous thoughts motivate users to explore new social connections
Mobile technology (e.g. real-time location sharing) facilitates spontaneous interactions
Map-based features encourage personal network expansion
Online Research
We first delved into the social setting by reading online forums and social media posts.
Competitive Analysis
In the realm of event planning, location-based services, and fostering spontaneous social interactions, BeSpurr stands out in a distinct solution space. Leveraging Snapchat's existing widespread usage, we employed piggyback prototyping as a strategy.
Spontaneity transcends introversion or extroversion
Expressing prospects and desires for novel and fresh interactions
Sharing delightful spontaneous meetup experiences
Primary Interviews
We conducted interviews with 5 UCSD students for about 30 minutes each, which included 5 demographic and 13 open-ended questions about their obstacles and opinions on spontaneous socializing.
Key Insights
4 out of 5
expressed a high likelihood of attending spontaneous events or study sessions
“A scheduled event would always be on my mind, ...takes a lot more commitment and effort”
“If the time doesn't work, then you can't really do anything about it.”
Current Challenges in Socializing:
Managing busy schedules
Dealing with social anxiety
Difficulty in finding events through inefficient platforms
Potential Solutions:
Having freedom to create or join events at one’s convenience
Reducing preparation and overthinking before events
Viewing all events at once on one platform
RESEARCH
We had three research goals:
To understand how people currently socialize and the challenges they face
To analyze the strengths and weaknesses of competitive socializing platforms
To assess people's preferences and views on spontaneous socializing
Secondary Research
Online Research
We first delved into the social setting by reading online forums and social media posts.
Spontaneity transcends introversion or extroversion
Expressing prospects and desires for novel and fresh interactions
Sharing delightful spontaneous meetup experiences
Literature Review
Various studies underscore the potential of map-based interfaces in fostering spontaneous social interactions:
Positive spontaneous thoughts motivate users to explore new social connections
Mobile technology (e.g. real-time location sharing) facilitates spontaneous interactions
Map-based features encourage personal network expansion
Competitive Analysis
In the realm of event planning, location-based services, and fostering spontaneous social interactions, BeSpurr stands out in a distinct solution space. Leveraging Snapchat's existing widespread usage, we employed piggyback prototyping as a strategy.
Google Calendar
Snap Map
Snap Chat
Umity
Meetup
BeSpurr.
Find My
S
p
o
n
t
a
n
e
o
u
s
+
S
o
c
i
a
l
L
o
c
a
t
i
o
n
-
B
a
s
e
d
E
g
v
e
n
t
P
l
a
n
n
i
n
Primary Interviews
We conducted interviews with 5 UCSD students for about 30 minutes each, which included 5 demographic and 13 open-ended questions about their obstacles and opinions on spontaneous socializing.
Key Insights
4 out of 5
expressed a high likelihood of attending spontaneous events or study sessions
“A scheduled event would always be on my mind, ...
takes a lot more commitment and effort”
“If the time doesn't work, then you can't really do anything about it.”
Current Challenges in Socializing:
Managing busy schedules
Dealing with social anxiety
Difficulty in finding events through inefficient platforms
Potential Solutions:
Having freedom to create or join events at one’s convenience
Reducing preparation and overthinking before events
Viewing all events at once on one platform
PROTOTYPING METHOD
Design Process
Design Process
Design Process
Design Process
Wizard of Oz
We employed the “Wizard of Oz” method, which involves presenting users with a prototype that simulates the expected social experience of BeSpurr. This approach is not only cost-effective and flexible, yet also enables us to evaluate the user experience and system interactions in a realistic context without the need for a fully developed system.
We employed the “Wizard of Oz” method, which involves presenting users with a prototype that simulates the expected social experience of BeSpurr. This approach is not only cost-effective and flexible, yet also enables us to evaluate the user experience and system interactions in a realistic context without the need for a fully developed system.
We employed the “Wizard of Oz” method, which involves presenting users with a prototype that simulates the expected social experience of BeSpurr. This approach is not only cost-effective and flexible, yet also enables us to evaluate the user experience and system interactions in a realistic context without the need for a fully developed system.
We employed the “Wizard of Oz” method, which involves presenting users with a prototype that simulates the expected social experience of BeSpurr. This approach is not only cost-effective and flexible, yet also enables us to evaluate the user experience and system interactions in a realistic context without the need for a fully developed system.
We employed the “Wizard of Oz” method, which involves presenting users with a prototype that simulates the expected social experience of BeSpurr. This approach is not only cost-effective and flexible, yet also enables us to evaluate the user experience and system interactions in a realistic context without the need for a fully developed system.
Design Goal
While FigJam does not offer real-time location tracking functionality, we aimed to create a visually engaging and interactive simulation of hosting/attending spontaneous events on BeSpurr.
While FigJam does not offer real-time location tracking functionality, we aimed to create a visually engaging and interactive simulation of hosting/attending spontaneous events on BeSpurr.
Prototyping Tech
FigJam
We leveraged FigJam’s drawing tools and multi-user collaborative interface, to replicate the interactive experience from creating event to location tracking
BitMoji
To replicate the aesthetic of SnapMap, we employ BitMoji iconography that will serve as the user’s profile and to indicate user location
SnapMap
To replicate the visual experience of a map, we leverage SnapMaps existing layout for the on-campus setting.
User Flows
We split participant into two user groups
We split participant into two user groups
We split participant into two user groups
We split participant into two user groups
Host - those who create spontaneous event
Attendee - those who join spontaneous event
We want to emphasize the experience of Attendees seeing events spontaneously appear and join if interested. Based on interview insights, people often feel pressured to commit and attend scheduled events. Therefore, we have decided to design a way for attendees to take their time browsing events and easily connect with event hoster. The user flow has been created to better design the interactions to test out in a prototyping session.
We want to emphasize the experience of Attendees seeing events spontaneously appear and join if interested. Based on interview insights, people often feel pressured to commit and attend scheduled events. Therefore, we have decided to design a way for attendees to take their time browsing events and easily connect with event hoster. The user flow has been created to better design the interactions to test out in a prototyping session.
We want to emphasize the experience of Attendees seeing events spontaneously appear and join if interested. Based on interview insights, people often feel pressured to commit and attend scheduled events. Therefore, we have decided to design a way for attendees to take their time browsing events and easily connect with event hoster. The user flow has been created to better design the interactions to test out in a prototyping session.
We want to emphasize the experience of Attendees seeing events spontaneously appear and join if interested. Based on interview insights, people often feel pressured to commit and attend scheduled events. Therefore, we have decided to design a way for attendees to take their time browsing events and easily connect with event hoster. The user flow has been created to better design the interactions to test out in a prototyping session.
Host Experience
Attendee Experience
PROTOTYPING
Round I of Usability Testing
Round I of Usability Testing
Round I of Usability Testing
Round I of Usability Testing
Overview
In our first prototyping & user testing session, we want to prototype how users would experience sudden appearance of spontaneous event on map, including creating and joining event. We created two different FigJam File, one public map for public event thats visible to all users, the other as private map for private events only visible to friends.
In our first prototyping & user testing session, we want to prototype how users would experience sudden appearance of spontaneous event on map, including creating and joining event. We created two different FigJam File, one public map for public event thats visible to all users, the other as private map for private events only visible to friends.
In our first prototyping & user testing session, we want to prototype how users would experience sudden appearance of spontaneous event on map, including creating and joining event. We created two different FigJam File, one public map for public event thats visible to all users, the other as private map for private events only visible to friends.
In our first prototyping & user testing session, we want to prototype how users would experience sudden appearance of spontaneous event on map, including creating and joining event. We created two different FigJam File, one public map for public event thats visible to all users, the other as private map for private events only visible to friends.
Attendee Simulation
To stimulate real-time location tracking, all participants will use FigJam’s connector feature to connect their avatar of their choice (+username) to their going event to show interest. Meanwhile, they will move their avatar toward the event location as they move physically. This lets others visualize event popularity, human traffic, and filling capacity.
To stimulate real-time location tracking, all participants will use FigJam’s connector feature to connect their avatar of their choice (+username) to their going event to show interest. Meanwhile, they will move their avatar toward the event location as they move physically. This lets others visualize event popularity, human traffic, and filling capacity.
To stimulate real-time location tracking, all participants will use FigJam’s connector feature to connect their avatar of their choice (+username) to their going event to show interest. Meanwhile, they will move their avatar toward the event location as they move physically. This lets others visualize event popularity, human traffic, and filling capacity.
To stimulate real-time location tracking, all participants will use FigJam’s connector feature to connect their avatar of their choice (+username) to their going event to show interest. Meanwhile, they will move their avatar toward the event location as they move physically. This lets others visualize event popularity, human traffic, and filling capacity.
Host Simulation
To stimulate a sudden appearance of spontaneous event, we setup a third FigJam called the "Host Event Form" for hosts to fill in the event details. They will then post their event card on corresponding map based on whether they are assign as private or public host. We also provided entertainment and study activity templates for quick reference.
To stimulate a sudden appearance of spontaneous event, we setup a third FigJam called the "Host Event Form" for hosts to fill in the event details. They will then post their event card on corresponding map based on whether they are assign as private or public host. We also provided entertainment and study activity templates for quick reference.
To stimulate a sudden appearance of spontaneous event, we setup a third FigJam called the "Host Event Form" for hosts to fill in the event details. They will then post their event card on corresponding map based on whether they are assign as private or public host. We also provided entertainment and study activity templates for quick reference.
To stimulate a sudden appearance of spontaneous event, we setup a third FigJam called the "Host Event Form" for hosts to fill in the event details. They will then post their event card on corresponding map based on whether they are assign as private or public host. We also provided entertainment and study activity templates for quick reference.
How our initial prototypes performed
We defined KPIs (key performance indicators) for our social computing app, including usability, aesthetics, and adoption rate. Our potential target users reacted positively to usability and aesthetics, yet they weren’t if they would use BeSpurr in real life.
We defined KPIs (key performance indicators) for our social computing app, including usability, aesthetics, and adoption rate. Our potential target users reacted positively to usability and aesthetics, yet they weren’t if they would use BeSpurr in real life.
We defined KPIs (key performance indicators) for our social computing app, including usability, aesthetics, and adoption rate. Our potential target users reacted positively to usability and aesthetics, yet they weren’t if they would use BeSpurr in real life.
We defined KPIs (key performance indicators) for our social computing app, including usability, aesthetics, and adoption rate. Our potential target users reacted positively to usability and aesthetics, yet they weren’t if they would use BeSpurr in real life.
4.00 out of 5
4.00 out of 5
4.00 out of 5
4.00 out of 5
Usability
Usability
Usability
Usability
4.15 out of 5
4.15 out of 5
4.15 out of 5
4.15 out of 5
Aesthetics
Aesthetics
Aesthetics
Aesthetics
3.31 out of 5
3.31 out of 5
3.31 out of 5
3.31 out of 5
Adoption Rate
Adoption Rate
Adoption Rate
Adoption Rate
Specific pain points to address
ATTENDEE
Complicated onboarding process
“I think overall it’s functional and clear, but took a few mins to understand”
“Make the instructions more digestible”
ATTENDEE
Lack of follow-up or contact
“Maybe have a way for users to stay in contact after the meetup”
“I recommend adding more features to interact online, before or after the meet”
HOST
Hosts were ‘forced’ into the role
“I didn’t really want to think about creating an event”
“Couldn't think of a event at the moment so the suggested ones are helpful!”
HOST
Publishing an event was time-consuming
“Map feature does seem a bit tedious especially when using it for the first time”
“It was really hard to drag my icon around because on FigJam”
Round II of Usability Testing
Two weeks later, we conducted our second prototyping session with revisions based on user feedback. We aim to evaluate whether these changes have enhanced our user experience across four metrics: usability, esthetics, and adoption rate.
A general issue identified from the first session was the abundance of links for participants to open, leading to confusion when navigating these tabs. To address this, our first modification was to combine the systems from three separate FigJam files into one, maintaining functionality for Public Map, Private Map, and Event Hosting.
Two weeks later, we conducted our second prototyping session with revisions based on user feedback. We aim to evaluate whether these changes have enhanced our user experience across four metrics: usability, esthetics, and adoption rate.
A general issue identified from the first session was the abundance of links for participants to open, leading to confusion when navigating these tabs. To address this, our first modification was to combine the systems from three separate FigJam files into one, maintaining functionality for Public Map, Private Map, and Event Hosting.
Two weeks later, we conducted our second prototyping session with revisions based on user feedback. We aim to evaluate whether these changes have enhanced our user experience across four metrics: usability, esthetics, and adoption rate.
A general issue identified from the first session was the abundance of links for participants to open, leading to confusion when navigating these tabs. To address this, our first modification was to combine the systems from three separate FigJam files into one, maintaining functionality for Public Map, Private Map, and Event Hosting.
Two weeks later, we conducted our second prototyping session with revisions based on user feedback. We aim to evaluate whether these changes have enhanced our user experience across four metrics: usability, esthetics, and adoption rate.
A general issue identified from the first session was the abundance of links for participants to open, leading to confusion when navigating these tabs. To address this, our first modification was to combine the systems from three separate FigJam files into one, maintaining functionality for Public Map, Private Map, and Event Hosting.
Attendee Simulation
Two key feedbacks we received from attendees: 1) complicated on-boarding process and 2) lack of follow-up contact.
Two key feedbacks we received from attendees: 1) complicated on-boarding process and 2) lack of follow-up contact.
Two key feedbacks we received from attendees: 1) complicated on-boarding process and 2) lack of follow-up contact.
Two key feedbacks we received from attendees: 1) complicated on-boarding process and 2) lack of follow-up contact.
To ease #1) the on-boarding process: we pre-assign user avatar with username, initiate avatar placement at current location to minimize dragging on the map, and replaced connector to dedicated parking spots to showcase capacity.
To ease #1) the on-boarding process: we pre-assign user avatar with username, initiate avatar placement at current location to minimize dragging on the map, and replaced connector to dedicated parking spots to showcase capacity.
To ease #1) the on-boarding process: we pre-assign user avatar with username, initiate avatar placement at current location to minimize dragging on the map, and replaced connector to dedicated parking spots to showcase capacity.
To ease #1) the on-boarding process: we pre-assign user avatar with username, initiate avatar placement at current location to minimize dragging on the map, and replaced connector to dedicated parking spots to showcase capacity.
To facilitate #2) follow-up contact: we created a user profile section with customizable interest tags, option to add other’s contact, and implemented a chatroom for communication before and after spontaneous event occur.
To facilitate #2) follow-up contact: we created a user profile section with customizable interest tags, option to add other’s contact, and implemented a chatroom for communication before and after spontaneous event occur.
To facilitate #2) follow-up contact: we created a user profile section with customizable interest tags, option to add other’s contact, and implemented a chatroom for communication before and after spontaneous event occur.
To facilitate #2) follow-up contact: we created a user profile section with customizable interest tags, option to add other’s contact, and implemented a chatroom for communication before and after spontaneous event occur.
Host Simulation
The main feedbacks we received and observed from host were 1) level of voluntarily as they are mostly being assigned and notified in session. 2) time-consuming to fill-out event card
The main feedbacks we received and observed from host were 1) level of voluntarily as they are mostly being assigned and notified in session. 2) time-consuming to fill-out event card
The main feedbacks we received and observed from host were 1) level of voluntarily as they are mostly being assigned and notified in session. 2) time-consuming to fill-out event card
The main feedbacks we received and observed from host were 1) level of voluntarily as they are mostly being assigned and notified in session. 2) time-consuming to fill-out event card
To increase #1) the level of voluntarism: we created an “Interest From” ask for volunteer host, and message them 30 minutes before session starts about the specific event of their choice to stimulate spontaneous thoughts hosting event.
To increase #1) the level of voluntarism: we created an “Interest From” ask for volunteer host, and message them 30 minutes before session starts about the specific event of their choice to stimulate spontaneous thoughts hosting event.
To increase #1) the level of voluntarism: we created an “Interest From” ask for volunteer host, and message them 30 minutes before session starts about the specific event of their choice to stimulate spontaneous thoughts hosting event.
To increase #1) the level of voluntarism: we created an “Interest From” ask for volunteer host, and message them 30 minutes before session starts about the specific event of their choice to stimulate spontaneous thoughts hosting event.
To shorten #2) the process of creating event cards, we offer pre-set event cards for hosts to directly place at their desired locations. Based on high participant interest in social games like "Two Truths One Lie" from the first prototyping session, we updated the Entertainment and Study sets to include card games and brain games.
To shorten #2) the process of creating event cards, we offer pre-set event cards for hosts to directly place at their desired locations. Based on high participant interest in social games like "Two Truths One Lie" from the first prototyping session, we updated the Entertainment and Study sets to include card games and brain games.
To shorten #2) the process of creating event cards, we offer pre-set event cards for hosts to directly place at their desired locations. Based on high participant interest in social games like "Two Truths One Lie" from the first prototyping session, we updated the Entertainment and Study sets to include card games and brain games.
To shorten #2) the process of creating event cards, we offer pre-set event cards for hosts to directly place at their desired locations. Based on high participant interest in social games like "Two Truths One Lie" from the first prototyping session, we updated the Entertainment and Study sets to include card games and brain games.
Improvements from round I of usability testing
Our design iterations drove improvement for all three KPIs. Users expressed having a “smoother experience than last time” and “fun” event experience. Regarding aesthetics, they thought BeSpurr blended well with the existing Snapchat branding.
Our design iterations drove improvement for all three KPIs. Users expressed having a “smoother experience than last time” and “fun” event experience. Regarding aesthetics, they thought BeSpurr blended well with the existing Snapchat branding.
Our design iterations drove improvement for all three KPIs. Users expressed having a “smoother experience than last time” and “fun” event experience. Regarding aesthetics, they thought BeSpurr blended well with the existing Snapchat branding.
Our design iterations drove improvement for all three KPIs. Users expressed having a “smoother experience than last time” and “fun” event experience. Regarding aesthetics, they thought BeSpurr blended well with the existing Snapchat branding.
4.53 (+.53)
Usability
4.67 (+.52)
Aesthetics
3.6 (+.29)
Adoption Rate
Still, users wanted more direct connection
Still, users wanted more direct connection
Still, users wanted more direct connection
Still, users wanted more direct connection
“I don't think I really saw the connection between finding people and going to events spontaneously? I wish it was better explained how this prototype solved the issue of knowing other people's schedules” —An Attendee
“I don't think I really saw the connection between finding people and going to events spontaneously? I wish it was better explained how this prototype solved the issue of knowing other people's schedules” —An Attendee
“I don't think I really saw the connection between finding people and going to events spontaneously? I wish it was better explained how this prototype solved the issue of knowing other people's schedules” —An Attendee
“I don't think I really saw the connection between finding people and going to events spontaneously? I wish it was better explained how this prototype solved the issue of knowing other people's schedules” —An Attendee
We hope to address this concern in a future solution could to better solve our core problem space of facilitating spontaneous, location-based meetups. This could also be a great starting point for improving our adoption rate.
We hope to address this concern in a future solution could to better solve our core problem space of facilitating spontaneous, location-based meetups. This could also be a great starting point for improving our adoption rate.
We hope to address this concern in a future solution could to better solve our core problem space of facilitating spontaneous, location-based meetups. This could also be a great starting point for improving our adoption rate.
We hope to address this concern in a future solution could to better solve our core problem space of facilitating spontaneous, location-based meetups. This could also be a great starting point for improving our adoption rate.
DESIGN ITERATIONS
DESIGN ITERATIONS
DESIGN ITERATIONS
DESIGN ITERATIONS
Low-Fidelity
Low-Fidelity
Low-Fidelity
Low-Fidelity
We began our process by drafting paper wireframes that map out the narrative flow of different features we plan to implement on BeSpurr. This is to better visualize how each frame of the feature will connect. The following exemplifies the flow of adding friends from the public map.
We began our process by drafting paper wireframes that map out the narrative flow of different features we plan to implement on BeSpurr. This is to better visualize how each frame of the feature will connect. The following exemplifies the flow of adding friends from the public map.
We began our process by drafting paper wireframes that map out the narrative flow of different features we plan to implement on BeSpurr. This is to better visualize how each frame of the feature will connect. The following exemplifies the flow of adding friends from the public map.
We began our process by drafting paper wireframes that map out the narrative flow of different features we plan to implement on BeSpurr. This is to better visualize how each frame of the feature will connect. The following exemplifies the flow of adding friends from the public map.
Mid-Fidelity
Mid-Fidelity
Mid-Fidelity
Mid-Fidelity
Figma prototypes of the most novel features of BeSpurr were design first based on the user satisfaction tested during our prototyping sessions. Since our prototype is a Snapchat extension, rather than creating an entire new design system, we heavily relied on the Snap Map’s existing interface. We utilized these mid-fidelity as the basis for our final deliverable.
Figma prototypes of the most novel features of BeSpurr were design first based on the user satisfaction tested during our prototyping sessions. Since our prototype is a Snapchat extension, rather than creating an entire new design system, we heavily relied on the Snap Map’s existing interface. We utilized these mid-fidelity as the basis for our final deliverable.
Figma prototypes of the most novel features of BeSpurr were design first based on the user satisfaction tested during our prototyping sessions. Since our prototype is a Snapchat extension, rather than creating an entire new design system, we heavily relied on the Snap Map’s existing interface. We utilized these mid-fidelity as the basis for our final deliverable.
Figma prototypes of the most novel features of BeSpurr were design first based on the user satisfaction tested during our prototyping sessions. Since our prototype is a Snapchat extension, rather than creating an entire new design system, we heavily relied on the Snap Map’s existing interface. We utilized these mid-fidelity as the basis for our final deliverable.
Study
Hangout
Club
BeSpurr event map base on SnapMap
Create an Event
Event name
Event Time
Event Type
Maximum Attendees
Visibility
Event Description
Cancel
Create
Event creation form
Jenny Song
Spontaneous Review for Econ 110B!
11:30 AM
Maximum: 5 people
Public
Anyone wanna join me for going over materials for ...
Close
Join
Map to view and/or join events
Design System
Logo
Logo
Logo
Logo
BeSpurr.
BeSpurr.
BeSpurr.
BeSpurr.
Color Palette
Color Palette
Color Palette
Color Palette
Background
Primary
Secondary
Typography
Typography
Typography
Typography
Heading 1 - Avenir Next
Heading 2 - Avenir Next
Heading 3 - Avenir Next
Default - Avenir Regular
Default - Avenir Regular
Body - Avenir Next
Bold
LIne height
Weight
category
Size
Heading
Body
Caption
Default - Avenir Bold
Caption - Avenir Next
Default - Avenir Bold
Default - Avenir Bold
34
150%
28
150%
20
150%
16
150%
150%
11
14
150%
Caption - Avenir Next
Default - Avenir Regular
Components
Components
Components
Components
Button
Button
Button
Button
Grid System
Grid System
Grid System
Grid System
Button
375 pt
Grid 8px
Layout Margins 16pt
4 Columns Grid (Stretch)
FINAL DELIVERABLE
Explore Nearby Events in Real Time
Explore Nearby Events in Real Time
See what events are happening in your area! Toggle between the Private map with your friends and the Public map that’s open to anyone. Filter based on study/social event type.
See what events are happening in your area! Toggle between the Private map with your friends and the Public map that’s open to anyone. Filter based on study/social event type.
See what events are happening in your area! Toggle between the Private map with your friends and the Public map that’s open to anyone. Filter based on study/social event type.
See what events are happening in your area! Toggle between the Private map with your friends and the Public map that’s open to anyone. Filter based on study/social event type.
Create Your Own Events
Create Your Own Events
Come up with a catchy event name! Make it happen in any moment you feel like it. Host the event with private friends, or open to the whole public. Provide details about where the fun occur.
Come up with a catchy event name! Make it happen in any moment you feel like it. Host the event with private friends, or open to the whole public. Provide details about where the fun occur.
Come up with a catchy event name! Make it happen in any moment you feel like it. Host the event with private friends, or open to the whole public. Provide details about where the fun occur.
Come up with a catchy event name! Make it happen in any moment you feel like it. Host the event with private friends, or open to the whole public. Provide details about where the fun occur.
Join study sessions, hangouts, clubs and more!
Join study sessions, hangouts, clubs and more!
View event details by clicking on any avatar! Talk to hosts about their events. Join or save events of your interest. Explore similar events recommended by BeSpurr.
View event details by clicking on any avatar! Talk to hosts about their events. Join or save events of your interest. Explore similar events recommended by BeSpurr.
View event details by clicking on any avatar! Talk to hosts about their events. Join or save events of your interest. Explore similar events recommended by BeSpurr.
View event details by clicking on any avatar! Talk to hosts about their events. Join or save events of your interest. Explore similar events recommended by BeSpurr.
Add friends and get chatting!
Add friends and get chatting!
Add friends and get chatting!
Add friends and get chatting!
Connect with new people effortlessly! Uncover shared connections. Spark exciting conversations with our dynamic chat platform. Create unforgettable moments with your new connections!
Connect with new people effortlessly!Uncover shared connections. Spark exciting conversations with our dynamic chat platform. Create unforgettable moments with your new connections!
Post to Event Story
Post to Event Story
Snap the moment and share it seamlessly with all BeSpurr attendees on special event stories! Every snap adds to the memories you make together!
Snap the moment and share it seamlessly with all BeSpurr attendees on special event stories! Every snap adds to the memories you make together!
Snap the moment and share it seamlessly with all BeSpurr attendees on special event stories! Every snap adds to the memories you make together!
Snap the moment and share it seamlessly with all BeSpurr attendees on special event stories! Every snap adds to the memories you make together!
REFLECTION
Would BeSpurr work in a real social setting?
Would BeSpurr work in a real social setting?
Would BeSpurr work in a real social setting?
Would BeSpurr work in a real social setting?
In our final user study, BeSpurr successfully enabled hosts to publish events and attendees to discover those events with a high usability rate. As mentioned earlier, some limitations of our current design could include the inability to track friends’ locations (competitive disadvantage) on the map and the initial shyness of meeting strangers (user acquisition). Launching our product to a larger and more diverse use group could help us measure the feasibility of BeSpurr.
In our final user study, BeSpurr successfully enabled hosts to publish events and attendees to discover those events with a high usability rate. As mentioned earlier, some limitations of our current design could include the inability to track friends’ locations (competitive disadvantage) on the map and the initial shyness of meeting strangers (user acquisition). Launching our product to a larger and more diverse use group could help us measure the feasibility of BeSpurr.
In our final user study, BeSpurr successfully enabled hosts to publish events and attendees to discover those events with a high usability rate. As mentioned earlier, some limitations of our current design could include the inability to track friends’ locations (competitive disadvantage) on the map and the initial shyness of meeting strangers (user acquisition). Launching our product to a larger and more diverse use group could help us measure the feasibility of BeSpurr.
In our final user study, BeSpurr successfully enabled hosts to publish events and attendees to discover those events with a high usability rate. As mentioned earlier, some limitations of our current design could include the inability to track friends’ locations (competitive disadvantage) on the map and the initial shyness of meeting strangers (user acquisition). Launching our product to a larger and more diverse use group could help us measure the feasibility of BeSpurr.
What I learned
What I learned
What I learned
What I learned
Using piggyback prototyping to leverage existing resources
Using piggyback prototyping to leverage existing resources
Using piggyback prototyping to leverage existing resources
Using piggyback prototyping to leverage existing resources
Our users were already familiar with Snapchat and Snap Map. When we introduced new features to the social app, users could onboard themselves quickly and evaluate whether our solution added value to their current experience.
Our users were already familiar with Snapchat and Snap Map. When we introduced new features to the social app, users could onboard themselves quickly and evaluate whether our solution added value to their current experience.
Our users were already familiar with Snapchat and Snap Map. When we introduced new features to the social app, users could onboard themselves quickly and evaluate whether our solution added value to their current experience.
Our users were already familiar with Snapchat and Snap Map. When we introduced new features to the social app, users could onboard themselves quickly and evaluate whether our solution added value to their current experience.
Applying Wizard of Oz prototyping method for user experience testing
Applying Wizard of Oz prototyping method for user experience testing
Applying Wizard of Oz prototyping method for user experience testing
Applying Wizard of Oz prototyping method for user experience testing
We explored different prototyping methods. The Wizard of Oz approach provided valuable insights into understanding how users would interact with our proposed features and interface, the user experience of social interactions, and quickly revised the system based on user feedback without technological limitations.
We explored different prototyping methods. The Wizard of Oz approach provided valuable insights into understanding how users would interact with our proposed features and interface, the user experience of social interactions, and quickly revised the system based on user feedback without technological limitations.
We explored different prototyping methods. The Wizard of Oz approach provided valuable insights into understanding how users would interact with our proposed features and interface, the user experience of social interactions, and quickly revised the system based on user feedback without technological limitations.
We explored different prototyping methods. The Wizard of Oz approach provided valuable insights into understanding how users would interact with our proposed features and interface, the user experience of social interactions, and quickly revised the system based on user feedback without technological limitations.
Practicing Empathy-Driven Design
Practicing Empathy-Driven Design
Practicing Empathy-Driven Design
Practicing Empathy-Driven Design
Through multiple rounds of user interviews, user testing via prototyping sessions, and revisions, we emphasized designing a product whose system considers the user's needs, desires, and frustrations.
Through multiple rounds of user interviews, user testing via prototyping sessions, and revisions, we emphasized designing a product whose system considers the user's needs, desires, and frustrations.
Through multiple rounds of user interviews, user testing via prototyping sessions, and revisions, we emphasized designing a product whose system considers the user's needs, desires, and frustrations.
Through multiple rounds of user interviews, user testing via prototyping sessions, and revisions, we emphasized designing a product whose system considers the user's needs, desires, and frustrations.
Thanks for reading!
Thanks for reading!
Thanks for reading!
Thanks for reading!
You may also like
You may also like
You may also like
You may also like
MOBILHUB
Fostered community ownership and accessible navigation through a mobile app
Fostered community ownership and accessible navigation through a mobile app
3rd Place
Rapid Prototyping
PLANT IT AGAIN
Improved NPO work efficiency by 27% through a personalized student tracker
Improved NPO work efficiency by 27% through a personalized student tracker
B2B SaaS
0 to 1
Tech for Good