SlideShare a Scribd company logo
The
Human
Interface
Christopher Fahey




graphpaper.com
@chrisfahey
#ixd10 #human
The Human Interface
The Human Interface
The Human Interface
The Human Interface
The Human Interface
ROBOTS?
I HATE
ROBOTS!
PYGMALION
THE
REPLACEMENTS
THE
REPLACEMENTS
CYBORGS?
”As our worlds become smarter,
and get to know us better and
better, it becomes harder and
harder to say where the world
stops and the person begins.”
- Andy Clarke, “Natural Born Cyborgs”
The Human Interface
The Human Interface
THE
  UNCANNY
  VALLEY
(Masahiro Mori)
The Uncanny Valley
The Uncanny Valley



             (How comfortable
ACCEPTANCE




             we feel around
             the machine.)




                            FIDELITY
                            (How well the machine
                            mimics human
                            characteristics.)
The Uncanny Valley
The Uncanny Valley
Lessons so far:


1. Don’t replace humans.
2. Don’t replicate humans.
Origins
The Human Interface
The Human Interface
What childhood
   experiences most
powerfully influence your
 approach to interaction
     design today?
Childhood IxD Experiences

1. Taking things apart to see how they work
2. Fixing broken things
3. Creating little worlds
Why?

1. Interaction design is a creative form.
    UX designers want to use technology and
design to create emotional, imaginative, and
deeply human experiences.
Why?

1. Interaction design is a creative form.
    UX designers want to use technology and
design to create emotional, imaginative, and
deeply human experiences.

2. Change is in the air.
   New technologies are converging to permit
new and more compelling interactions.
New Technologies




                         Image
                         recognition
             Touch
                            Voice recognition
               Gesture
New Technologies
Not so new
Not so new
Not so new
About the
“Human Interface”
The Human Interface
“An interface is humane if it is
responsive to human needs and is
considerate of human frailties.”
- Jef Raskin, “The Humane Interface”
“Design can be easier when we
acknowledge that products share
our homes and malls, and have
wants and lives of their own.”
- Matt Webb, BERG
“If we want users to like our
software, we should design it to
behave like a likeable person.”
- Alan Cooper
We make better
products when we
 think of them as
  human beings.
“The role of technology is to
mirror our humanness. We were
born with everything we need:
good technology reminds us of
that.”
- Jack Dorsey (@jack), CEO Twitter
The Human Interface...
... is about persuasion and seduction
... is smart and has awareness
... is physical, embodied
... is linguistic, poetic, and narrative
... is emotional and feeling
... has a name and an identity
... has a personality
“Want to know what I think the next UI break-
throughs will be? Here are two, both of which can
be considered a return to fundamentals:
1. Command line languages;
2. Physicality: the return to physical devices,
where we control things by physical body
movement, by turning, moving, and manipulating
appropriate mechanical devices.”
- Don Norman, 2007
The Human
 Interface
The Human Interface

Literally, it’s about the ergonomics of the
body and the mind.
The Human Interface

Literally, it’s about the ergonomics of the
body and the mind.


Metaphorically, it’s about removing
abstraction from interactions
Lessons so far:


1. Don’t replace humans.
2. Don’t replicate humans.
Lessons so far:


1. Don’t replace humans.
2. Don’t replicate humans.
           How?
Lessons so far:


1. Don’t replace humans.
2. Don’t replicate humans.
           How?
                  Behavior!
Lessons so far:

Not about mimicking human behavior, but
about reflecting it.
Software that mirrors behavior:
   • Chat and IM reflect the immediacy of communication
   • Social networks mirror the structure of the special
     primacy we give our own friends (vs. everyone else)
   • Twitter reflects the semi-social “cocktail party” model
     of social interaction.
Paul Dourish: “Where the Action Is”
Reeves & Nass: “The Media Equation”
Ergonomics for the Mind




            (cups designed by the “other” Masahiro Mori)
Anthopomorphism
Human-ness
Human-ness (Christopher Alexander)

    The Quality
  Without a Name
      (QWAN)
        aka

  The Phenomenon
       of Life
Human-ness (Christopher Alexander)

                      1. Levels of Scale
     Fifteen          2. Strong Centers
                      3. Thick Boundaries
   Properties         4. Alternating Repetition
                      5. Positive Space
    of Living         6. Good Shape

   Structures         7. Local Symmetries
                      8. Deep Interlock and Ambiguity
                      9. Contrast
                      10. Gradients
                      11. Roughness
                      12. Echoes
                      13. The Void
                      14. Simplicity and Inner Calm
                      15. Non-Separateness
