Page 1

Interactive Product Design 317, Mari B. Conrad, Jonathan Tucker & Matias Rey


Executive Summary In this project, we explore interactions in third places and how these contribute to one’s identity. The third place is where one spends most of their time other than home and work. This place must have a community of people with a shared purpose and for it to support social interactions. Finally, it also requires people to go by choice, and in doing so express their identity. Knowing this, we wanted to explore how we could encourage micro-community growth in third places? Our way of doing this was by choosing Perc Coffee Shop as our case study of a third place. Our research methodologies consisted of observation, interviews, and surveys. Some of our key findings were that many people go to their third places for either a relaxed or a relaxed but active vibe. This led us to unveil two different personas that go to third places (like Perc). One of them a socializer, looking to meet new people and relax; and the other a motivated socializer, who goes to Perc for working purposes primarily but likes the flexibility that the place offers with a relaxed but active environment. We found an area of opportunity when dealing with third places and leaving one’s hometown. Whether you’re traveling or have actually moved to a new city, you don’t know which places you’re going to enjoy. Our concept consists of vision artificially intelligent devices that would recognize your third place vibe patterns and visualize this for you whenever you leave your hometown. Having the visual vibe would allow you to compare it with places you visit for the first time and want to know more about before going. Features that our concept provides are vibe comparisons between two places, this allows users to find somewhere similar to their favorite spots back in their hometown. The concept also provides information on specific factors that they share, this way the user learns what these two places have in common. Finally, our concept automatically activates and deactivates depending on the user’s location, which gives them a convenient use of vibe. Thanks to the Google Vision AIY kit, this concept was prototyped and worked. The kit allowed us to input the images and upload them into the Google Cloud API, where the existing model gave an output of characteristics found in the place. Some of the characteristics it provided were color, materials, light in space, facial recognition and others. These characteristics were taken into consideration while developing the visual prototypes.


Introduction

Project Proposal Why Does It Matter?

Discover Data Becomes Insights

Design Insights Become Ideas

Deliver Ideas Become Reality


ro

Int

d

c u

n o ti


Jonathan Tucker

Mari B. Conrad

Matias Rey

User Experience Design

Service & Interaction Design

Service & Interaction Design

Introduction - vibe: a google maps feature - IACT 317


Design Methodology This is the methodology that we used throughout our design process. Inspired by the work of Samsung and Frog Design.

Introduction - vibe: a google maps feature - IACT 317


c

je

P ro

t

r P

l a s o p o


Interactions in third places that contribute to one’s identity.

Project Proposal - vibe: a google maps feature - IACT 317


A Third Place The third place is where one spends most of their time other than home and work. This place requires a community of people with a shared purpose and for it to support social interactions. Finally, it also requires people to go by choice, and in doing so express their identity.

Community

Home

Work

Project Proposal - vibe: a google maps feature - IACT 317


Area of Opportunity How might we encourage micro-community growth in third places?

Expected Outcomes Feel a stronger emotional bond with the micro-community and communities space(s). + Expand on people’s trust in AI technology.

Project Proposal - vibe: a google maps feature - IACT 317


Dis

co v

r e


Case Study

Discover - Discover vibe: a google - Compare maps feature Vibes - IACT 317


Primary Research Interactions All bolded interactions are amongst employees “See you next week,” said one of the Baristas to a person who was sitting at the bar. and customers and also, have a sense of familiarity and kindness. A USPS mailman walked in, used the bathroom and left. 2 male users bought coffee beans and took them in a “PERC COFFEE” bag. “See you Monday, for Yoga,” said one of the two women to one of the baristas. Then the other woman mentioned something. The interaction was amongst the three of them, 2 customers and an employee. “Bless you,” said the cashier to a sneezing customer. A group of 4 people entered, and the barista said, “welcome back you guys.”

Discover - vibe: a google maps feature - IACT 317


Interviews PERC Regulars

About A graduate student who sees working at PERC as the ideal place to work. She likes to explore the local places of Savannah and keeps away from the tourists.

