top of page
ScoutSocial
Connecting with new friends
Cooking%2520Class_edited_edited.png
_edited.png
Screen Shot 2020-10-28 at 2.32.01 PM.png

The Application

ScoutSocial is a mobile application created to help people build community. Discover new events, activities, and friends within the app and get the most out of their city. 

Solo Project:    UX/UI Designer

Business Goals:   Increase the conversion of accepted invites to event attendees.

Group.png

Design Path

Competive Research
Personas & Empathy Mapping
UI Design
Final Design
Interviews
Sketching
High Fidelity
Prototyping

Competitive Research

I analyzed three different competitors (Eventbrite, Facebook, Meetup) to learn more about any strengths and weaknesses in their applications. 

IMG_1816.PNG
IMG_1820 2.PNG
IMG_1818 2.PNG
IMG_1817 2.PNG
IMG_1819 2.PNG

Likes 👍

  • Clear path to register for event, call-to-action always evident.

 

  • Shows reacurring dates for events, allows you to register for multiple dates.

 

  • Map and direct link to host/space is included in details

 

  • Good use of white space, screens do not feel overwhelming

 

  • Links to sharing and adding event to personal calendar

Dislikes 👎

  • Doesn’t list how many people are going/other attendees

 

  • No reviews linked to the descriptions.

 

  • Highlights free events only  

  • Includes map that lists spaces that are not hosting events

Action 👌

  • Encourage users to link with Facebook or another social app so users can see other friends attending events.

 

  • Use an interactive map so users can see what events are close to them.

 

  • Don’t include random hotels/restaurants that are not hosting events

 

  • Include “Sold Out” tags on main event photos

 

  • Sort by relevance to tags and by date

Interview Findings

Interviews

Next, it was time to start speaking with actual users. I sent out an online survey and contacted six of the participants for interviews. 

IMG_1716.png

"Personal recommendations over promotions"

"Facebook is necessary, but to chaotic and cluttered"

"I wish all event promotions showed you exactly where they are up front"

1) Word of mouth goes a long way. People valued their friends' suggestions for events over all other outlets. 

Once I organized the data a few things became clear:

 

 

2) Convenience counts!  Users valued knowing exactly where events were located in relation to themselves. 

 

3) Allowing people to see what friends/how many are attending creates more interest and connection.

4) Including an interactive map is helpful, especially for tourists that are new to an area.

5) Having a mix of professional events and meetup style events gives users more options and freedom to create their own activity.

Empathy Map

Artboard Copy 12.png

I created empathy maps for three different personas because I wanted to better target and understand what potential users were experiencing. After outlining their unique perspectives I was able to create more detailed personas in order to better design for possible users. 

Personas

Case Study Capstone 2 (4).png
Case Study Capstone 2 (3).png

Social Sara loves meeting new people, cares about local activities, and wants to learn more about her new surroundings. Mark is busy with work and just wants to find a few friends to do activities in his free time. The challenge here is to satisfy both of their needs and provide a solution that allows them to find interesting events and make new friends.

 

MVP Statement

This application will allow users to find events by date, location, and interest filters to better connect them to their new community.  ScoutSocial will feature different styles of events from casual meetups to performance-based shows.   To increase the conversion of clicked attendees to actual attendees users will be given the option of being paired with another user who is attending the same event.

Main User Flows

1. User wants to login and edit their profile

Untitled (3).png

2. User wants to find an event using the filter selection and save the venue information.

Page 2.png
Page 2  Copy.png

3. User wants to find an event by location and wants to match with a buddy to attend. 

filter selection.png

Sketches

IMG_20201105_173053.png
IMG_20201105_173044.png
IMG_20201105_173053.png
IMG_20201105_173059.png

UI Decisions

UI Elements

Color Palette

Font

UI Decisions

Artboard Copy 6.png
Artboard Copy 5.png
Artboard Copy 7.png

I chose two bright primary and secondary colors because I knew I wanted to have a lot of white space on the screens. Small pops of color would be just enough to entice the user to different CTAs on the screen. 

High Fidelity Screens

Popular or featured events that are closest to the user appear first. Users can see how many people are already attending an event. They have the option to message them to connect before the event. 

Once the user registers for an event they are prompted with the option to link with a new buddy who is also going to the same event. Users are encouraged to start a dialogue and start making connections early on. 

The map allows users the freedom to explore their surroundings. They can make a selection and learn the quick facts about an event. If interested, they tap the event which leads them to the reservation page.  

Usability Testing

Two rounds of usability testing were conducted for this product. First with a paper prototype and the second with a clickable prototype created through InVision. Test participants were given different essential tasks to complete within the application. They were each instructed to think aloud and their actions were viewed and timed. By observing these users I gained a better understanding of the application's strengths and weaknesses.

Example Major Issue:

Users were hesitant to sign up due to location tracking description

Summary

For the initial wording on the location permission page, users did not know if the applicaiton would track them when they werent using ScoutSocial. The “select alternate city” option was also unclear to some if location services was going to be automatically turned on.

Recommendations

To give users full confidence in the application the wording was changed and I made a clearer other city option for those who wanted to opt out of location services.

Reflection

All test participants enjoyed the application and expressed interest in reaching out to new people through events. One user mentioned that they like to see a verify feature to feel safer when meeting up with a stranger. I thought this was valuable insight and one that I would want to test out in future iterations. In addition, I'd like to build out every page for users to click each link and show refreshed screens for a more accurate feel of the application. There are just too many variable (dates, time, locations, and filter options) to have designed something for every outcome.

Throughout the project, I ideated many solutions, but I learned that each potential idea had to lead back to the users driving force, friendship. Friends motivate each other and play a crucial role in people's attendance to any event. I learned that the success of my designs was closely tied to my ability to keep the users as my north star to guide my design process.

bottom of page