UX London
10 - 12 April 2013
Tom Hulme
@thulme
Design Director, IDEO
Donโ€™t ๏ฌght desire
โ€ฃ Donโ€™t be frustrated if users โ€œdo it
wrongโ€
โ€ฃ Find and embrace unhandled desire
paths
Launch to learn
โ€ฃ Find the minimum viable experience
โ€ฃ Launch it
โ€ฃ You will be wrong
โ€ฃ Learn from that
โ€ฃ Donโ€™t be precious
Two pizza team
โ€ฃ A concept from Amazon
โ€ฃ Teams small enough that everyone
can be fed by two pizzas
โ€ฃ Everyone has line of sight to the
customer
Je๏ฌ€ Gothelm
@jboogie
Author of Lean UX
Requirements are
assumptions
โ€ฃ Articulate them as such and they can
be rethought
โ€ฃ When the CEO says โ€œdo thisโ€, you do
it; when the CEO says โ€œI think thisโ€,
you have a conversation then test the
hypothesis
โ€ฃ "We believe building [this] for [them]
will result in [this]. We will know we're
successful when [this] happens."
Julia Whitney
Head of UX & Design
BBC
London
Olympics 2012
โ€ฃ 30,000,000 timeline scrubs
โ€ฃ 25,000,000 full screens
โ€ฃ 21,000,000 chapter markers chosen
โ€ฃ 18,000,000 pauses
โ€ฃ Sport guides were conceived during
user testing
โ€ฃ Bookmark titles were written manually
Ben Terrett
@benterrett
Head of Design, GDS
.GOV
โ€ฃ Heavy bias for designing in browser
โ€ฃ Very little wireframing
โ€ฃ Launch and test attitude
โ€ฃ gov.uk/designprinciples
โ€ฃ gov.uk/service-manual
โ€ฃ github.com/alphagov
Chris Heathcote
@antimega
Creative Lead, GDS
Schelling Points
โ€ฃ Focal points; places that things find
themselves
โ€ฃ That table by the door with your keys,
wallet, phone...
โ€ฃ Personal Schelling points are wrists,
shoes, necklace...
Always design a thing by
considering it in its next
larger context - a chair in a
room, a room in a house, a
house in an environment,
an environment in a city
plan.โ€
Eliel Saarinen
โ€œ
Russell Davies
โ€ฃ russelldavies.typepad.com
Homesense bikemap Internet of middle class things
Jennifer Brook
@jenniferbrook
Independent UX Designer
Prototyping Touch
โ€ฃ Prototype โ‰  code
โ€ฃ Step away from your desk
โ€ฃ Get on a device early and often
โ€ฃ Prototyping is a great way for us to
get OUR heads around the client's
service
โ€ฃ bit.ly/uxl_touch
Genevieve Bell
@feraldata
UX Director, Intel Interaction &
Experience Research Group
Genealogy of
Talking Technology
SiriFurby Skynet?
Luddism
โ€ฃ Luddites were not anti-technology but
anti-technology-that-replaces-people
โ€ฃ We fear tech that challenges notions
of what's human
โ€ฃ We fear tech that challenges political,
social or racial order
โ€ฃ Chart fear against wonder to find
great experiences
Paul Adams
@padday
Global Head of Brand Design,
Facebook
Social Web
โ€ฃ First 20 years of the web were beta
โ€ฃ Itโ€™s being rebuilt around people
โ€ฃ The word social will go away
โ€ฃ Information published (and access to
it) is going up exponentially, human
memory capacity is not changing fast
โ€ฃ People are turning to their friends in
the sea of information
Mobile
โ€ฃ The time when more people use your
product on mobile than desktop is
approaching - it has already happened
on Facebook
โ€ฃ 4.5 billion people have never used the
internet - when they do it will probably
be on mobile
Photoshop lies
โ€ฃ You can't design a dynamically
changing social system by drawing UI
or screen states
โ€ฃ Build real prototypes with real data
Hypothesise, build, launch,
measure, repeat
โ€ฃ Research may not be wrong, but it
can't compare to real data
โ€ฃ You canโ€™t predict social behaviour, so
build and ship as soon as possible
โ€ฃ Use existing research - someone has
already done it better than you can
โ€ฃ Build simply and quickly
โ€ฃ Ship daily or weekly
If you're not embarrassed
by the ๏ฌrst version of your
product, youโ€™ve launched
too late.โ€
Reid Hoffman
โ€œ
Peter Merholz
@peterme
Vice President of Global Design,
Groupon
The Disciplines of
User Experience Design
Dan Saffer
Graphic by Envis Precisely
UX
โ€ฃ ...is not all of these disciplines, it's
what's in between; itโ€™s the discipline of
corralling those into one whole
โ€ฃ ...should not have its own department,
itโ€™s everyone's responsibility
โ€ฃ ...uses design approaches, but not for
design outcomes (akin to design
thinking)
UX as Direction
โ€ฃ Facilitation as a skill is not appreciated
โ€ฃ A director โ€˜doesโ€™ very little - they lead,
co-ordinate and inspire
โ€ฃ This doesn't mean UXers can't do the
work
โ€ฃ Define your own role
โ€ฃ Lead, donโ€™t follow
Jeremy Keith
@adactio
Founder & Technical Director,
Clearleft
Wireframes
โ€ฃ Once about hierarchy, now itโ€™s all
about layout without much thought
โ€ฃ Fundamentally you are going back to
the fixed canvas
โ€ฃ Jeremy/Clearleft try to avoid
wireframing altogether
โ€ฃ Consider tablet-first design, it's close
to both desktop and mobile
API-๏ฌrst design
โ€ฃ Think about functionality first
โ€ฃ Build a command line to your website
URL-๏ฌrst design
โ€ฃ URLs should be readable, guessable
and hackable by humans
โ€ฃ Design your URL structure and you will
have your website structure
โ€ฃ Donโ€™t Repeat Yourself (DRY) principle
โ€ฃ RESTful URLs incorporate actions, e.g.
www.files.com/file/myfile/save
Content hierarchy
โ€ฃ โ€œIf your website was a telephone
hotline, what order would you say
things in?โ€
โ€ฃ Identify the atomic units of content
and order them
โ€ฃ At some point you say โ€œ...and then
thereโ€™s everything elseโ€ - remove or
conditionally load those things
Style
โ€ฃ Create pattern libraries horizontally to
make it clear itโ€™s not a real page
โ€ฃ Create style tiles and ask โ€œhow does
this feel?โ€ - start a conversation
โ€ฃ Layout is just one element, we over-
emphasise it
โ€ฃ Layout is an enhancement, itโ€™s not
there by default
Marty Neumeier
@martyneumeier
Director of Transformation, Liquid Agency
The Robot Curve
โ€ฃ The value and
cost of work
decreases as its
mechanisation
increases
โ€ฃ Keep learning to move
back up the curve
โ€ฃ Your job is always being
destroyed by new jobs
Metaskills
โ€ฃ Learning is the
opposable thumb
of the metaskills
โ€ฃ talentfinder.metaskillsbook.com
Imagination blockers
โ€ฃ Unexamined belief
โ€œThis is the only way I can do itโ€
โ€ฃ Rigid mental mode
โ€œWe've always done it this wayโ€
โ€ฃ Lack of technique
"I don't know how I'd do that"
Imagination blockers
โ€ฃ Fear of failure
โ€œWhat if I mess it up?โ€
โ€ฃ Shopping mentality
โ€œEverything is on a shelf somewhereโ€
โ€ฃ Right answer fixation
โ€œThere's an answer out there, we just have to find itโ€
Process
1. Discovery
2. Definition
3. Design
4. Development
5. Deployment
Process
โ€ฃ This is a big lie and we all know it
โ€ฃ The really good work doesnโ€™t come
from this profile
โ€ฃ Be honest with clients, tell them youโ€™re
not sure how weโ€™ll get there but it will
be [this] good
Process
1. Confusion
2. Clutter
3. Chaos
4. Crisis
5. Catharsis
The illiterate of the 21st
century will not be those
who cannot read and write,
but those who cannot
learn, unlearn, and
relearn.โ€
Alvin Toffler
โ€œ
Ben Reason
@breasy
Founder, live|work
Manage the brief
โ€ฃ live|work often expand the brief to
look at before and after, to find further
opportunities and problems
โ€ฃ Give yourself permission to deal with
things that arenโ€™t digital, e.g. live|work
found they could improve the mobile
experience by making changes to the
stores themselves
Hannah Donovan
@han
Co-creator, This Is My Jam
Matthew Ogle
@๏ฌ‚aneur
Co-creator, This Is My Jam
Problems
โ€ฃ 1st order problem = need
โ€ฃ 2nd order problem = play
โ€ฃ 2nd order products often rely on 1st
order products for support, or even
just appetite for the stuff
Problems in music
โ€ฃ 1st order = access
โ€ฃ 2nd order = discovery
โ€ฃ There are more ways to access music
than ever before (Napster, iPod,
MySpace, YouTube, Spotify, iTunes...)
โ€ฃ Thereโ€™s still desire for discovery
services
Trends
โ€ฃ Itโ€™s well known in fashion that trends
are often direct opposites of what
came before
โ€ฃ If you want to make something
playful, a good exercise is to imagine
the opposite
Richard Seymour
@seymourpowell
Co-founder and Design Director,
Seymourpowell
The state of the art
โ€ฃ This may only be the 2nd time in 500
years the tech outdoes our
imaginations
โ€ฃ Big businesses have slowed down
because they see big things coming
and they don't know what to do
Quentin Tarantino School
of Ethnography
โ€ฃ Observation is better than focus
groups
โ€ฃ People donโ€™t know what they do
โ€ฃ Divert the subjectโ€™s attention away
from what they are doing so you can
observe their unconscious actions
Genetic manipulation
โ€ฃ It is coming hard and fast
โ€ฃ You can buy a red pill today that
restarts collagen production in post-
menopausal women, it needs no drug
license because itโ€™s classed as food
โ€ฃ Mass storage in DNA; immortal data
โ€ฃ Mushrooms that glow; biological
lighting
Your life is absolutely
littered with shit that
doesnโ€™t workโ€
Richard Seymour
โ€œ
Oath
โ€ฃ The templars had an oath to
safeguard and helpless and do no
wrong
โ€ฃ Designers donโ€™t have an oath
โ€ฃ Shall we make one?
Marty Neumeier
@martyneumeier
Director of Transformation, Liquid Agency
10 ways to get ideas
1. Think in metaphors. What else is this
like? E.g. "The world is a stage"
2. Think in pictures. Draw stuff, draw the
problem. Car lanes in the USA: fast
and slow. In the UK: passing and
driving.
3. Start from a different place. You can't
just dig old ideas deeper.
10 ways to get ideas
4. Poach from other domains. An
inventor walks in woods, notices burrs
stuck on their clothes, looks under a
microscope, notices holes and loops,
invents velcro. Nature applied to
clothing.
5. Arrange blind dates. Take ideas that
don't go together and see what
happens when they do.
10 ways to get ideas
6. Reverse the polarity. E.g. Yahoo
homepage vs. Google homepage.
7. Find the paradox. Trying to stop
people dumping in drains? Don't put
up a sign, make the drain look like a
fish.
8. Give it the third degree. Who says? So
what? Why now? Ask like a 4 year old.
10 ways to get ideas
9. Be alert for accidents. An engineer
noticed chocolate on a radar console
melting, invents the microwave.
10.Write things down. You'll forget
otherwise. Read your notes again to
refresh your memory and make
connections.

