about

Everything I learned about min(), max(), clamp() in CSS

CSS Comparison Functions (min(), max(), clamp()) become supported in Firefox on 8 April 2020, which means that they are now supported in all major browsers. Those CSS functions will provide us with ways to have dynamic layouts and more flexible design components. They can be used for container sizes, font-size, padding. and a lot more. […]



  • HTML & CSS

about

Kejriwal has no right to speak about corruption any more

The AAP should not have taken the support of the Congress to form the government in Delhi.




about

Coronavirus: Now, Bhopal cops have a song about challenges and solutions

Now the department is ferrying local DJs from colony to colony who play the song and follow it up with a short message




about

Mamata hopeful about Darjeeling''s future

"I want people in the Hills to be happy."




about

Ramesh not worried about people: Partha on land Act

Land acquisition act : 'TMC does not support forcible acquisition''




about

Suspended TMC MP meets PC, presents 'details about the case''

Hinting at political links in the multi-crore Saradha chit fund scam, suspended Trinamool MP Kunal Ghosh on Tuesday met Finance Minister P Chidambaram and presented to him "certain details about the case".




about

Mamata knew all about Sudipta, never warned me, says Kunal Ghosh

In pre-recorded video, arrested MP claims Saradha Group media houses were like TMC mouthpiece; says he is being made scapegoat




about

Bengal teen''s family 'concerned about safety'': Bihar team

The report, however, has no mention of the investigation by the West Bengal Police.




about

Australia unsure about prosecution of journalists

Australias Attorney General (AG) on Wednesday declared that he would be reluctant to authorise the prosecution of journalists after federal police raids earlier in June.




about

Is it all about hips? : around the world with Bollywood dance / Sangita Shresthova

Shresthova, Sangita





about

'People don't feel shy talking about sex now'

'But you have to keep in mind the entertainment value. It can't be preachy.'











about

Blog: MeToo is about restoring civility




about

Blog: What 'good' guys need to know about #MeToo




about

The genome factor: what the social genomics revolution reveals about ourselves, our history, and the future / Dalton Conley and Jason Fletcher

Hayden Library - QH438.7.C656 2017




about

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.




about

Gadget Lab: All About Facebook Home

Gadget Lab: All About Facebook Home




about

Director And Lead Ape Talk About Rise Of Planet of the Apes

Andy Serkis and Rupert Wyatt stopped by the Wired Cafe at Comic Con in San Diego to talk about the new film and how it's been updated for today'saudience.




about

What Crocs on Treadmills Can Teach Us About Dinosaurs

What crocs on treadmills can teach us about dinosaurs.




about

Angry Nerd - Chris Baker Responds To YouTubers About Wolverine's Origin Story

Chris Baker responds to YouTube comments on his impatience with Wolverine's claws. Here's a hint, folks: Don't tell an Angry Nerd that "it's just a comic book."




about

Angry Nerd - Chris Baker Responds To YouTubers About Despicable Me Super Villain Conspiracy Theory

Chris Baker is convinced that Hollywood has gone soft on super villains and responds to comments that either agree with him, or think he looks like one of them.




about

WIRED Live - Community’s Dan Harmon Talks About his Adult Swim Show Rick and Morty

Community’s Dan Harmon teamed up with voice actor and writer Justin Roiland to create the new animated comedy Rick and Morty. The two sit down to talk about their Adult Swim show, which focuses on the crazy adventures of a sociopathic, ingenious scientist and his less-than-genius grandson.




about

Angry Nerd - Chris Baker Responds to YouTubers About Kick-Ass 2 and the Real-Life Superheroes Trend

The Angry Nerd has read your comments about his loathing of Kick-Ass 2 and the trend of real-life people who become cosplay vigilantes. You have failed to convince him to change his position on the subject.




about

Angry Nerd - Why Disney Needs to Make More Movies About Classic Villains

The House of Mouse might be onto something: Forget the hero and make the villain the star. Disney’s new film Maleficent does just that and it actually…kind of…works. Angry Nerd explains the pros of putting the evil queens and wicked witches front and center.




about

Angry Nerd - Why Edge of Tomorrow is of the Greatest Movie About Video Games, Ever

The new sci-fi flick Edge of Tomorrow is basically a sci-fi rip-off of Groundhog Day, but with more Tom Cruise and less Bill Murray. And somehow, it manages to establish itself as one of the best movies about a video game, ever.




about

WIRED Live - Tech Entrepreneur & Investor Chris Dixon Explains Why You Should Give a Damn About Bitcoin