Quotes “At PERC I can come and work and focus, but if I want to talk to people I can also do that. At the library, I don’t know if I could. This place gives me flexibility.” “I like the level of engagement I have with this community. But if I come too close to this community or if I live too nearby, then it becomes my neighborhood.” “I’m the kind of person who likes to explore the local places that I visit when I go to different countries.”

Discover - vibe: a google maps feature - IACT 317


Interviews PERC Regulars

About A design student who used to live in San Diego; and as a consequence became a coffee conossieur. Has ever since been a critique of PERC and its coffee.

Quotes They know who I am, they know how crazy I am, where I’m from and my favorite songs, the favorite genres. “In my job, or work, I will critique really hard if something is not working, and that’s part of my personality.” “I like to critique that’s my thing, but also I like to ask.”

Discover - vibe: a google maps feature - IACT 317


Survey We asked them questions concerning personal identity and how it relates to the places they spend their time in.

21 Responses in Total

Why do you go to this place?

7

4

Socialize

Goal Oriented

14.3% 19.1%

9.5% 23.8%

3

Work + Socialize

2

Recharge

5

Other

33.3%

Discover - vibe: a google maps feature - IACT 317


Survey What is the vibe like in this place?

21 Responses in Total

10

Relaxed

28.6% 6

Relaxed + Active

23.8% 5

Other

47.6%

Discover - vibe: a google maps feature - IACT 317


Survey How does that place support your identity?

21 Responses in Total

4

Everyone’s doing the same activity

19.1% 2

Support of Others

2

Social Opportunities

13

Other

9.5%

61.9%

9.5%

Discover - vibe: a google maps feature - IACT 317


Survey What role did the people in that place have for you to recognize this identity?

21 Responses in Total

4

Everyone’s doing it too

19.1% 4

19.1%

Support

4

Friendliness

9

Other

42.7%

19.1%

Discover - vibe: a google maps feature - IACT 317


Primary Research Insights Relaxed + Active

People go to Perc to have a relaxed and active atmosphere. It was found that people search for a desired balance of relaxed and active. They wanted that flexibility at their hands in case they wanted to get work done and also relax and socialize.

Discover - vibe: a google maps feature - IACT 317


Primary Research Insights Same Shared Activities

Many people like having a place where they are doing the same thing. Also known as “together alone.� This is when people gather to do the same activity but not necessarily interact between each other.

Discover - vibe: a google maps feature - IACT 317


Primary Research Insights Shared Spaces

PERC customers share space with employees constantly.

Discover - vibe: a google maps feature - IACT 317


Primary Research Insights Going Together

People find comfort in unknown places by going with people they already know. This was also clearly seen in the survey results, when people were asked about how they had found their current third place; the vast majority of them had known of the place through word of mouth and had even been there with a friend the first time. Discover - vibe: a google maps feature - IACT 317


De

si

n g


Ideation Session After discovering insights on the context of the users we were designing for we ideated some solutions with the use of artificial intelligence.

Design - vibe: a google maps feature - IACT 317


Persona

Emma

“They know who I am, they know how crazy I am.�

About

Motivations

Age: 29 Occupation: Designer Location: Savannah

Growing professionally as well as personally.

Description

Core Needs

Emma has worked for over 5 years in the design industry. Herwork can get stressful sometimes so he likes to go somewhere she can relax and meet new people.

Relaxing after long days of work.

Socializer

Behavior Frequently meets new people.

Emma was one of our developed personas that we used throughout the design process. She is based of real a interview and additional insights that added to her characteristic.

Maintains an active lifestyle. Likes exploring his hometown.

Sharing his thoughts with someone.

Limitations Conflicting work schedule. His thoughts are not always welcomed by everyone he meets.

High

2-3

Level of engagement

Visits per week

Design - vibe: a google maps feature - IACT 317


Storyboard Considering Emma’s personality, a socializer, we considered a user scenario in which our feature would be useful to her.

Emma makes her way to the airport and gets on her plane.

Emma is reading a book at PERC COFFEE, her third third place at home, before she has to travel to California.

Emma checks in to her hotel, but needs a space to relax. She checks her phone to see if there are any familiar Cafes in the area.

She found “Dark Horse”, a place with 96% of resemblance to her third place back home.

