Onboarding

Onboarding

If you think back to me presenting my projects here: did you like that?

The problem is that websites usually don't have this luxury of someone explaining them.

Onboarding

Using any product

1. Promise

2. Tedium

Promise <> Tedium

The promise of dataviz

UserOnboard: Features vs benefits

Promise of dataviz

Inform

Inform

The Guardian: Nice attack - What we know so far

Promise of dataviz

Making sense

Promise of dataviz

Entertain

Entertain

Nadieh Bremer: Beautiful In English

Promise of dataviz

What can you think of?

The tedium of dataviz

Tedium of dataviz

General Onboarding

General Onboarding

UserOnboard.com

General Onboarding

Usually an afterthought - just like design in the olden days!

=> people fall back to defaults!

Onboarding techniques

Onboarding techniques

Tours

Tours

Mark Geyer: GIF Tour

Tours

By now, we even have libraries for building onboarding tours:

IntroJS

Selfiecity

Selfiecity

Selfiecity: Selfiexploratory

Tours

Slack onboarding tour

Nicky Case: Parable of the Polygons

Joyriding

Joyriding

Have little glowing dots/squares/kittens that guide the attention with animations and invite to explore the interface.

Joyriding

Selfiecity

UX Aspects of Onboarding

UX Aspects of Onboarding

Having user research done on visualizations would probably be best.

UX Aspects of Onboarding

But:

UX Aspects of Onboarding

So I guess we visualization designers have to keep fresh eyes...

Selfiecity London - Big Bang Data, Sumerset House 2015

The Pudding: Analyzing the Gender Representation of 34,476 Comic Book Characters

Wizards

Wizards

YOUR PASSWORD MUST CONTAIN A CAPITAL LETTER, TWO NUMBERS, A SYMBOL, A GANG SIGN, A HIEROGLYPH AND THE BLOOD OF A VIRGIN

How to keep people interested longer (initially)

Make the data about them

Make the data about them

OECD Regional Well-Being

Enticing complexity

Alessandro Zotta: On Their Way

Playful interaction

New York Times: Good, Evil, Ugly, Beautiful

New York Times: You Draw It

Labels

Accurat: The Real Montalbano

New York Times: Generation Grumpy

New York Times: Driving Safety, In Fits And Starts

Gradual reveal

Gradual reveal

The New York Times Stepper

Gradual Reveal

New York Times: The Yield Curve

Gradual Reveal

Scrollytelling

The Pudding: The Unlikely Odds of Making it Big

Todo lists

Onboarding techniques

Tours, Joyriding (Animations, Scavenger Hunts, Callouts), Wizards

Make the data about them, Enticing complexity, Playful Interaction

Labels, Gradual Reveal (Steppers, Scrollytelling), Todo lists