User Interface Process Book

Page 1

Bike Share Project

1

USER INTERTFACE Long Beach Bike Share


2

Bike Share Project

Team Danny Batz Lewis Rios Stephen Kosai


Bike Share Project

3

Context The purpose of the project was to identify a system with multiple steps and improve upon it through observations, analysis, and iteration refinement. We chose to improve Long Beach Bike Share to enhance it’s functionality and increase accessibility.


Bike Share Project

Research

4

First Time User Test We took a first time user along with us to go through the steps of renting a bike from the BikeShare.

Jeremy had a great time riding the bike but unlocking it was a chore. He had a variety of issues; from not knowing where the hub was, having to go through the many screens for registration. As well as having issues with the membership system.

Quick Survey To get a general sense of the public opinion on the bikeshare. Overall, most of them liked it, but had not tried it for themselves

“I don’t want to pay for a membership if I only want to use it once”


Bike Share Project

Online Research A Portland State University Study on public Bike Shares helped identify problems of users by income level and background. BREAKING BARRIERS TO BIKE SHARE INSIGHTS ON EQUITY

T R A N S P O R TAT I O N R E S E A R C H A N D E D U C AT I O N C E N T E R

BREAKING BARRIERS TO BIKE SHARE INSIGHTS ON EQUITY

T R A N S P O R TAT I O N R E S E A R C H A N D E D U C AT I O N C E N T E R

Dangerous traffic

44%

Could get harassed Friends & family don’t approve

Cost & Possessions

5%

6%

37%

13% 9% 5%

Destinations too far

17%

No safe bike storage at destination No safe bike storage at home

14%

Physical Ability

7%

3%

11% 2%

20%

Might aggravate personal health Too old

Image & Appearance

34%

38%

5%

17%

4%

13%

0% 2%

17% 17% 14% 13% 15% 13% 11%

My clothes aren’t appropriate

22%

"I'm not good at riding a bike and the traffic and cars make me nervous.”

0% 0% 3% 0% 0%

39% 38% 37%

32%

20%

15% 16%

12% 13% 13%

To get to bus or rail stops 5%

To get to jobs more easily

Other

10%

22%

20%

Don't want to rely on transit

10%

38%

34%

16%

Don't need a bike of my own

To get to social services

48%

35%

To help the environment

Saves me money compared to transportation options

11% 10% 12%

11% 12%

2%

7% 7% 4%

3% 2% 2%

16%

24% 31% 33%

32%

Checking out and returning bike is too complicated

Signing up is too complicated

I don’t have a smart phone

Don’t want to be seen on bike share bike

Don’t know enough to use it Don’t know where stations are to drop off bike

Worry the bikes won’t adjust to fit me

I just prefer to ride Not enough stations near my home my own bike No stations near my destination

Checking out and returning bike is too complicated

Don’t know where stations Don’t want to use are to drop off bike credit card Worried there might not

Don’t know enough to use it

Don’t want to be seen on bike share bike

Signing up is too complicated

be an available bike

I just don’t want to support bike share

I don’t have a smart phone

48%

38% 49%

Worried there might not be an available bike No stations near

58%

Don’t know enough to use it

my destination

43%

Lowerincome white

34% 31% 29%

22%

20%

33%

42%

"I already had a goal to start biking for better health, I just need more insight and info about the bike share system.”

I just prefer to ride my own bike Don’t know where stations

I’ll pay if anything happens to bike

are to drop off bike

Too expensive Too expensive

Higher-income people of color

Higher-income people of color

Lower-income people of color

Lower-income people of color

Lower-income white

Lower-income white

Worried there might not be an available bike

Signing up is too complicated

I don’t have a smart phone

Don’t want to use credit card

Not enough stations near my home

Don’t know enough to use it Don’t want to use credit card

I’ll pay if anything happens to bike

I just don’t want to support bike share

Don’t know where stations are to drop off bike

Higherincome white

Not enough stations near my home

Worry the bikes won’t adjust to fit me

Don’t want to be seen on bike share bike

