Tandem Nishita Muhnot | Kevin Scott | Tiffany Tsai | Ari - - PowerPoint PPT Presentation

Tandem

Nishita Muhnot | Kevin Scott | Tiffany Tsai | Ari Zilnik

What’s Tandem?

The Market

Name

Rating Price Repair Instruction Step by step Instruction s Videos Messaging Route Mapping Sensing Emergency Request For Help Injury Help Challenge Friends / Achieveme nts

Bike Repair App Bike Doctor Emergency Bike Repair Spokes NYC iBiker BicycleTutor.com Yodel Strava

4+ $3.99 4+ $4.99 4+ $0.99 N/A Free 4+ Free N/A Free 4+ $0.99 4+ Sub

Bike Repair Emergency Bike Repair Strava Yodel iBiker

Bike Repair Emergency Bike Repair Strava

The Process

• 1. Interviewed People
• 2. Affinity Diagram
• 3. Survey
• 4. User Testing
• 5. Survey Again

The Process

Affinity Diagramming

Key Insights

Key Insights

Weather affects whether I bike I feel guilty about not biking more I lock up my bike and care about its safety I optimize my trip for speed above all else I don't care about tracking my mileage I want to avoid traffic I have specific routes I always take I wish maps would tell me more relevant information I need to know the nearest bike shops

Survey

Survey

• 375 Responses
• Questions relating to:
• Demographics
• Experience
• Willingness to help

Key Insights

• A majority of people have encountered a stranded cyclist
• A majority of people have helped a stranded cyclist
• A huge majority (84%) said they would help another

cyclist and would not accept money

Key Quotes

• "Left a cold rider my jacket, fixed their flat."
• "I would want someone to help me. Helping others is a

key component to happiness, that and riding a bike."

• "I simply believe that cyclists all want to help one another

if they are in difficulty."

User Testing

Survey Round 2

Design Language

Relationship building Meaningful interactions Blues and greens Helping hand Cheeky and playful Embrace

Colors and Typography

Colors and Typography

Skyscraper Ember Evergreen Cloud Asphalt

OSTRICH SANS MEDIUM

Headline font Body fONT

Open Sans Regular

Amazing red pandas nap all day After feasting on bamboo

Amazing red pandas nap all day after feasting on bamboo

Hi-FI Prototypes

Hi-FI Prototypes

AT&T

12:34 PM 12:34 PM

Username Password Register Login

PHOTO Username Password Name About Yourself

Profile Profile

Done Done

AT&T

12:34 PM 12:34 PM

Hi-FI Prototypes

AT&T

12:34 PM 12:34 PM

It looks like my tire is busted! Maybe an innertube issue? Please help! “Clara did an awesome job helping me with my mis- aligned chain! I was stuck three...”

Daniel S. Samantha G. > Clara L.

Rachel T.

Feed Feed

Looks like you’re at:

Rosalia Pl. and Kaercher St.

GET HELP

4

Cyclists Nearby

AT&T

12:34 PM 12:34 PM

It looks like my tire is busted! Maybe an innertube issue? Please help! “Clara did an awesome job helping me with my mis- aligned chain! I was stuck three...”

Daniel S. Samantha G. > Clara L.

Rachel T.

I’m not sure what is wrong with my bike. This part is making a weird noise... Help!

I just popped my tire! Anyone have time to help me out a bit? Let me know!

Shannon M.

Feed Feed

GET HELP

Hi-FI Prototypes

AT&T

12:34 PM 12:34 PM

It looks like my tire is busted! Maybe an innertube issue? “Clara did an awesome job helping me with my mis- aligned chain! I was stuck

Samantha G. > Clara L.

I Am Available

ON ON

Feed

• My Messages

AT&T

12:34 PM 12:34 PM

Cancel Cancel

Hi-FI Prototypes

AT&T

12:34 PM 12:34 PM

Enter a description of your problem I need help Now

GET HELP GET HELP

Cancel Cancel Post Post

Q Q W W E E R R T T Y Y U U I I O O A A S S D D F F G G H H J J Z Z X X

space space

@ @ . .

return return .?123 .?123

C C V V B B N N M M K K L L P P

AT&T

12:34 PM 12:34 PM

Enter a description of your problem I need help Now

GET HELP GET HELP

Cancel Cancel Post Post

Oct 27 Oct 27

Mon Mon

7 7 01 01 Oct 28 Oct 28

Tue Tue

8 8 02 02 Oct 26 Oct 26

Sun Sun

6 6 00 00

PM PM

Oct 25 Oct 25

Sat Sat

5 5 59 59

AM AM

Oct 24 Oct 24

Fri Fri

4 4 58 58

Hi-FI Prototypes

AT&T

12:34 PM 12:34 PM

Daniel S.

5 mins ago

“It looks like my tire is busted! Maybe an innertube issue? Please help!” 1.5 miles away 12 minutes away

ACCEPT

Cancel Cancel

sos

AT&T AT&T

12:34 PM 12:34 PM

AT&T

12:34 PM 12:34 PM

Hang tight!