Human-ness (Christopher Alexander)

                      1. Levels of Scale
     Fifteen          2. Strong Centers
                      3. Thick Boundaries
   Properties         4. Alternating Repetition
                      5. Positive Space
    of Living         6. Good Shape

   Structures         7. Local Symmetries
                      8. Deep Interlock and Ambiguity
                      9. Contrast
                      10. Gradients
                      11. Roughness
                      12. Echoes
                      13. The Void
                      14. Simplicity and Inner Calm
                      15. Non-Separateness
Human-ness (Christopher Alexander)

                      1. Levels of Scale
     Fifteen          2. Strong Centers
                      3. Thick Boundaries
   Properties         4. Alternating Repetition
                      5. Positive Space
    of Living         6. Good Shape

   Structures         7. Local Symmetries
                      8. Deep Interlock and Ambiguity
                      9. Contrast
                      10. Gradients
                      11. Roughness
                      12. Echoes
                      13. The Void
                      14. Simplicity and Inner Calm
                      15. Non-Separateness
Human-ness (Christopher Alexander)

                      1. Levels of Scale
     Fifteen          2. Strong Centers
                      3. Thick Boundaries
   Properties         4. Alternating Repetition
                      5. Positive Space
    of Living         6. Good Shape

   Structures         7. Local Symmetries
                      8. Deep Interlock and Ambiguity
                      9. Contrast
                      10. Gradients
                      11. Roughness
                      12. Echoes
                      13. The Void
                      14. Simplicity and Inner Calm
                      15. Non-Separateness
Human-ness (Christopher Alexander)

                      1. Levels of Scale
     Fifteen          2. Strong Centers
                      3. Thick Boundaries
   Properties         4. Alternating Repetition
                      5. Positive Space
    of Living         6. Good Shape

   Structures         7. Local Symmetries
                      8. Deep Interlock and Ambiguity
                      9. Contrast
                      10. Gradients
                      11. Roughness
                      12. Echoes
                      13. The Void
                      14. Simplicity and Inner Calm
                      15. Non-Separateness
Katherine Isbister: Better Game Characters by Design
Human-ness (Katherine Isbister)

External             Internal
Characteristics of   Characteristics of
Personhood           Personhood
  • Bodies           • Agreeableness
  • Faces            • Dominance
  • Voices           • Openness
                     • Conscientiousness
                     • Neuroticism
The Three Qualia
 of the Human
    Interface
Three Qualia of the Human Interface:

          Sentience
          Intimacy
         Personality
Sentience
Sentience: The ability to feel or
perceive subjectively.
The system is able to collect
robust sensory data from the
world, and make sense of that
data.
The Human Sensorium
Voice Recognition
Image and Face Recognition
The Human Interface
Nintendo Wii
Not always robust

Not all sensory data need be robust to a system to make
extremely intelligent deductions from the data.
Not always robust

Not all sensory data need be robust to a system to make
extremely intelligent deductions from the data.
Not always robust

Not all sensory data need be robust to a system to make
extremely intelligent deductions from the data.
Not always robust

Not all sensory data need be robust to a system to make
extremely intelligent deductions from the data.
Project Natal (Microsoft)
Project Natal (Microsoft)
Project Natal (Microsoft)
Artificial Intelligences
The Uncanny Valley: Sentience
The Uncanny Valley: Sentience




                           Creepy stalker
The Uncanny Valley: Sentience

 Observant and conscientious




                           Creepy stalker
Intimacy
2. Intimacy: The quality of being close,
comfortable, and familiar.
The system can interface with
humans extremely closely, up
close and personal, and with
our glad consent.
Intimacy

Intimacy can be facilitated with and through machines:
   • Emotional Intelligence
   • Proximity
   • Presence
   • Social Web
   • Personal Informatics
   • Multiplayer Games
   • Real Time Web
   • Conversations
Intimacy

Intimacy can be facilitated with and through machines:
   • Emotional Intelligence
   • Proximity
   • Presence
   • Social Web
   • Personal Informatics
   • Multiplayer Games
   • Real Time Web
   • Conversations
Intimacy

Intimacy can be facilitated with and through machines:
   • Emotional Intelligence
   • Proximity
   • Presence
   • Social Web
   • Personal Informatics
   • Multiplayer Games
   • Real Time Web
   • Conversations
Intimacy

Intimacy can be facilitated with and through machines:
   • Emotional Intelligence
   • Proximity
   • Presence
   • Social Web
   • Personal Informatics
   • Multiplayer Games
   • Real Time Web
   • Conversations
Intimacy

Intimacy can be facilitated with and through machines:
   • Emotional Intelligence
   • Proximity
   • Presence
   • Social Web
   • Personal Informatics
   • Multiplayer Games
   • Real Time Web
   • Conversations
Intimacy