Can’t use it with my children

I just prefer to ride my own bike

7%

Higher-income white

Can’t use it with my children No stations near my destination

I don’t have a smart phone

Worry the bikes won’t adjust to fit me

Signing up is too complicated

Don’t want to be seen on bike share bike

Checking out and returning bike is too complicated

Higher-income white

Based on the research some of the biggest concerns were: • Danger of Riding in traffic • Issue with distance • Difficulty Carrying Things • Most would use for exercise • Would use if stations were near them • Some users don’t want to use credit card • Users worry about accidents on bike O V E R V I E W / M E T H O D S / O P E R AT O R S / R E S I D E N T S / R I D E R S

Lowerincome people of color

37%

27%

It's an easy way to get around

8% 1%

26%

Saves me time compared to other transportation options

17%

6%

0% 1%

Could mess up hair or appearance

People think I can’t afford car

Utilitarian

54% 57%

39%

Stations are near my home / work / school 30% 30%

Could get sweaty

Not cool with friends

27%

I’ll pay if anything happens to bike

I’ll pay if anything use it with happens to bike Can’t my children

71%

54%

51%

33% 35%

Not enough stations near my home

I just don’t want to support bike share

Too expensive

44%

38%

18%

Other

24%

3%

70%

59%

To get exercise

Want to try biking

17%

6%

49%

For fun

15%

Difficult to carry things

70%

30%

To ride with friends/family

29%

Too out of shape

Fun / Recreation

32%

6%

Hassle to ride with kids

59%

% S E L E C T E D , X X % = S T A T I S T I C A L LY S I G N I F I C A N T D I F F E R E N C E

23%

8%

4%

Something could go wrong with bike Don’t know how to get to destination

40%

20% 18%

Don’t know where to get bike fixed

36%

Reasons you would consider using bike share

44%

38% 36%

30%

23%

12%

17%

23%

21%

Higherincome people of color

credit card

41%

22%

8%

36%

34%

Car available for use

47%

37%

26% 17%

Too expensive

97%

56%

42%

31%

Working bicycle 25%

80%

No stations near my destination

Worried there might not

I just prefer to ride be an available bike Worry the bikes won’t my own bike Don’t want to use adjust to fit me

92%

49%

Transit pass

No bike or gear

Logistics

Driver’s license

11%

3% 1%

Too expensive my children

?

% YES

14%

3% 2%

My bike not good for city riding

53%

22%

5

Could be police target

5% 7%

Do you currently have a

50% 49%

17%

Can’t use it with

S I Z E O F W O R D S I S S C A L E D T O % S TAT I N G B I G B A R R I E R

% S T A T I N G B I G B A R R I E R , X X % = S T A T I S T I C A L LY S I G N I F I C A N T D I F F E R E N C E

Safety

BREAKING BARRIERS TO BIKE SHARE INSIGHTS ON EQUITY

T R A N S P O R TAT I O N R E S E A R C H A N D E D U C AT I O N C E N T E R

Barriers to bike share

Barriers to bicycling more

7

O V E R V I E W / M E T H O D S / O P E R AT O R S / R E S I D E N T S / R I D E R S

9

O V E R V I E W / M E T H O D S / O P E R AT O R S / R E S I D E N T S / R I D E R S

15


Bike Share Project

App Analysis Registration Analysis & breakdown.

6

Open App Store

Search and download “Social Bicycle”

If you don’t have app

Open App

General Information

Select Network

Select Subscription

Enter First, Last Name

Eneter Email

Eneter Phone Number

Create Password

Sucess: Account # / Pin

Email Verify

Become a Member

Set a Pin

Locate Self

Accept Terms

Pick Bike

Checkout

Add Credit Card

Reserve Bike

Already a Member, Rent Bike

Signing up for the app was cumbersome and required a lot of steps upfront to access the bike.

Confirm CC


Bike Share Project

Payment Analysis The payment system for the current system requires users to sign up for a plan.

7

