hat

What Can Bike Sharing Apps Teach Us About Mobile On-boarding Design?

Given the proliferation of bike/scooter sharing services these days, I thought it would be interesting to compare the mobile app on-boarding experiences of the ones I could access. To do so, I went through the new customer flow for six of these services.

While the mobile on-boarding I experienced across these services looked really similar, the end result differed dramatically -from me abandoning the process to walking away a delighted customer. Understanding how product design impacted these outcomes is critical for anyone trying to grow a new mobile business.

Applying Design Patterns

My first encounter with bike sharing, appropriately, was in Amsterdam. I was outside the city center for a meeting and encountered a rack of Hello-Bikes. So why not bike back to my hotel in town? Here’s what happened when I tried.

Hello-Bike’s mobile on-boarding consists of several common patterns: a splash screen, a sign-up form, terms and conditions, and a tutorial. Though widely used, starting the design process off with these types of patterns often results in a flow that seems right in mock-ups or wireframes but fails to solve actual customer needs.

The designer thinks: “I know what an on-boarding flow is. It’s a splash screen, a sign-up screen and a tutorial people can swipe through.” The resulting customer experience in filling in form fields, scrolling through 17 screens of terms & conditions (yes, you are required to scroll through all of them), granting location permissions (because “background location-tracking is required”), and skipping through 6 tutorial screens featuring critical knowledge like “Welcome to Hello-Bike.”

After maneuvering through all this, I found out there were no docking stations in central Amsterdam because of government regulation. So I actually couldn’t use the Hello-Bike service to ride to my hotel. Starting the design process from the perspective of the customer would likely have revealed the importance of communicating these kinds of constraints up front. Starting by selecting design patterns would not.

Lessons Learned:
  • Set expectations appropriately, so potential customers don’t end a lengthy sign-up process in disappointment or frustration.
  • While convenient, design patterns are no substitute for understanding and designing with your customers & their goals top of mind.

Having Desktop Bias

While modern mobile devices have been around for over ten years, desktop devices have had at least 3x more time to influence and bias our approach to software design. That’s why it’s not surprising to see desktop design concepts permeate mobile apps. In the case of Jump’s mobile on-boarding, they are all over the place.

Following the obligatory splash screen, Jump animates through a series of safety tips calling out the unique features of electric bikes. Unfortunately, so many steps follow these tips that I can’t imagine anyone remembering them when they are finally allowed to ride one of Jump’s electric bikes.

Next up are a series of permission dialogs for access to Motion & Fitness and Location data. Both requests are accompanied by explanatory text that suggests Jump needs access to this information in order to “gather data about how electric bikes affect travel patterns.” Sounds like a good thing for Jump, but it’s not clear why customers should participate or even care.

This mindset permeates the rest of Jump’s on-boarding as well: choose one of our bike “networks”, select one of our plans, verify your phone number, pick a 7 character password with numbers and uppercase letters, agree to our terms and conditions, put money into one of our accounts, etc. After ten steps of doing things for Jump and seeing no progress toward actually riding a bike, I abandoned at the “Enter Credit Card” step.

Perhaps someone at Jump heard completion rates for forms go up when you place each question on a separate screen (I’ve seen no evidence of this), but the cumulative effect of going through a desktop-design influenced e-commerce checkout flow one step at a time on my phone was quite painful.

Lessons Learned:
  • Make sure your customers always feel like they are making progress toward their goals, not yours.
  • Desktop paradigms often aren’t a great fit for mobile. For instance, do you really need a checkout form? As we’ll see later, no.

Right Time, Right Place

After abandoning the bike-sharing process with both Hello-Bike and Jump, I had my first successful on-boarding with Spin. That’s not to say there wasn’t a lot of room for improvement. With mobile on-boarding it’s not just what we ask people to do it’s also when we ask them to do it. Spin starts off with a tutorial, which explains they are smart, I can park anywhere, and scanning a bike’s QR code will let me ride it.

Turns out that’s not entirely true as I needed to give them my email address, create a password, provide location permissions, and agree to three separate terms of service. It’s only after this gauntlet, that I’m actually able to scan the QR code on the bike in front of me. Why couldn’t we just have started the process there?

It is worth noting, however, that Spin provides much better explanations for its permission requests. When requesting location permissions, Hello-Bike told me: “background-location tracking is required” and Jump explained I could help them “gather data about how electric bikes affect travel patterns.” Spin, on the other hand, explained they use location to help me find pick-up and drop off points. They also explained they needed camera permissions so I can scan the QR code on a bike to unlock it.

