Stockholm | April 27, 2017
Pierre Harlé
Ambiance!
Donna Lichaw
3
Story first
Create products that
engage
@dlichaw
BACKELITE 4
How to write a story
1.A character with a goal.
2.There’s an unexpected event!
3.Hurdles…
4.A dragon arrives!
5.The hero is victorious.
6.He comes back home, but changed,
improved.
7.The end.
5
This is the result of a story if
it stopped after the first
hurdle.
In the beginning, users had two devices :
a phone and an iPod.
Apple’s first idea was to include a phone
“app” in the iPod. They even filed a
patent (left).
If they had stopped at this first hurdle,
we’d never have had the iPhone.
www.google.com/patents/US20070152979
Comment Steve Jobs a créé l’iPhone :
14.09.17 BACKELITE 6
An iPod
with a
phone
The
iPhone
Hurdles
(like the
previous
page’s
horror)
7
Theory
Why do we like
stories?
https://youtu.be/cwnndX4mbs0?t=17m22s
We make ordinary people the heroes of their own lives…
“We are in the business of
creating heroes.”
1. Who is my hero?
2. What is their big goal?
3. How is what I am building going to
help them meet their goal?
More :
1. The talk: https://www.youtube.com/watch?v=cwnndX4mbs0
2. Article from Donna Lichaw forAListApart:
alistapart.com/article/the-users-journey
3. A very good article about iPhone’s conception:
https://www.theverge.com/2017/6/13/15782200/one-device-secret-history-ipho
ne-brian-merchant-book-excerpt
Katie Dill
11
When UX
goes offline
Director of Experience
Design at Airbnb
@lil_dill
12
Lufthansa’s UX
1. Book a flight
13
Lufthansa’s UX
1. Fly
14
United’s UX
1. Book a flight
15
United’s UX
2. Get dragged off
the plane
16
United
3. This is normal,
accept it.
14.09.17 18BACKELITE
Where would
you like to go?
14.09.17 19BACKELITE
When will you leave?
14.09.17 20BACKELITE
Be our guest
for your trip.
14.09.17 21BACKELITE
With your new avatar, find a
place among our funny and
lively passengers.
14.09.17 22BACKELITE
Get some rest
14.09.17 23BACKELITE
LISTEN UP.
o Drop $2 bucks in the box
o Grab a set of headphones
o Rock all flight long
Laugh at our
witty humor
14.09.17 24BACKELITE
The same plane,
but better!
14.09.17 25BACKELITE
youtube.com/watc
h?v=DtyfiPIHsIg
Even safety instructions
can be fun
Virgin’s user journey
Discover Purchase Use Assistance Share
#1
See the big picture
An orchestra: a conductor
and musicians
Conductor
Musician
#1
Musician
#2
Plays
his part
in this
picture
Plays
his part
in this
picture
Has the big
picture
What’s a partition in UX?
Musician
#1
Partition
#1 User #1
Storyboard
#1
Storyboards
Host
Guest
Airbnb is the conductor,
they see the big picture
#2
Get ahead of it
https://youtu.be/FeaUgol_ot4?t=12m
Katie Dill describes a guest arriving at the host’s home. (12:00 -> 12:45)
Happiness = reality – expectations
When reality is not as good as what the user
expected, they are disappointed.
It’s better to tell them what he’ll get instead
of letting him have impossible expectations.
Airbnb make sure users
know what they’ll get
#3
Set the stage
Myspace: too much freedom
Facebook’s design gives users
freedom on what matters: content
#4
Keep it real
An unique experience
each time.
Hosts’ interface: clarity
#5
Arm your partners
#1 See the big picture
#2 Get ahead of it
#3 Set the stage
#4 Keep it real
#5 Arm your partners
More:
1. The talk: https://www.youtube.com/watch?v=FeaUgol_ot4
Dawn Ressel
47
Evolving design
systems for
flexibility and
scale
Design strategist at Intuit
Design System
Before : each Intuit product lived in its own
silo.
Turbotax (Taxes)
Quickbooks
(Accounting)
Mint (Personal
accounting)
10 years ago, the cloud appeared.
The cloud.
Intuit created a system with a
single source of truth.
Brand
elements
Processes
and flows
Widgets
Checkbox
es and
stuff
Structural
elements
This truth is directly in code,
which updates design files as it
changes.
All photoshop
files
All sketch
files
Each product’s
css
Eric Meyer
14.09.17 52
Engaging with
compassion
Web legend and author of
"Design for Real Life"
Eric’s daughter died
from cancer.
6 month
after her
death, this
appeared on
Eric’s
facebook
page.
The ideal user is
not your only
user
5% of facebook’s users
had a bad year?
5% of user becomes
instantly very unsettled.
(which means 50 000 000 users)
“When you are designing for interaction,
you’re creating abstract rules to take
unknown content and organize it in an
unknown medium for presentation to
unknown people who have largely
unknown personal contexts.”
“Software is eating the world,
and we are shaping it.”
More:
1. The talk: https://www.youtube.com/watch?v=NrieNsCB8FY
2. Eric Meyer’s book: https://abookapart.com/products/design-for-real-life
3. Microsoft inclusive design : https://www.microsoft.com/en-us/design/inclusive
Mike Monteiro
59
How to fight
fascism
Co-founder and Design
Director at Mule Design
You chose your
employer:
Political.
You used a specific
solution for a problem:
Political.
Who’s going to benefit
from your solution?
The user or the
company?
Ethics in design
Travis Kalanick,
CEO of Uber, allied
Trump.
(ex-)
“This is the XXIst
century version of
Mussolini promising to
make trains run on
time”
An architect’s
proposition for
Trumps’ wall.
They say they do Architecture,
not politics.
https://youtu.be/vW2moFk074Q?t=23m5s
-> 23m56s
“You cannot design a good
border wall!”
“We are gatekeepers.”
COMMENT RÉINVENTER SON DISCOURS
This concludes
what I learnt going to
From Business
to Buttons
Thank you ☺
Pierre Harlé

From Business to Buttons by Pierre Harlé