Findings from UX London

  • 1.
    UX London 10 -12 April 2013
  • 2.
  • 3.
    Donโ€™t ๏ฌght desire โ€ฃDonโ€™t be frustrated if users โ€œdo it wrongโ€ โ€ฃ Find and embrace unhandled desire paths
  • 4.
    Launch to learn โ€ฃFind the minimum viable experience โ€ฃ Launch it โ€ฃ You will be wrong โ€ฃ Learn from that โ€ฃ Donโ€™t be precious
  • 5.
    Two pizza team โ€ฃA concept from Amazon โ€ฃ Teams small enough that everyone can be fed by two pizzas โ€ฃ Everyone has line of sight to the customer
  • 6.
  • 7.
    Requirements are assumptions โ€ฃ Articulatethem as such and they can be rethought โ€ฃ When the CEO says โ€œdo thisโ€, you do it; when the CEO says โ€œI think thisโ€, you have a conversation then test the hypothesis โ€ฃ "We believe building [this] for [them] will result in [this]. We will know we're successful when [this] happens."
  • 8.
    Julia Whitney Head ofUX & Design BBC
  • 9.
    London Olympics 2012 โ€ฃ 30,000,000timeline scrubs โ€ฃ 25,000,000 full screens โ€ฃ 21,000,000 chapter markers chosen โ€ฃ 18,000,000 pauses โ€ฃ Sport guides were conceived during user testing โ€ฃ Bookmark titles were written manually
  • 10.
  • 11.
    .GOV โ€ฃ Heavy biasfor designing in browser โ€ฃ Very little wireframing โ€ฃ Launch and test attitude โ€ฃ gov.uk/designprinciples โ€ฃ gov.uk/service-manual โ€ฃ github.com/alphagov
  • 12.
  • 13.
    Schelling Points โ€ฃ Focalpoints; places that things find themselves โ€ฃ That table by the door with your keys, wallet, phone... โ€ฃ Personal Schelling points are wrists, shoes, necklace...
  • 14.
    Always design athing by considering it in its next larger context - a chair in a room, a room in a house, a house in an environment, an environment in a city plan.โ€ Eliel Saarinen โ€œ
  • 15.
    Russell Davies โ€ฃ russelldavies.typepad.com Homesensebikemap Internet of middle class things
  • 16.
  • 17.
    Prototyping Touch โ€ฃ Prototypeโ‰  code โ€ฃ Step away from your desk โ€ฃ Get on a device early and often โ€ฃ Prototyping is a great way for us to get OUR heads around the client's service โ€ฃ bit.ly/uxl_touch
  • 18.
    Genevieve Bell @feraldata UX Director,Intel Interaction & Experience Research Group
  • 19.
  • 20.
    Luddism โ€ฃ Luddites werenot anti-technology but anti-technology-that-replaces-people โ€ฃ We fear tech that challenges notions of what's human โ€ฃ We fear tech that challenges political, social or racial order โ€ฃ Chart fear against wonder to find great experiences
  • 21.
    Paul Adams @padday Global Headof Brand Design, Facebook
  • 22.
    Social Web โ€ฃ First20 years of the web were beta โ€ฃ Itโ€™s being rebuilt around people โ€ฃ The word social will go away โ€ฃ Information published (and access to it) is going up exponentially, human memory capacity is not changing fast โ€ฃ People are turning to their friends in the sea of information
  • 23.
    Mobile โ€ฃ The timewhen more people use your product on mobile than desktop is approaching - it has already happened on Facebook โ€ฃ 4.5 billion people have never used the internet - when they do it will probably be on mobile
  • 24.
    Photoshop lies โ€ฃ Youcan't design a dynamically changing social system by drawing UI or screen states โ€ฃ Build real prototypes with real data
  • 25.
    Hypothesise, build, launch, measure,repeat โ€ฃ Research may not be wrong, but it can't compare to real data โ€ฃ You canโ€™t predict social behaviour, so build and ship as soon as possible โ€ฃ Use existing research - someone has already done it better than you can โ€ฃ Build simply and quickly โ€ฃ Ship daily or weekly
  • 26.
    If you're notembarrassed by the ๏ฌrst version of your product, youโ€™ve launched too late.โ€ Reid Hoffman โ€œ
  • 27.
    Peter Merholz @peterme Vice Presidentof Global Design, Groupon
  • 28.
    The Disciplines of UserExperience Design Dan Saffer Graphic by Envis Precisely
  • 29.
    UX โ€ฃ ...is notall of these disciplines, it's what's in between; itโ€™s the discipline of corralling those into one whole โ€ฃ ...should not have its own department, itโ€™s everyone's responsibility โ€ฃ ...uses design approaches, but not for design outcomes (akin to design thinking)
  • 30.
    UX as Direction โ€ฃFacilitation as a skill is not appreciated โ€ฃ A director โ€˜doesโ€™ very little - they lead, co-ordinate and inspire โ€ฃ This doesn't mean UXers can't do the work โ€ฃ Define your own role โ€ฃ Lead, donโ€™t follow
  • 31.
    Jeremy Keith @adactio Founder &Technical Director, Clearleft
  • 32.
    Wireframes โ€ฃ Once abouthierarchy, now itโ€™s all about layout without much thought โ€ฃ Fundamentally you are going back to the fixed canvas โ€ฃ Jeremy/Clearleft try to avoid wireframing altogether โ€ฃ Consider tablet-first design, it's close to both desktop and mobile
  • 33.
    API-๏ฌrst design โ€ฃ Thinkabout functionality first โ€ฃ Build a command line to your website
  • 34.
    URL-๏ฌrst design โ€ฃ URLsshould be readable, guessable and hackable by humans โ€ฃ Design your URL structure and you will have your website structure โ€ฃ Donโ€™t Repeat Yourself (DRY) principle โ€ฃ RESTful URLs incorporate actions, e.g. www.files.com/file/myfile/save
  • 35.
    Content hierarchy โ€ฃ โ€œIfyour website was a telephone hotline, what order would you say things in?โ€ โ€ฃ Identify the atomic units of content and order them โ€ฃ At some point you say โ€œ...and then thereโ€™s everything elseโ€ - remove or conditionally load those things
  • 36.
    Style โ€ฃ Create patternlibraries horizontally to make it clear itโ€™s not a real page โ€ฃ Create style tiles and ask โ€œhow does this feel?โ€ - start a conversation โ€ฃ Layout is just one element, we over- emphasise it โ€ฃ Layout is an enhancement, itโ€™s not there by default
  • 37.
    Marty Neumeier @martyneumeier Director ofTransformation, Liquid Agency
  • 38.
    The Robot Curve โ€ฃThe value and cost of work decreases as its mechanisation increases โ€ฃ Keep learning to move back up the curve โ€ฃ Your job is always being destroyed by new jobs
  • 39.
    Metaskills โ€ฃ Learning isthe opposable thumb of the metaskills โ€ฃ talentfinder.metaskillsbook.com
  • 40.
    Imagination blockers โ€ฃ Unexaminedbelief โ€œThis is the only way I can do itโ€ โ€ฃ Rigid mental mode โ€œWe've always done it this wayโ€ โ€ฃ Lack of technique "I don't know how I'd do that"
  • 41.
    Imagination blockers โ€ฃ Fearof failure โ€œWhat if I mess it up?โ€ โ€ฃ Shopping mentality โ€œEverything is on a shelf somewhereโ€ โ€ฃ Right answer fixation โ€œThere's an answer out there, we just have to find itโ€
  • 42.
    Process 1. Discovery 2. Definition 3.Design 4. Development 5. Deployment
  • 43.
    Process โ€ฃ This isa big lie and we all know it โ€ฃ The really good work doesnโ€™t come from this profile โ€ฃ Be honest with clients, tell them youโ€™re not sure how weโ€™ll get there but it will be [this] good
  • 44.
    Process 1. Confusion 2. Clutter 3.Chaos 4. Crisis 5. Catharsis
  • 45.
    The illiterate ofthe 21st century will not be those who cannot read and write, but those who cannot learn, unlearn, and relearn.โ€ Alvin Toffler โ€œ
  • 46.
  • 47.
    Manage the brief โ€ฃlive|work often expand the brief to look at before and after, to find further opportunities and problems โ€ฃ Give yourself permission to deal with things that arenโ€™t digital, e.g. live|work found they could improve the mobile experience by making changes to the stores themselves
  • 48.
    Hannah Donovan @han Co-creator, ThisIs My Jam Matthew Ogle @๏ฌ‚aneur Co-creator, This Is My Jam
  • 49.
    Problems โ€ฃ 1st orderproblem = need โ€ฃ 2nd order problem = play โ€ฃ 2nd order products often rely on 1st order products for support, or even just appetite for the stuff
  • 50.
    Problems in music โ€ฃ1st order = access โ€ฃ 2nd order = discovery โ€ฃ There are more ways to access music than ever before (Napster, iPod, MySpace, YouTube, Spotify, iTunes...) โ€ฃ Thereโ€™s still desire for discovery services
  • 51.
    Trends โ€ฃ Itโ€™s wellknown in fashion that trends are often direct opposites of what came before โ€ฃ If you want to make something playful, a good exercise is to imagine the opposite
  • 52.
    Richard Seymour @seymourpowell Co-founder andDesign Director, Seymourpowell
  • 53.
    The state ofthe art โ€ฃ This may only be the 2nd time in 500 years the tech outdoes our imaginations โ€ฃ Big businesses have slowed down because they see big things coming and they don't know what to do
  • 54.
    Quentin Tarantino School ofEthnography โ€ฃ Observation is better than focus groups โ€ฃ People donโ€™t know what they do โ€ฃ Divert the subjectโ€™s attention away from what they are doing so you can observe their unconscious actions
  • 55.
    Genetic manipulation โ€ฃ Itis coming hard and fast โ€ฃ You can buy a red pill today that restarts collagen production in post- menopausal women, it needs no drug license because itโ€™s classed as food โ€ฃ Mass storage in DNA; immortal data โ€ฃ Mushrooms that glow; biological lighting
  • 56.
    Your life isabsolutely littered with shit that doesnโ€™t workโ€ Richard Seymour โ€œ
  • 57.
    Oath โ€ฃ The templarshad an oath to safeguard and helpless and do no wrong โ€ฃ Designers donโ€™t have an oath โ€ฃ Shall we make one?
  • 58.
    Marty Neumeier @martyneumeier Director ofTransformation, Liquid Agency
  • 59.
    10 ways toget ideas 1. Think in metaphors. What else is this like? E.g. "The world is a stage" 2. Think in pictures. Draw stuff, draw the problem. Car lanes in the USA: fast and slow. In the UK: passing and driving. 3. Start from a different place. You can't just dig old ideas deeper.
  • 60.
    10 ways toget ideas 4. Poach from other domains. An inventor walks in woods, notices burrs stuck on their clothes, looks under a microscope, notices holes and loops, invents velcro. Nature applied to clothing. 5. Arrange blind dates. Take ideas that don't go together and see what happens when they do.
  • 61.
    10 ways toget ideas 6. Reverse the polarity. E.g. Yahoo homepage vs. Google homepage. 7. Find the paradox. Trying to stop people dumping in drains? Don't put up a sign, make the drain look like a fish. 8. Give it the third degree. Who says? So what? Why now? Ask like a 4 year old.
  • 62.
    10 ways toget ideas 9. Be alert for accidents. An engineer noticed chocolate on a radar console melting, invents the microwave. 10.Write things down. You'll forget otherwise. Read your notes again to refresh your memory and make connections.