After I did, my next step was to reload my Spin account, with the only reloading option being $5. This immediately felt odd as the bike ride itself was advertised as $1. So if I never rode another Spin bike again, they had 4 more dollars from me... hmmmm. On a positive note, Spin integrated with Apple Pay which meant I simply had to tap a button on the side of my phone to approve payment. No checkout forms, shopping carts, or credit card entry forms required. See? We can do things in a mobile-native vs. desktop way.

Following the payment process, I was greeted with a another tutorial (these things sure are popular huh? too bad most people skip through them). This time 4 screens told me about parking requirements. But wait… didn’t the first tutorial tell me I could park anywhere? Next Spin asked to send me notifications with no explanation as to why I should agree. So I didn’t.

Once I rode the bike and got to my destination, I received a ride summary that told me my ride was free. That’s much appreciated but it left me asking again… couldn’t we have started there?

Lessons Learned:
  • When you surface information to customers is critical. Spin could have told me my ride was free well before asking me to fill my account with a minimum of $5. And their Parking tutorial was probably more appropriate after my ride when parking my bike, not before it.
  • Get people to your core value as soon as possible, but not sooner. It took 7 steps before I was able to scan the bike in front of me and 9 more steps before I could actually ride it. Every step that keeps customers from experiencing what makes you great, leaves them wondering why you’re not.

Tricky, Tricky

By now, Ofo’s mobile on-boarding process will seem familiar: location and notification permission asks without any useful explanations, an up-front tutorial, a phone number verification flow, a camera permission ask, and more.

For many mobile apps, phone number verification can replace the need for more traditional desktop computer influenced sign-up process that require people to enter their first and last names, email addresses, passwords, and more into a series of form fields. When you’re on a phone, all you need to verify it’s you is your phone number.

With this simplified account creation process, Ofo could have had me on my way with a quick QR code scan. But instead I got a subscription service promotion that suggested I could try the service for free. After tapping the “Try it Free” button, however, I ended up on a Choose your Plan page. It was only when I used the small back arrows (tricky, tricky) that I made it back to the QR code unlock process which let me ride the Ofo bike in front of me with no charge.

Lessons Learned:
  • Mobile device capabilities allow us to rethink how people can accomplish tasks. For instance, instead of multiple step sign-up forms, a two step phone verification process can establish someone’s account much quicker by using what mobile devices do well.
  • While companies have revenue and growth needs, unclear flows and UI entrapments are not the way to build long-term customer loyalty and growth. You may trick some people into subscribing to your service but they won’t like you for it.

But Why?

Starting Bird’s mobile on-boarding gave me high hopes that I had finally found a streamlined customer-centric process that delivered on the promise of fast & easy last-mile transportation (or micro-mobility, if you must).

Things started out typically, a splash screen, an email form field, a location permission ask, but then moved right to scanning the QR code of the scooter in front of me and asking me to pay the $1 required to get started. Great, I thought… I’ll be riding in no time as I instantly made it through Apple Pay’s confirmation screen.

As a quick aside, integrating native payment platforms can really accelerate the payment process and increase conversion. Hotel Tonight saw a 26% increase in conversion with Apple Pay and Wish used A/B testing to uncover a 2X conversion increase when they added Apple Pay support. Turns out people do prefer to just look (Face ID) or tap (Touch ID) to pay for things on their phones instead of entering credit card or banking account details into mobile keyboards.

But back to Bird... I scanned the QR code and authorized Apple Pay. Time to ride right? Not quite. Next I was asked to scan the front of my drivers’ license with no explanation of why. Odd, but I assumed it was a legal/safety thing and despite having a lot of privacy reservations got through it. Or so I thought because after this I had to scan the back of my drivers’ license, scroll through all 15 screens of a rental agreement, and tick off 6 checkboxes saying I agreed to wear a helmet, not ride downhill, and was over 18 (can’t they get that from my driver’s license?).

Then it was back to scanning the QR code again, turning down notification permissions, and slogging through a 4 screen tutorial which ended with even more rules. The whole process left me feeling the legal department had taken over control of Bird’s first time customer experience: rental contracts, local rules, driver’s license verifications, etc. -really not in line with the company’s brand message of “enjoy the ride”. I left being intimated by it.

Lessons Learned:
  • Rules and regulations do exist but mobile on-boarding flows shouldn’t be driven by them. There’s effective ways to balance legal requirements and customer experience. Push hard to find them.
  • When asking for personal (especially highly personal) information, explain why. Even just a sentence about why I had to scan my driver’s license would have helped me immensely with Bird’s process.

Core Value, ASAP