Identify Pain Points The Application was to difficult to discover on the app store. Cost of renting a bike seems a bit expensive Buttons on bike rental was difficult to press Limited Payment option When a bike is reserved it can be challenging to find Bike stations are inconvenience located Hub is difficult to find


Bike Share Project

Concept Development Persona 8

JULIA BAKEN The Student

“If I could leave a bike share anywhere I’d save more time on my way to class”

Commuting Preference LOWEST

Walk Car Bus Bike

Paymet preferred payment method: Credit Card / Venmo

NAME: JULIA BAKEN AGE: 20 OCCUPATION: STUDENT

Goal ∙ Get to Class on Time ∙ Be Environmentally Cautious ∙ Reduce Carbon Emissions

Willing to Pay: cheaper the better

Commutes by Bike

LOCATION: EAST SIDE LONG BEACH INCOME: DEPENDANT INCOME LIVES WITH FAMILY

Frustration ∙ Bike Not Availble ∙ Subscription on Bike Share

Distance:

1.5 Miles

Time:

10 Minutes

HIGHEST


Bike Share Project

9

MARCUS GALLO The Tourist

“This year I wanted to visit my friends in Long Beach while exploring the city”

Commuting Preference LOWEST

Walk Car Bus Bike

Paymet Preferred Payment Method: Credit Card / Paypal

NAME: MARCUS HAMILTON AGE: 27 OCCUPATION: TOURIST

Goal: ∙ Explore Long Beach ∙ Make New Friends ∙ Have an Adventure

Willing to Pay: Full Price

Commutes by Bike

LOCATION: DOWNTOWN LONG BEACH INCOME: MID INCOME VISITING LONG BEACH FOR VACATION

Frustration: ∙ Bike Safety ∙ Navigating

Distance:

2.2 Miles

Time:

30 Minutes

HIGHEST


10

Bike Share Project

App Development

Payment System

• • • •

Additional Payment Methods Removed mandatory burden of Subscription System Changed Pricing Structure $1 deposit fee

Simplified App Use Back end registration QR code to access bike Emergency Aid

Restructured System

Word Goals

Bike Hubs adaptable to Metro Stations Lower Cost Remove Plans System Change perception of pricing to seem less costly Reward system over penalty system

Approachable - Inviting Security Simple Familiar

Other Brainstorm Solutions Integrate with Snapchat Family Plan No Credit Card Bicycle additions (phone holder, storage, safety button) Community Hubs


Bike Share Project

11


Bike Share Project

Boardgames Exercise

12

We created a board game that allowed users to make their own decisions, this allowed for a natural response to the BikeShare systems proposed. Through this exercise we were able to understand the user’s decisions and frustrations when using BikeShare.

How to Play 1. Users were assigned a starting point & end point. 2. User’s had to figure out on their own how to get to their destination through public transportation 3. User’s were questioned about their decisions 4. User’s were questioned about their decisions with the introduction of an alternative system.

Current System

Our System

Bicycles from hubs only. Current Payment Plans: $7 an hour

Metro Stop Bike Hubs Pay per Minute System 10¢ per Minute


Bike Share Project

Feedback

Insight

Erick Boyer Jeremy

Danby Brianna Wesley

13

Out of a pool of 7 users, we received a variety of insight. Some users where partial to the bike, but only under more leisurely circumstances. As many were concerned about appearance and distance of travel. Other user’s completely rejected riding a bicycle completely, preferring the comfort of a bus or an Uber. Nearly all the users had never used BikeShare as they were unfamiliar with it and saw it as cumbersome in it’s current format.


Bike Share Project

App & Banner Edits:

14

We updated the banner to fit our proposed BikeShare system and reformatted the app for an improved user experience.

App Improvement The app was improved by developing a more fluid system that has back end registration when the user decides to check out a bike. Rather than the current model that is upfront. We found that this set up gives the user more “breaks” when Ifusing the app for the first time, allowing it to feel less cumbersome. you don’t Open App Store

Search and download “Social Bicycle”

have app

Current App Open App

General Information

Select Network

Select Subscription

Enter First, Last Name