Chris Dixon, general partner at venture capital firm Andreessen Horowitz, thinks you should reconsider the power of bitcoin. In conversation with WIRED’s Steven Levy, the tech entrepreneur and investor explains why the digital payment system has the potential to enable new behaviors and innovations.




about

Teen Technorati - To Infinity & Beyond: The Fellows Visit NASA & Learn About the Future of Life on the Moon

In this episode, Thiel fellow Rebecca Jolitz takes us on a tour of the NASA Ames Research Center, where she worked while attending UC Berkeley. The entire group also pays a visit to lunar transportation company Moon Express for lessons on space, technology, and how to turn the impossible into a reality.




about

Teen Technorati - Meet the Teens Who Are About the Change the World

They each won $100,000 to change the world. Find out how the 2014 Thiel Fellows are planning to do it—all in under 60 seconds.




about

Angry Nerd - I Can't Remember Why, But Movies About Amnesia Are Awesome

In the upcoming thriller Before I Go to Sleep​, Nicole Kidman stars as a woman who's grappling to remember what happened in her past. The amnesia plot line works, as it does for every film centered around memory loss, because it puts the protagonist on the same level as the viewer. Angry Nerd explains why.




about

WIRED by Design - What a Sex Toy Start-Up Taught Ethan Imboden About Design

Designer Ethan Imboden at WIRED by Design, 2014. In partnership with Skywalker Sound, Marin County, CA. To learn more visit: live.wired.com




about

Jeff 1000 - 9 Questions with David Arquette (Just Don’t Ask About Robots)

Things take a turn during a "Jeff 1000” shoot when David Arquette takes time to do a behind-the-scenes interview. Everything starts off smoothly, but the second David is asked about his robot co-star Jeff, all hell breaks loose with David comparing Jeff to a second-rate WALL-E.




about

Three Things to Know About Apple Music

WIRED senior writer David Pierce explains how Apple, the most powerful company in music, is shaking up listening again with its new Music platform which combines streaming audio, worldwide human-curated radio and a social network of artists and fans.




about

Think Like a Tree - What Termites Can Teach Architects About Skyscraper Design

Sure, they’re pesky critters but termites can teach architects a thing or two when it comes building design. When creating giant mounds the insects build channels within them to help with ventilation. See how architects are attempting to replicate that process to create better heating and air conditioning systems in giant skyscrapers.




about

Data Attack - Everything You Didn't Know About Star Wars, Explained with Action Figures

What's Darth Vader's death count? How many Lego sets has the franchise sold? Which nation accepts Star Wars collectable coins as real currency? Find out everything you didn’t know about the epic franchise, as told by Star Wars action figures.




about

The Super Bowl 2016 Ads Were All About Your Small Screen

The Super Bowl is as much about the commercials as it is the football, but this year the ads weren't made for your big TV.




about

Gerard Butler Answers Everything You’ve Ever Wondered About Gerard Butler

No, he’s not Irish. Yes, he’s still alive. And no, he’s not engaged. “London Has Fallen” star Gerard Butler answers questions to the most common searches about him on the Internet.




about

Angela Bassett Answers Your Pressing Google Questions About Angela Bassett

“London Has Fallen” actress Angela Bassett is still alive, thank you very much. The Oscar-nominated actress answers the most googled questions about herself, including whether she’s a vegan and if she starred in Michael Jackson’s “Thriller” music video—(hint: No.)




about

Everything We Know About MH370 in 170 Seconds

Two years ago, Malaysia Airlines Flight 370 disappeared somewhere over the Indian Ocean with 239 people on board. What then grew into humanity's largest, most expensive search operation has also been among its most frustrating and beguiling.




about

Data Attack - Everything You Ever Wanted to Know About Star Wars' BB-8

Here is everything you ever wanted to know about Star Wars' latest beloved droid. BB-8 goes to LAX to greet his very own BB-8 ANA Jet. ANA Star Wars plane: http://ana-sw.com/




about

Stanford Is About to Have the Dopest Map Collection on Earth

Some would call David Rumsey a cartophile, while others may put it more bluntly and say he’s obsessed. Over 30 years he’s personally accumulated over 150,000 maps and he's just donated them all to Stanford University.




about

What the AI Behind AlphaGo Teaches Us About Humanity

When Google's AI beat the world's Go champion 4-1, it stirred a certain sadness in many people. But the reality is the technologies at the heart of AlphaGo are the future. So it's a time to be excited not scared.




about

Sacramento Is About to Have the Most High-Tech Basketball Stadium

When the new Kings basketball stadium is completed this fall, they hope it’ll be so outrageously technologically advanced that it will even wow fans from Silicon Valley.