By now, we’ve seen how very similar companies can end up with very different mobile on-boarding designs and results. So how can companies balance all the requirements and steps involved in bike-sharing and still deliver a great first-time experience? By always looking at things from the perspective of your customer. Which Lime, while not perfect, does.

Lime doesn’t bother with a splash screen showing you their logo as a first step. Instead they tell you upfront that they know why you’re here with a large headline stating: “Start Riding Now”. Awesome. That’s what I’ve been trying to do this whole time. On this same screen are two streamlined sign-up options: phone number verification (which makes use of native device capabilities) and Facebook -both aimed at getting you started right away.

Next, Lime takes the time to explain why they are asking for location permissions with the clearest copy we’ve seen in all these examples: “to find nearby bikes and scooters”. Sadly, they don’t apply this same level of clarification to the next permission ask for Notifications. But smartly, they use a double dialog solution and if you say no (which I did), they try again with more clarity.

It’s become almost standard practice to just ask for notification permissions up front in mobile apps because up to 40% of people will just give them to you. So many apps figure, why not ask? Lots of people will say no but we’ll get some people saying yes. Personally, I feel this is an opportunity to improve for Lime.

Ignoring the notifications prompt, the rest of Lime’s on-boarding process is fast and efficient: scan the QR code (once again with a clear explanation of why camera permissions are needed), authorize Apple Pay to pay for your ride. Lime doesn’t either bother to provide other payment options. They know the user experience and conversion benefits of Apple Pay and rely on it exclusively.

And… that’s it. I’m riding. No tutorial! Shocking I know, but they do offer one on the map screen if you’d like to learn more before riding. User choice, not company requirement.

In their mobile on-boarding, Lime deftly navigated a number of significant hurdles: account set-up/verification, location & camera permissions and payment -the minimum amount necessary to ride and nothing more. They did so by explaining how each of these steps got me closer to my goal of riding and worked hard to minimize their requirements, often relying on native mobile functionality to make things as fast and easy as possible.

Lessons Learned:
  • It’s not about you, it’s about your customer. Put your customer’s goals front and center in your mobile on-boarding process. It starts from the first screen (i.e. “Start Riding Now”)
  • Lean into mobile-native solutions: phone verification, integrated payments, and more.

More On On-boarding

For a deeper look into mobile on-boarding design, check out this 20 minute segment of my Mobile design and data presentation at Google Conversions this year:

You can also read Casey Winter’s article about on-boarding, which does a great job outlining the concept of getting people to your company’s core value as fast as possible, but not faster.




hat

Axis Bank to report Q4 earnings today; here's what analysts expect

Analysts at MOFSL believe the Mumbai-based bank's credit cost may stay elevated led by higher slippages. Besides, asset quality could witness some pressure along with modest loan growth.




hat

[ASAP] <italic toggle="yes">In Vitro</italic> Metabolism of Isopropylated and <italic toggle="yes">tert</italic>-Butylated Triarylphosphate Esters Using Human Liver Subcellular Fractions

Chemical Research in Toxicology
DOI: 10.1021/acs.chemrestox.0c00002




hat

What is Inside a Winning Battle Bot

What is Inside a Winning Battle Bot




hat

Awesome Gadgets That Run Off Your Car's Cigarette Lighter

Whether you're camping, road-tripping, or simply living in your van, there's no replacement for the convenience of dashboard-powered gadgetry. So sit down with Wired's David Kravets, and enjoy a properly blended margarita.




hat

Wired Cafe Chat With Morgan Spurlock

We sat down with Morgan Spurlock to talk his new documentary: Comic-Con Episode IV: A New Hope.Wired video team: Annaliza Savage, producer; John Ross and Mike Ruocco, camera; and Fernando Cardoso, editors.




hat

The Work of Naoya Hatakeyama

Japanese photographer Naoya Hatakeyama's work explores the co-mingling of science and nature.  Hatakeyama's large-scale color photographs often show landscapes in transition,   Wired spoke to him during his 'Natural Stories' exhibit at the SF MOMA.




hat

What the Cluck? Introducing the Vegan Egg Yolk

How to make a vegan egg yolk.




hat

What Happens When The Coroner Leaves?

Wired spends some time on the job with bioremediation and hoarding experts, Steri-Clean, Inc.  This video may disturb some viewers.




hat

Behind-the-Scenes of What's Inside

Check out behind the scenes of a What's Inside photo shoot.




hat

What Is Your Favorite Star Wars Memory?

With a brand new era of Star Wars content on the way, the Wired staff has been reminiscing about their favorite memories of the saga.




hat

What Crocs on Treadmills Can Teach Us About Dinosaurs

What crocs on treadmills can teach us about dinosaurs.




hat

How to Hatch a Dinosaur