Intimacy can be facilitated with and through machines:
   • Emotional Intelligence
   • Proximity
   • Presence
   • Social Web
   • Personal Informatics
   • Multiplayer Games
   • Real Time Web
   • Conversations
Intimacy

Intimacy can be facilitated with and through machines:
   • Emotional Intelligence
   • Proximity
   • Presence
   • Social Web
   • Personal Informatics
   • Multiplayer Games
   • Real Time Web
   • Conversations
Intimacy

Intimacy can be facilitated with and through machines:
   • Emotional Intelligence
   • Proximity
   • Presence
   • Social Web
   • Personal Informatics
   • Multiplayer Games
   • Real Time Web
   • Conversations
Intimacy

Intimacy can be facilitated with and through machines:
   • Emotional Intelligence
   • Proximity
   • Presence
   • Social Web
   • Personal Informatics
   • Multiplayer Games
   • Real Time Web
   • Conversations
Machines that talk back
Machines that talk back
Conversations
Dialogue!   Dialog?




 Conversations
Politeness


Clifford Nass:
“Design solutions are often social solutions.”

Tom Armitage:
“The applications and tools we are building are,
whether we like it or not, defining the manners of
the web today. We should be careful to consider the
behaviors we wish to reinforce, and those we don't.”
Politeness


       • Don't reject
       • Don't interrupt
       • Say hello and goodbye
       • Use someone's name
       • Look people in the eye
       • Respond in kind
       • Respect differences
Politeness   Praise



  Conversations
Identity
“You are not your job, you're not
how much money you have in the
bank, you're not the car you drive,
you're not the contents of your
wallet, you're not your fucking
khakis.”

- Tyler Durden, “Fight Club”
“You are not your job, you're not
how much money you have in the
bank, you're not the car you drive,
you're not the contents of your
wallet, you're not your fucking
khakis.”
No! You are your fucking khakis!
- Tyler Durden, “Fight Club”
Personality
Personality: The sum of an individual
person’s mental, emotional,
behavioral, and social characteristics.
The system has a distinctive
character, with recognizable
human cultural and
psychological behaviors.
We see faces
Facial Fidelity
The Uncanny Valley: Faces
Personality
Characteristics
The Four Humours
Myers-Briggs
Interpersonal Circumplex
Interpersonal Circumplex




  Agreeableness
   (Communion)




                   Dominance
                    (Agency)
Interpersonal Circumplex
Interpersonal Circumplex
Voice
Voice = Content Strategy
Personality

Characters:
  • More than personality: Culture, Style
  • Casting
  • Names
  • Personas
  • Storytelling and Themes
Personality

Characters:
  • More than personality: Culture, Style
  • Casting
  • Names
  • Personas
  • Storytelling and Themes
Personality

Characters:
  • More than personality: Culture, Style
  • Casting
  • Names
  • Personas
  • Storytelling and Themes
Personality

Characters:
  • More than personality: Culture, Style
  • Casting
  • Names
  • Personas
  • Storytelling and Themes
What’s in a Name




    Maximillian    Linus
The Uncanny Valley: Names




                            Bob, Jeeves
The Uncanny Valley: Names




                            Bob, Jeeves
TiVo, iPhone
Personality

Characters:
  • More than personality: Culture, Style
  • Casting
  • Names
  • Personas
  • Storytelling and Themes
Personality

Characters:
  • More than personality: Culture, Style
  • Casting
  • Names
  • Personas
  • Storytelling and Themes
Brands
Broken Personalities
Conclusions
The Human Interface
The
Human
Interface
The Human Interface
The Human Interface
The Uncanny Valley




Unthreatening
Appearance




                     Annoying
                     Personality
Things to try

  • Use pronouns for your product: he, she.
  • Give your application a name
  • Do more visceral prototypes, things that have weight
    and that you can touch.
  • Collaborate with new disciplines
  • Go to a different field’s conference. Go to the Game
    Developer’s Conference, or to SIGGRAPH.
  • Tell more stories! Bring character-driven screenwriting
    and dramaturgy to your experience design.
If we don’t humanize
   our products, our
     products will
    mechanize us.
The Human Interface
Thanks!
Christopher Fahey

@chrisfahey

#ixd10 #human




graphpaper.com

More Related Content

PDF
Calongne vr simulations games ctu doctoral july 2017
PDF
Refugees matching service
PDF
Aesthetics of Touch: Desform Conference
PDF
Architecture And Empathy
PDF
Intervention In Interactive Environments
PDF
Intervention In Interactive Environments
PPT
Experience, Aesthetics & Design
PDF
Art of Game Design - Chapter 1 In The Beginning, There is The Designer.pdf
Calongne vr simulations games ctu doctoral july 2017
Refugees matching service
Aesthetics of Touch: Desform Conference
Architecture And Empathy
Intervention In Interactive Environments
Intervention In Interactive Environments
Experience, Aesthetics & Design
Art of Game Design - Chapter 1 In The Beginning, There is The Designer.pdf

