Introduction

This project was part of the MHCI+D program's week-long Immersion Studio.

The cohort was randomly split into teams of three. We were then given a hypothetical scenario and four days to research, ideate, generate concepts, prototype, test, design, and present.

My Role

I worked alongside my two teammates, Xinbei Hu and Minjun Chen. I played a key role in user research, ideation, storyboarding, developing style guides, and refining UI elements and design decisions.

Tools Used

Sketch
InVision
Flinto
Photoshop

The Problem

Hypothetical
A recent manufacturing innovation means that the square-inch cost of e-ink will plummet. How can we create a desirable use of this innovation, in any environment, for any user, or any form factor?

The Challenge

How might we encourage bike share users to better plan their trip?

The Solution

Navelo is a built-in e-ink onboard navigation system for dockless bike-share bicycles such as Ofo, Spin, and LimeBike. Navelo is designed to provides riders a safer, more efficient, and convenient trip to their intended destination.

Benefits of Navelo

Provides riders a safer, more efficient, and convenient trip to their intended destination.

Eliminates the need to use a smartphone for directions throughout the ride, thus increasing safety of riders.

Allows the number of bike-share riders to increase and amount of accidents and injuries to decrease.

How It Works

Provide Context of Decisions and Notes

To use Navelo, the rider simply enters the desired destination upon unlocking the bike as they normally would, using a smartphone. The rider will then be able to choose the desired bicycle-friendly route and follow the chosen route using the handlebar mounted e-ink display.

The Process

Our initial approach, we tried to understand the scope of our design space - meetings in modern companies.  We explored this problem space through a variety of research methods– competitive assessments, surveys, secondary research, semi-structured expert and user interviews.

Research and Insights

Overview

Given the timeline of the challenge, research needed to be conducted in a quick, efficient way. We employed primary and secondary research methods to understand what e-ink is, and the feasibility, viability and desirability associated with it. Beyond an understanding of e-ink, we also looked to understand the role of dockless bike share systems in large cities and any problems that people may encounter.

Concept Generation

Early Prototyping

With the insights in mind, we generated a total of over 15 design concepts. The 15+ concepts were then narrowed down to four loosely related concepts- an on board navigation system with GPS map display, a built in universal phone mount for the bike, and two versions of an on board navigation system with visual and auditory navigation cues.

Down Selection Criteria and Rationale

GPS map is too distracting and compromises safety.
Phone case is inconvenient for the riders.
Headphones are unsafe and unsanitary

We decided to move forward with the on board navigation system that uses an e-ink display for visual navigation cues and auditory navigation cues in the form of a built-in speaker.

We decided to move forward with the on board navigation system that uses an e-ink display for visual navigation cues and auditory navigation cues in the form of a built-in speaker.

Prototype Exploration

What We Wanted to Understand

To test the concept, we developed digital and paper prototypes using Adobe Illustrator, InVision, cardboard, tape, and glue.

How might people interact with screens while riding?
How might people perceive and respond to visual navigational cues?
How might people react to a new sharing bike with a navigation system built into the app?

Design Iteration

Our Findings

After testing our initial paper prototype, we learned a few key findings that influenced our final design.

01

People found progress bar misleading: is it displaying progress to the next turn/move or overall progress to the destination?

02

Initial ETA metrics (distance to destination, time to destination, and time of arrival) were overwhelming and unclear.

03

It is too loud to hear auditory navigational cues in a city environment.

Final User Interface

Final Thoughts

What Was Learned

Throughout the course of this project, we learned about the e-ink technology and how bike-share systems work. A bike-share navigation system is feasibleviable, and desirable. This project was also a great exercise in designing within constraints. The screen size on the bike is comparatively small; hence it become much more important about how we design the layout to make it understandable to everyone.

Combining our knowledge of e-ink and the rather-new dockless bike share systems we arrived at two insights that shaped our design process.

Considerations

Moving forward with this concept, we would need to consider the charging method of the navigation system andthe potential privacy issues that were expressed during our final critique.