Emma arrives to Dark Horse and enjoys a latte, during her first evening at San Diego.

In the following storyboard one can see Emma at her local coffee shop, but then she flys away. Our feature is what is helping Emma find a place with similar characteristics to her coffee shop back in her hometown.

Design - vibe: a google maps feature - IACT 317


Persona

Mathew

“I can come and work, but if I want to talk to people I can also do that.�

About

Motivations

Age: 24 Occupation: Student Location: Savannah

Having the flexibility to work as well as socialize.

Description

Core Needs

Mathew is working on his Graduate degree and is constantly writing her thesis. He is social but likes to finish her work before going out with friends.

A productive, accepting and relaxing space.

Motivated Socializer

Getting to know his local spots.

Limitations

Behavior

Mathew was also one of our developed personas that we used throughout the design process. He is based of a real interview and additional insights that added to his characteristic.

Tries to be social, even though work can be demanding. Enjoys sharing his interests with her longtime firends

Low

3-5

Level of engagement

Visits per week

Design - vibe: a google maps feature - IACT 317


Storyboard Considering Mathew’s personality, a motivated socializer, we considered a user scenario in which our feature would be useful to him.

Mathew is looking for a place where he can be productive and at peace; but school classrooms are full.

He checks his phone to see how his third place environment is feeling like. It seems like there is low activity.

In the following storyboard one can see Mathew trying to find a place to study, but all classes are full. Our feature is informing Mathew that his coffee shop is low in activity and therefore a good place to study.

Mathew decides to walk to Crazy Rabbit. Their environment is what he needs to work.

Mathew now gets to work in a place that he feels comfortable and productive at the same time.

Design - vibe: a google maps feature - IACT 317


Chosen Idea After analyzing the stories, we decided to pursue the traveling one, which was about having an artificial intelligent device recognizing your third place patterns and visualizing this for you whenever you leave your hometown.

Emma makes her way to the airport and gets on her plane.

Emma is reading a book at PERC COFFEE, her third third place at home, before she has to travel to California.

Emma checks in to her hotel, but needs a space to relax. She checks her phone to see if there are any familiar Cafes in the area.

She found “Dark Horse�, a place with 96% of resemblance to her third place back home.

Emma arrives to Dark Horse and enjoys a latte, during her first evening at San Diego.

Design - vibe: a google maps feature - IACT 317


Area of Opportunity Most people have a couple of places they go to in their hometown. These places are special to them and make them feel comfortable. Places like these are desired by many, even when they’re traveling.

Project Goal We want to help users identify places away from hometown in which they will feel comfortable to express their identity in.

Design - vibe: a google maps feature - IACT 317


Who Else is Doing This? Google Currently Google Maps allows users to view many aspects of a place through their application. Amongst those features they show the “Vibe” of the place. They are mostly showing the “Vibe” through images.

Design - vibe: a google maps feature - IACT 317


Who Else is Doing This? Google, again Another feature that Google Maps has is Match. Match shows you the percentage of certainty that Google estimates you will end up liking the place.

Design - vibe: a google maps feature - IACT 317


Who Else is Doing This? Yelp Yelp, is also in the business of finding those places that will suit you best. By writing reviews about your experience you help the rest of your community find their place.

Design - vibe: a google maps feature - IACT 317


How Are We Different? Our approach has a different method of recommending or showing you the best fit than the previously presented. Our objective is to show a more holistic vibe of the place. Also, this would compare the vibe of the places you usually go to back home, to those that you are now considering when exploring a new area.

Competitions Weaknesses Vibes by Google

Shows the space and aesthetics but leaves out the service, sound and other people’s past experiences.

Match by Google

Shows the “Match” percentage, but not how this is derived or what the percentage represents.

Reviews by Yelp

Shows the content of an experience in a subjective and usually non-visual way. Design - vibe: a google maps feature - IACT 317


Sketching & Wireframing Once we knew we wanted to represent what the vibe looked like we started sketching different ways to visualize it.

Design - vibe: a google maps feature - IACT 317


1st Prototype The first prototype focused on making the vibe icon and vibe analysis easy to understand. When we user tested these screens with our users we gave them two versions of the vibe icon and the metrics visualization. This allowed us to have richer feedback and better future iterations.