Similar to The Human Interface (20)

PDF
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
PDF
Architectures Of The Unforeseen Essays In The Occurrent Arts Brian Massumi
PPTX
Discursive Game Design or: Game Design as Cultural Practice
PDF
Remix South: Advanced Interaction Design
PPT
Ruskin, Geology and Mountains: The Future of Games Design, Innovation and Res...
PDF
Mind compass.b copy
PPT
Mechanics of Magic: Seven Lessons from Game Design
PDF
Sophie brenny presentation de s_form 2013
PPTX
Interaction criticism
PPTX
Interaction criticism
PPTX
Interaction ctiriticism
PDF
Deconstructing Design (Laura Seargeant Richardson)
PDF
Gathering Ecologies Thinking Beyond Interactivity Andrew Goodman
PDF
Education for Design For Life
PDF
Thesis Preparation...Rules for Engagement
PDF
Lecture 2 Origins
KEY
Games Design 2 - Lecture 12 - Usability, Metaphor and Layout
PPT
Creating Alternate Realities (or, Hacking Happiness!)
PPTX
In The Game
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
Architectures Of The Unforeseen Essays In The Occurrent Arts Brian Massumi
Discursive Game Design or: Game Design as Cultural Practice
Remix South: Advanced Interaction Design
Ruskin, Geology and Mountains: The Future of Games Design, Innovation and Res...
Mind compass.b copy
Mechanics of Magic: Seven Lessons from Game Design
Sophie brenny presentation de s_form 2013
Interaction criticism
Interaction criticism
Interaction ctiriticism
Deconstructing Design (Laura Seargeant Richardson)
Gathering Ecologies Thinking Beyond Interactivity Andrew Goodman
Education for Design For Life
Thesis Preparation...Rules for Engagement
Lecture 2 Origins
Games Design 2 - Lecture 12 - Usability, Metaphor and Layout
Creating Alternate Realities (or, Hacking Happiness!)
In The Game
Ad

More from Christopher Fahey (9)

PDF
Reinvent The Wheel: Sketching Your Own Design Process
PPT
Notes on Starting a UX Design Studio
PDF
Talking About Sketching About Interacting
PDF
The Seduction of the Interface
PPT
Interaction Design Style (Part 5 of 5)
PPT
Interaction Design Style (Part 4 of 5)
PPT
Interaction Design Style (Part 3 of 5)
PPT
Interaction Design Style (Part 2 of 5)
PPT
Interaction Design Style (Part 1 of 5)
Reinvent The Wheel: Sketching Your Own Design Process
Notes on Starting a UX Design Studio
Talking About Sketching About Interacting
The Seduction of the Interface
Interaction Design Style (Part 5 of 5)
Interaction Design Style (Part 4 of 5)
Interaction Design Style (Part 3 of 5)
Interaction Design Style (Part 2 of 5)
Interaction Design Style (Part 1 of 5)
Ad

Recently uploaded (20)

PPTX
NEW EIA PART B - Group 5 (Section 50).pptx
PPTX
a group casestudy on architectural aesthetic and beauty
PPTX
Entrepreneur intro, origin, process, method
PDF
intro_to_rust.pptx_123456789012446789.pdf
PDF
Chalkpiece Annual Report from 2019 To 2025
PDF
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PDF
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf
PDF
Urban Design Final Project-Context
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
321 LIBRARY DESIGN.pdf43354445t6556t5656
PPT
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
PDF
Architecture Design Portfolio- VICTOR OKUTU
PPTX
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
PDF
2025CategoryRanking of technology university
PPTX
22CDH01-V3-UNIT III-UX-UI for Immersive Design
PDF
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
PPTX
rapid fire quiz in your house is your india.pptx
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
NEW EIA PART B - Group 5 (Section 50).pptx
a group casestudy on architectural aesthetic and beauty
Entrepreneur intro, origin, process, method
intro_to_rust.pptx_123456789012446789.pdf
Chalkpiece Annual Report from 2019 To 2025
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf
Urban Design Final Project-Context
Tenders & Contracts Works _ Services Afzal.pptx
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
321 LIBRARY DESIGN.pdf43354445t6556t5656
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
Architecture Design Portfolio- VICTOR OKUTU
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
2025CategoryRanking of technology university
22CDH01-V3-UNIT III-UX-UI for Immersive Design
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
rapid fire quiz in your house is your india.pptx
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf

The Human Interface