Vanmoof Lightswitch cover image.

- UX / INTERACTION DESIGN -

Where is the lightswitch on this Smart Bicycle?

Overview

 

VanMoof's Electrified-S is a Smart Bicycle that features a pedal-assisted motor, integrated lights, bike-lock, and GPS tracking. All of these features are controlled via an App on your iOS or Android device. Located on the top-bar of the frame, is a capacitive touch-control which grants the rider access to Power-Assist Mode and release the bike-lock.

 

 

Problem

 

  • There is no manual control on the bicycle to turn on/off the integrated lights. The only way to access the lights is through the smartphone app. The time it takes to turn on lights: approximately 15 - 100 seconds.

 

Solution

 

  • Reconfigure the capacitive touch control on the bike frame to include lighting controls alongside the power-assist and lock release. The time it takes to turn on lights: approximately 4 - 12 seconds.

My Role

 

UX Design

Interaction Design

Prototype

 

Tools

 

Illustrator CC

Axure RP

 

Duration

 

30 Hours

 

Date

 

November 2017

Vanmmof touch-control.

Research

 

As an owner of an Electrified S, I became frustrated with having to stop and take several steps to turn on the bike lights. I reached out to the Vanmoof Community on Facebook to ask what pain-points they are experiencing with the Electrified S. We compiled responses into a poll to determine what owners felt frustrated with the most.

Insight

 

I gathered the following information on why cyclists prioritized the lightswitch feature.

 

  • Skinny Jeans: If you're riding with a phone in your front pocket, it's not coming out.

 

  • Gloves: A smartphone is inoperable with gloves on.

 

  • Safety: being distracted on the phone while riding a bicycle through the city streets is dangerous.

 

  • Bluetooth: Connection to the bicycle is spotty at times and requires a restart of the App.

 

  • Automatic lights: Daylight sensor can control the state of the lights, but it's not a practical solution for everybody.

User Flow

 

This chart demonstrates the current function of the Touch-Control.

Current user flow.

Here is the redesigned function of the Touch Control which provides access to power and lighting. Riders can now tap to change settings rather than waiting for their preferred setting to cycle during a continuous press.

Redesigned user-flow.

Prototype

 

I created the Touch-Control in Axure with conditional logic so it can perform each function within this single button element. The overall user experience is similar to the original except for a few things highlighted below:

Exterior Light Ring:

 

During a long press, the exterior light ring will gradually illuminate to provide feedback. Once in Settings, the ring will stay filled until the session ends. After which it will return to its normal function.

 

 

Interior "Quarter" Ring:

 

In Settings Mode, the Quarter Rings pattern symbolizes multiple settings depending on which Mode is activated. For Example, for Lights, 0/4 symbolizes Lights Off, 2/4 is Lights ON, and 4/4 is Automatic Lights (Daylight sensing). For Power, 4/4 symbolizes 100%  Pedal Assist (up to 20mph), 3/4 is 75%, 2/4 is 50%, etc.

User Test Results

 

Five participants spend 3 minutes familiarizing themselves with the bicycles control panel and mobile application. How long does it take to turn on the bicycles lights from a cold start? It should be noted that powering up the bicycle takes 6 seconds.

 

Task A: Power up the bicycle and turn on the lights via the smart phone application.

 

Task B: Power up the bicycle and turn on the lights via the control panel prototype.

User testing results.

Takeaways

 

The Good

 

  • By eliminating the dependency on the mobile app, the time it takes to turn on the lights from a cold start is cut in half.

 

  • Bluetooth connection issue doesn't affect the riders ability to toggle lights.

 

  • Incorporating the feedback lighting sequence ensured riders where correctly activating the settings mode without prematurely releasing their finger.

 

The Bad

 

  • The 6 second delay before the controller returns to normal mode is too long.
Prototyping in Adobe XD vs Axure RP

- UX / UI DESIGN -

Prototyping in Adobe XD vs. Axure RP

Improving Bookmarks on Yelp

- UX / UI DESIGN -

Improving Bookmarks on Yelp

Vanmoof Lightswitch cover image.
Vanmmof touch-control.
Current user flow.
Redesigned user-flow.
User testing results.
Vanmoof Lightswitch cover image.
Vanmmof touch-control.
Current user flow.
Redesigned user-flow.
User testing results.
Vanmoof Lightswitch cover image.
Vanmmof touch-control.
Current user flow.
Redesigned user-flow.
User testing results.
Vanmoof Lightswitch cover image.
Vanmmof touch-control.
Current user flow.
Redesigned user-flow.
User testing results.