Design - vibe: a google maps feature - IACT 317


Evaluation Methodologies The methodologies that we applied to our user testing: Quasi Empirical Evaluation Heuristic Evaluation UX Expert Inspection

USER TESTING PICTURES

USER TESTING PICTURES

Design - vibe: a google maps feature - IACT 317


Major UX Problems Fails to communicate that location history enables comparison. Fails to showcase how “Vibe� is measured through artificial intelligence Information visualization is incomplete and lacks clarity Fails to define and create clearer expectations

Design - vibe: a google maps feature - IACT 317


2nd Prototype The second prototype also had two versions for the vibe analysis visualization. In this case the visual cues were more distinct from each other than the first iteration, also a completely new icon was tested to introduce the “vibe� feature.

Vibe Icon

Info. Vis. 1

Info. Vis. 1 Design - vibe: a google maps feature - IACT 317


Major UX Problems Vibe icon activates existing mental model for busy hours Info. Vis. 1 communicates connection among factors but it should not. Info. Vis. 1 and 2 show an increase in the attribute. People were not expecting those attributes about the place

Design - vibe: a google maps feature - IACT 317


Card Sorting Through the user testing, we noticed that we were facing users who would not expect to see the content that we were showing them. As a result we turned to card sorting. This way the users would show us which attributes they found significant and how these related to each other when talking about the vibe of a place.

1st Scenario: “Group them as you see fit.�

A Place Feels Like

Activates The Senses

Technology & Objects

People & Behavior

Design - vibe: a google maps feature - IACT 317


Card Sorting The sudden change between aesthetics and comfort because of a change in scenario is interesting. Also the appearance of reviews was evident during card sorting, people were looking for it.

2nd Scenario: “What information is relevant about the “vibe” of a place?”

Aesthetics

Welcoming

People’s Behavior

Comfort

1st Level

Music

Comfort

3rd Scenario: “What information is relevant about the “vibe” of a place when you are traveling in a new place?”

Aesthetics

2nd Level

Customer Service

Aroma

3rd Level

Music

Welcoming

Reviews

People’s Behavior

People

Customer Service

Aroma

Design - vibe: a google maps feature - IACT 317


De liv

r e


Onboarding Flow

Deliver - vibe: a google maps feature - IACT 317


Feature Flow

Deliver - vibe: a google maps feature - IACT 317


Blueprint

Deliver - vibe: a google maps feature - IACT 317


Blueprint

Deliver - vibe: a google maps feature - IACT 317


Blueprint

Deliver - vibe: a google maps feature - IACT 317


Blueprint

Deliver - vibe: a google maps feature - IACT 317


Voice & Vision AI Kits Interactive Product Design is a class with an emphasis on AI (artificial intelligence). During class periods we would explore the basics of voice and vision AI through the Google AIY Kits. Doing this was important for the development of our project because we needed to understand the limits of the AI in order to design an AI product.

Deliver - vibe: a google maps feature - IACT 317


Google Cloud API How It Works

As part of this project was designing for what an AI (artificially intelligent) product is capable of doing, we needed a proof of concept that our solution would work today. We found that this would work today by using Google’s Cloud API.

Natural Light

Light Wood Tables

Deliver - vibe: a google maps feature - IACT 317


Systems Diagram The systems diagram shows how the whole process would work. From when the picture is taken until the vibe analysis is shown.

Deliver - vibe: a google maps feature - IACT 317


Video Production The vision video was an important part of our process and also a crucial aspect when it came to communicating the significance of the concept. We had an emphasis on one man’s life and how he went back to his third place. Until he leaves his hometown and finds himself using the vibe feature to find a new place that he will enjoy.

Deliver - vibe: a google maps feature - IACT 317


Thank You!

Profile for Matias Rey

Vibe: a google maps feature  

Vibe is a new Google Maps feature; by using vision AI (artificial intelligence) it helps users find places similar to the Third Place they v...

Vibe: a google maps feature  

Vibe is a new Google Maps feature; by using vision AI (artificial intelligence) it helps users find places similar to the Third Place they v...

Advertisement