Scientists know how to turn a chicken into a dinosaur. What could possibly go wrong?




hat

Will Ferrell in The Future That Never Happened

What ever happened to food pills, sexbots and ray guns?  Will Ferrell reveals "The Future That Never Happened" for Wired Magazine.




hat

The Future That Never Happened: The Ray Gun

Where are the ray guns we were promised?  Will Ferrell reveals "The Future That Never Happened" for Wired Magazine.




hat

The Future that Never Happened: Roboservant

Where are the Roboservants we were promised?  Will Ferrell reveals "The Future That Never Happened" for Wired Magazine.




hat

The Future that Never Happened: Foodpill

Where are the foodpills we were promised?  Will Ferrell reveals "The Future That Never Happened" for Wired Magazine.




hat

The Future that Never Happened : Jetpack

Where are the jetpacks we were promised?  Will Ferrell reveals "The Future That Never Happened" for Wired Magazine.




hat

Angry Nerd - What Roland Emmerich Can Learn From Superman II

Want to know how a real pro steals our nation's seat of power? Roland Emmerich, allow us to introduce you to General Zod.




hat

Game|Life - Jonathan Blow on What to Expect from His New Game The Witness

Jonathan Blow, creator of Braid, tells Chris Kohler and Peter Rubin what to expect from his new 3D exploration/puzzle game The Witness. SPACE INVADERS FOOTAGE (C) TAITO CORPORATION 1978 ALL RIGHTS RESERVED




hat

The Window - Barclays Center Part 3: The Conversion Crew That Transforms the Venue for Events

Get up close and personal with the folks behind Barclays Center's spectacular overnight conversions. Learn what it takes for their 40-person crew to radically transform this hi-tech arena from a sold-out concert venue into the Brooklyn Nets' basketball stadium overnight.




hat

What's Inside - Coffee

Coffee is the lifeblood of most of our mornings, but do you know what’s actually inside that cup of coffee you’re drinking each day? You’d be surprised.




hat

What's Inside - Play-Doh

Learn the magic formula inside that classic yellow tub. Hint: there’s more to it than flour and water.




hat

What's Inside - Strike-Anywhere Matches

We break down the science of strike-anywhere matches to see what makes sparks fly.




hat

Angry Nerd - What the Bleep is Bumblebee? Indecisive Autobot Keeps Switching his Vehicular Form

The Transformer known as Bumblebee keeps changing his alternative automobile form, and Chris Baker is issuing a moving violation. Is the Autobot a VW Bug? Or a mustang? A station wagon? A Zamboni?! Stop the madness!




hat

What's Inside - Teeth Whitening Strips

They’re tiny, sticky pieces that pack a big punch. From hydrogen peroxide to sodium hydroxide, find out which ingredients make up teeth whitening strips, and how they work together to transform coffee- and tartar-stained teeth into pearly whites.




hat

Angry Nerd - Giving Thanks for TV Shows That End Before Their Time

It’s the time of the year for counting blessings and giving thanks. And the Angry Nerd is most thankful for the cancellation of Futurama—because it let the show go out on a high note (and avoid a slow decline, like so many other one-time favorites).




hat

WIRED Live - Creating a Digital Ecology That Works

Should people have the same rights and obligations online as they do in the real world? MIT computer scientist Alex “Sandy” Pentland explains how developing social networks as trusted networks will help establish a sustainable digital ecology for years to come.




hat

What's Inside - Red Wine

Oenophiles wax poetic about the look, feel, smell, and taste of red wine. But what’s actually inside the drink? Dozens of complicated molecules from the grape’s juice, seeds, and skin. Oh, and alcohol.




hat

What's Inside - Nair Hair Removal

You know it’s for “short shorts,” but what are the chemical compounds that actually make up the no-shave follicle-removing cream? A handful of skin repair agents and hair removal ingredients intended to leave skin soft and silky smooth.




hat

What's Inside - Tear Gas

It was a weapon of choice in the first World War, and these days, law enforcement uses a less potent recipe of tear gas to pacify a room or control a crowd. Discover what’s inside the sensory-attacking irritant that can be deadly if used at high concentrations.




hat

What's Inside - Inkjet Cartridges

Inkjet cartridges are comprised of 95 percent water, but what’s inside the other 5 percent? We break apart the compact containers to find out what’s inside the mostly liquid assets.




hat

What's Inside - Vodka

It’s the preferred poison of Russians, dieters, and college freshmen, but what’s actually inside the fire water? It's rarely potatoes, actually. At its purest, it's mostly ethanol that has been distilled from wheat, rye, or corn and diluted with water. Find out what else is inside the clear spirit.