We’ve alerted 3 nearby cyclists to come by and help you out. We’ll get back to you soon once someone’s available.

Cancel Cancel Post Post

GET HELP GET HELP

Hi-FI Prototypes

AT&T AT&T

12:34 PM 12:34 PM

AT&T

12:34 PM 12:34 PM

Decline Decline Accept Help Accept Help

Charles is available to help.

1.5 Mi Away

Message from Charles

“Hey, looks like your tire has a little

• few minutes. See you.”
• 4

7

• HELP IS COMING...

HELP IS COMING...

AT&T

12:34 PM 12:34 PM

ABC ABC

#+= #+=

1 1 2 2 3 3 4 4 5 5 6 6 7 7 8 8 9 9

• /

/ : : ; ; ( ( ) ) $ $ & & @ @ ”

”

space space return return

. .

, , ! !

• ?

?

Franklin Franklin

Send Hi Franklin, this is Charles, I can be there in 10 minutes.

Cancel Cancel

Hi-FI Prototypes

AT&T

12:34 PM 12:34 PM

Daniel S.

5 mins ago

“It looks like my tire is busted! Maybe an innertube issue? Please help!” 1.5 miles away 12 minutes away

Enter a message...

Cancel Cancel

sos

AT&T

12:34 PM 12:34 PM

Left my place Biking Arrived Charles is on his way!

Call Charles Call Charles

GET HELP GET HELP

Monetization and The Future

“...I'd totally pay for someone at a local bike shop to zip out to me with supplies if I needed them. It might be interesting if you had a merchant version of the app allowing offerings to show up with ETA.”

• Mike Cheung, Co-Founder @ Tinkering Monkey

Our Customers Love Us

“This is great!”

Epitoaster, Reddit.com

“Nice idea with the App, keep on it!”

Sir_Name, Reddit.com

“That app looks awesome! Is there a mailing list I can join so I can be informed of when the app is available for android phones? I would be interested in beta testing as well, if available.”

Casey Kandel

“I think this is a REALLY great idea. Please make it happen! :)”

Anthony Lemieux

“that is fukin awesome...”

Joe Ryan

We Hope You Love Us Too

q&a

Appendix

Version 1 Feedback

• Lots of issues around

language and branding.

• How you request help

interaction is confusing.

• What happens after you

create an SOS?

• Time shifting issues resolved (users can set their own

times via text message).

• Overall verdict is “complicated”

The Product

“Providing a network of mutual support for the cyclist community during times of need.”

Data Synthesis: Web Survey

1% 6% 11% 41% 37% %3%

What is your age range? <18 18-25 25-35 35-45 45-55 55-65 >65

7% 93%

What is your gender? Male Female

43% 57%

Have you ever encountered a stranded cyclist? Yes No

42% 8% 51%

If you have, did you help the cyclist? Yes No N/A

6% 6 1% 84% 8%

Would you help another cyclist? Would you ask for compensation for your time / equipment? Yes, I would help and accept money for time / equipment

• Yes. I would help, but would not accept money

No, I would not help Other

Basic Tools Tool Set Extra Tubes Tube Patches Bike Pump / Air Canister Chain Tool Tire Levers Spoke Wrench Chain Master Link I Don’t Carry Any Tools or Equipment With Me Other 75 150 225 300

What bike repair equipment do you carry with you?

Commuting Road biking Mountain Biking Touring Leisure / Scenic Other 75 150 225 300

What kind of cycling do you do?

48% 35% 15% 2%

How often do you cycle per week? Less than once per week 1-2 times per week 3-5 times per week 5+ times per week

Sketches

Process Photos

Affinity Diagrams

Wireframing

Mood Board Creation

User Testing

Wireframes

Iteration 1

Iteration 2

Iteration 2

Iteration 3

Final WIreframes

When not logged in, this is the first screen presented to the user. When not logged in, this is the first screen presented to the user.

Clicking on the Register button from the Login screen will bring the user here. Clicking on the Register button from the Login screen will bring the user here.

When the user first logs in to Tandem, they are taken directly to the Edit Profile page. When the user first logs in to Tandem, they are taken directly to the Edit Profile page.

A Profile View page. This represents how another user’s profile looks. This page is accessible from the SOS page. Clicking on “Message” will lead to 7.0. Clicking on “Review” will lead to 11.0. Clicking on “4 Helped” will lead to Clicking on “7 Reviewed” will lead to 11.2. A Profile View page. This represents how another user’s profile looks. This page is accessible from the SOS page. Clicking on “Message” will lead to 7.0. Clicking on “Review” will lead to 11.0. Clicking on “4 Helped” will lead to Clicking on “7 Reviewed” will lead to 11.2.

A user may edit their own profile. A user may edit their own profile.

A Profile View page representing the logged in user’s profile. This screen features an edit button allowing the logged in user to access 2.2. A Profile View page representing the logged in user’s profile. This screen features an edit button allowing the logged in user to access 2.2.

A list of who the current user has helped. A list of who the current user has helped.