Eneter Email

Eneter Phone Number

Create Password

Sucess: Account # / Pin

Email Verify

Become a Member

Set a Pin

Our App Already a Member, Rent Bike

Locate Self

Accept Terms

Pick Bike

Checkout

Reserve Bike

Add Credit Card

Confirm CC


Bike Share Project

Banner Update The banner was updated to fit our updated payment system and reworded for a more intuitive process walk through.

Current Banner

Updated Banner 15

LongBeachBikeShare.com

#LBCBS

LONGBEACH BIKESHARE

ANAHEIM & STUDEBAKER

Added bus stations to the map to fit in with our proposed connection that allow users to convenient− ly drop off bikes. v these stops

NEED HELP?

(562) 786.8400

info@longbeachbikeshare.com

1. DESTINATION MOBILE APP

WEBSITE

Download the Mobile App

Create an account on longbeachbikeshare.com

2. PAY

PAY AS YOU GO

Subscription alienated customers so we developed a friendly price structure.

PICK A PLAN

Subscription is still availble

4

10

¢

PER MIN

PLANS

• $1 Refunded Use Fee* • $0.10 a minute • Automatic Credit Card Payment • Multiple Riders may use one account

• Student Plan • 4-Hour Pass • Monthly • Annualy

Use our website or the “Social Bicycle” mobile app to get full detail on plans Please review the Long Beach Bike Share Rental Policy for a complete list of rules, fees, and credits Minimum age: 18 years old to check out a bike with a credit card (16 years old to ride) *Refunded when bicycle returned to Hub or Bus Station

UNLOCK

Added tap card payment, the convenience of unlocking bike through a QR scanner.

3. GET ROLLING

• Use Credit Card, BikeShare TAP Membership Card • Scan QR Code

destination allowed users to identify their task.

RIDE

RETURN

• Place the U-lock in the holser on rear of bike • When making a stop, press “Hold” to reserve bike, then lock the bike • Enter PIN to continue riding

• Lock your bike at a local bike hub • Lock your bike at any bus or metro station • Check display to assure lock is engaged

RIDE SAFE OBEY SIGNS

YIELD TO PEDESTRIANS

SIGNAL TURNS

RIDE WITH TRAFFIC

WEAR A HELMET

SIDEWALK RIDING IS ILLEGAL

RIDE SOBER

WATCH CAR DOORS


Bike Share Project

16

Our App Improvements: Button to make more obvious

Added an additional button to show how to. Add Money instead of choosing a plan

Select a plan for Changed location of button multiple hours or to reserve a bike. month Moved to other side because people kept selecting it instead of menu bar on top left.

QR code Unlocks the bike in order to access quicker

Scan QR Find nearest Bike


Bike Share Project

17

Gives users safety tips for riding Safety option in case user gets in a accident or flat tire.

Moved icon to other side because of issues during test, users where gravitating towards that then top menu bar


Bike Share Project

App & Banner User Test

18

We tested the app and banner over a few users to test it’s efficiency and check for any issues. We also were able to test the functionality of the added features Most users had no issue on the poster. Their approach to the poster also varied; some read through thoroughly, others skimmed, and some ignored it all together

The App was well received. The “Bike” button on the main screen helped users get started quicker and more intuitively. The “help” button was also simple enough to find when the user was asked what their first move would be if they were to find themselves in an accident or with a flat tire in the middle of a ride. Although we did find an issue with accessing the side bar task, as many users were confusing it with another button. To resolve this we moved the mistaken button to the other side.


Bike Share Project

19


Bike Share Project

Final Concept Summary

20

The final concept main function was to improve bike share through integrating it with bus stops, fix the payment system to a more inviting model, and to make the app process simpler.

Final User Test The final user test was done on a completely blind user. From first interaction, he was able to quickly understand how to access the bike with the aid of the large “bike� button we incorporated on the main screen. The QR scanner and the incorporation of the pay per minute system also proved to useful and intuitive features.


Bike Share Project

3.4986 21


Methodology Spring 2018


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.