hat

What Remains - The 9/11 Museum

Creating a memorial from the ruins of 2,983 lives: that's the difficult task faced by the creators of the 9/11 Museum. On the eve of its opening, we speak with director Alice Greenwald and designer Jake Barton about how to commemorate a tragic experience without recreating it. Music: "Sun Will Set" written performed by Zoe Keating From the album - One Cello x 16: Natoma (c) 2005 020202 Music (ASCAP). All rights reserved




hat

What's Inside - Hybrid Engines

Starting a hybrid car is as easy as pushing a button, but what’s really beneath the hood? For starters, a 100-lb rechargeable battery pack containing smaller nickel-metal hydride and lithium-ion batteries, similar to those in your cell phone.




hat

What's Inside - Slim Jim

It’s four inches of spicy, salted, processed meat, but is there actually beef inside the tiny stick? Well, that depends on your definition of meat.




hat

WIRED Live - What’s a Robot in 2014? Rodney Brooks and Andrew McAfee Debate

What is a robot in 2014? Founder, chairman, and CTO of Rethink Robotics Rodney Brooks and co-author of The Second Machine Age, Andrew McAfee, sit down to discuss the past, present, and future of robotics.




hat

What's Inside - Red Bull

The energy drink purports to "give you wings," and it has a close, personal relationship with vodka. But it isn't the sugar that amps you up—it's good, old-fashioned caffeine.




hat

RetroGrade - Before Snapchat People Took Videos on This JVC Camcorder

The color is striking, but beauty is more than skin-deep with the JVC GR-C7U camcorder. You can record picture and sound in one unit and watch your masterpiece immediately on instant-playback. Watch out, John Hughes—there’s a new era of filmmakers on the horizon.




hat

What's Inside - Tap Water

You can't see it, but there's a lot going on inside a glass of tap water. The faucet aqua is essentially an invisible cocktail of sulfates, resins, varying levels of lead, and so much more. Find out what else is inside.




hat

How to Make a Giant Creature - Find Out What it Takes to Sculpt a Giant Dragon-Inspired Character Head

Now that the prototype is built, it's time to start constructing the full-scale pieces of the giant creature. In this episode, watch the dragon-like head come to life through an advanced sculpting process, after which it's refined, detailed, and painted for a realistic look.




hat

What's Inside - Trojan Tingly Warmth Lubricant

What do sex dolls, caulking, and lotion have in common? They all contain active ingredients also found in Trojan's Tingly Warmth Lubricant. Find out what else is inside the slick sex aid.




hat

Angry Nerd - What Makes "Doctor Who" Great Are the Sidekicks, Not the Time Lord

Scripts for upcoming episodes of Doctor Who have leaked online, but should you read them before they air? It doesn't matter! The scripts aren't the secret to the Doctor's longevity. It's the companions that make or break any given episode, arc, or season, and Angry Nerd can prove it.




hat

How to Make a Giant Creature - What's Under the Hood of an Otherworldly Giant Creature?

How do you make a 2,000-pound creature move with fluidity and ease? Find out, as we break down the animatronics and mechanics that control the mobility of the giant beast, including nostril flares, mouth movements, and more.




hat

What's Inside - ​Diaper Cream

Hell hath no fury like a baby's bowel movements. Find out what anti-bacterial and moisturizing agents are in triple-paste diaper cream, helping to keep bums healthy and clean-ish.




hat

What's Inside - Golf Balls

Anyone who’s played a round knows that golf isn’t a science, but that’s not the case when it comes to golf balls. The compact, dimpled balls have come along way from goose feathers wrapped in leather—find out what’s inside golf balls.




hat

WIRED Live - Creating Video Games That Are Easy to Learn, but Difficult to Master

Atari founder Nolan Bushnell and game developer Dong Nguyen join author David Kushner to talk about the ingredients for a successful video game and how the industry has transitioned from being a hobby to a full-blown business.




hat

Lim: A Prosthetic That Radically Improves Lives

A new company called LIM is radically rethinking the way prosthetics fit the human body, so that wearers of artificial legs can walk farther than ever before.




hat

What's Inside - Glow Sticks

You can find them on Halloween, at raves, and in the military, but how do the compact, plastic tubes of neon light actually work?




hat

Angry Nerd - Horror Movie Cliches that Deserve to be Slaughtered

Angry Nerd is sick of the latest crop of cliché killer movies. Do we really need Michael Bay bringing another Hasbro product to life with “Ouija"? Who asked for the new wannabe “Blair Witch Project” called “Exists”? Angry Nerd explains why the only frightening thing this Halloween is the surplus of crappy horror flicks.