The Feed page is the main screen of the app. After the user fills out a profile, or on subsequent logins to the app, they are taken directly to the feed page. The Feed page is the main screen of the app. After the user fills out a profile, or on subsequent logins to the app, they are taken directly to the feed page.

The same feed page, scrolled down. The same feed page, scrolled down.

Clicking on the side menu button will reveal an easy-to-access side menu. Feed returns to 3.0. My Profile goes to 2.3. My Messages goes to 4.0. Clicking on the side menu button will reveal an easy-to-access side menu. Feed returns to 3.0. My Profile goes to 2.3. My Messages goes to 4.0.

A list of messages. Clicking on a message will go to 7.0. A list of messages. Clicking on a message will go to 7.0.

When a user clicks on the Get Help button from the Feed page, they are taken here. The first step in asking for help is to take a picture of the problem. When a user clicks on the Get Help button from the Feed page, they are taken here. The first step in asking for help is to take a picture of the problem.

After taking a picture, the user can confirm

• r return to the camera to take a different

picture. After taking a picture, the user can confirm

• r return to the camera to take a different

picture.

After the picture is confirmed, the user is presented with a few text fields to fill out, including a Problem field and a Time field. After the picture is confirmed, the user is presented with a few text fields to fill out, including a Problem field and a Time field.

Clicking on the Problem field will bring up the iOS keyboard. Clicking on the Problem field will bring up the iOS keyboard.

Clicking on the Time field allows the user to specify a particular time they need help by. Clicking on the Time field allows the user to specify a particular time they need help by.

Clicking on the Time field allows the user to specify a particular time they need help by. Clicking on the Time field allows the user to specify a particular time they need help by.

Once a request is sent out, a message is displayed to the user. At this point, the user is prevented from accessing the rest of the app, unless they explicitly cancel their request. Once a request is sent out, a message is displayed to the user. At this point, the user is prevented from accessing the rest of the app, unless they explicitly cancel their request.

If a user is selected as a likely candidate for help, a notification is sent. If a user is selected as a likely candidate for help, a notification is sent.

A user may continue from 6.0 to view an

• pen Help Request. This page is also

accessible from the Feed, 3.0. From here, a user may View a Profile (2.1) by clicking on the Profile Image. A user can either accept the request, or launch the Action Sheet, 6.2. A user may continue from 6.0 to view an

• pen Help Request. This page is also

accessible from the Feed, 3.0. From here, a user may View a Profile (2.1) by clicking on the Profile Image. A user can either accept the request, or launch the Action Sheet, 6.2.

If a user accepts an offer to help, the person requesting help is alerted and must confirm as well. If a user accepts an offer to help, the person requesting help is alerted and must confirm as well.

The launched Action Sheet. Message will lead to 6.3. Profile will lead to 2.1 (identical to clicking

• n a user’s thumbnail picture).

Cancel closes the Action Sheet, thus serves as an Exit Screen here (returns to 6.1). The launched Action Sheet. Message will lead to 6.3. Profile will lead to 2.1 (identical to clicking

• n a user’s thumbnail picture).

Cancel closes the Action Sheet, thus serves as an Exit Screen here (returns to 6.1).

The initial Messaging state. “Franklin” in this case is the user we are messaging to. Back will return to the previous screen, generally 6.2. The initial Messaging state. “Franklin” in this case is the user we are messaging to. Back will return to the previous screen, generally 6.2.

The messaging app, after first message is sent (from our perspective). The messaging app, after first message is sent (from our perspective).

If our offer to Help is denied. If our offer to Help is denied.

The same interaction as 7.0, this time from the perspective of the person requesting help. If a user is not currently in the app, they will receive a notification. The same interaction as 7.0, this time from the perspective of the person requesting help. If a user is not currently in the app, they will receive a notification.

A user seeking help can see the profile of the person offering to help them, along with

• ther people they have helped and reviews

left to them. If a message has been sent from the offerer, that message is displayed inline. A user seeking help can see the profile of the person offering to help them, along with

• ther people they have helped and reviews

left to them. If a message has been sent from the offerer, that message is displayed inline.

A user may also receive a message from another user offering to help, but seeking additional information before confirmed. In this case, the user is brought directly to the messaging portion of “Get Help”. Back in this case returns to 8.1. A user may also receive a message from another user offering to help, but seeking additional information before confirmed. In this case, the user is brought directly to the messaging portion of “Get Help”. Back in this case returns to 8.1.

When a user requesting help has accepted help, they will receive notifications on the status of their helper, with an additional

• ption to call them.

When a user requesting help has accepted help, they will receive notifications on the status of their helper, with an additional

• ption to call them.

A user offering help gets map directions to the stranded cyclist. A user offering help gets map directions to the stranded cyclist.

After accepting help, a user will be prompted to review their helper. The back button here will lead to 11.2, as will the done button on the iPhone keyboard. After accepting help, a user will be prompted to review their helper. The back button here will lead to 11.2, as will the done button on the iPhone keyboard.

A list of reviews others have left for me. A list of reviews others have left for me.

A generic list of reviews for a particular user. A generic list of reviews for a particular user.

An individual review. An individual review.

IA Flow

TANDEM

Flow Sequence