human machine interface - unipd.itfantozzi/esp1516/files/human...“as the microsoft employee chris...
TRANSCRIPT
![Page 1: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/1.jpg)
HUMAN MACHINE INTERFACEAN INTRODUCTION TO
![Page 2: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/2.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
CONVERSATION TAKEN FROM “HER”
Samantha: Is that weird? You think I'm weird?
Theodore: Kind of.
Samantha: Why?
Theodore: Well, you seem like a person but you're just a voice in a computer.
Samantha: I can understand how the limited perspective of an unartificial mind might perceive it that way. You'll get used to it.
[Theodore laughs]
![Page 3: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/3.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
CONVERSATION TAKEN FROM “HER”
Samantha: Is that weird? You think I'm weird?
Theodore: Kind of.
Samantha: Why?
Theodore: Well, you seem like a person but you're just a voice in a computer.
Samantha: I can understand how the limited perspective of an unartificial mind might perceive it that way. You'll get used to it.
[Theodore laughs]
![Page 4: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/4.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
NEVER FORGET
1. People tend to “humanise” things.
2. People have a limited perspective when perceiving things.
3. People get used to things.
People things
![Page 5: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/5.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
People tend to “humanise” things.
People things
![Page 6: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/6.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
People tend to “humanise” things.
People things
“Famous for being one of the worst user interfaces ever deployed to the mass public. “
“He stopped users to ask them if they needed help with basic tasks, like writing a letter or making a spreadsheet.”
Link to the article
![Page 7: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/7.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
People tend to “humanise” things.
People things
“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first time you encountered him, and frustrating after that. “
“He was a puppet who only knew one script and kept repeating it, at you, throughout the workday.”
Link to the article
![Page 8: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/8.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
People tend to “humanise” things.
People things
“We did a bunch of focus-group testing, and the results came back kind of negative. Most of the women thought the characters were too male and that they were leering at them.”
Link to the article
![Page 9: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/9.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
People have a limited perspective when perceiving things.
People things
People can perceive just few things at a time.
![Page 10: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/10.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
People have a limited perspective when perceiving things.
People things
People can perceive just few things at a time.
I II III IV V VI I II III IIII IIIII IIIIII
![Page 11: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/11.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
People have a limited perspective when perceiving things.
People things
There’s a small portion of people eyesight that actually sees sharp image called “FOEVAL VISION”.
![Page 12: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/12.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
MANGO’S WEBSITE
![Page 13: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/13.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
People get used to things.
People things
Use granny as beta tester
Com
pete
nce
Time
Unconsciously incompetent
Consciously incompetent
Consciously competent
Unconsciously competent
![Page 14: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/14.jpg)
TIPS AND EXAMPLESHMI: MOBILE APPLICATION
![Page 15: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/15.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
KEY CONCEPTS
Space & Color Evolution Feeling
“Physic” “Logic” “Emotive”
![Page 16: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/16.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
iOS Android Windows Phone
SPACE - EVERY PIXEL COUNTS
![Page 17: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/17.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
iOS Android Windows Phone
SPACE - EVERY PIXEL COUNTS
![Page 18: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/18.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
Windows Phone
SPACE - EVERY PIXEL COUNTS
![Page 19: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/19.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
SPACE - EVERY PIXEL COUNTS - FACEBOOK
![Page 20: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/20.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
SPACE - EVERY PIXEL COUNTS - TWITTER
![Page 21: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/21.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
SPACE - EVERY PIXEL COUNTS
![Page 22: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/22.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
COLOR - BASIC RULES
Uniform color palette
High contrast for
text over backgroundText John Cena
Use colours to
express intentionsClick Don’t click
![Page 23: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/23.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
COLOR - BASIC RULES
Colors help the user to understand how the space is arranged
![Page 24: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/24.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
MOBILE APPLICATION EXAMPLE
![Page 25: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/25.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
MOBILE APPLICATION EXAMPLE
![Page 26: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/26.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
MOBILE APPLICATION EXAMPLE
All this space?Why a so tiny space for your main scope?
![Page 27: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/27.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
MOBILE APPLICATION EXAMPLE
![Page 28: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/28.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
MOBILE APPLICATION EXAMPLE
Lack of text
Colors?
![Page 29: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/29.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
MOBILE APPLICATION EXAMPLE1. It doesn’t exit the “settings”
section if you press out of the settings frame.
2. You need to press another tab in order to change layout.
3. After pressing the tab still doesn’t close.
4. Maybe upper and bottom bars should be one in the position of the other.
![Page 30: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/30.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
MOBILE APPLICATION EXAMPLE
![Page 31: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/31.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
MOBILE APPLICATION EXAMPLE
![Page 32: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/32.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
MOBILE APPLICATION EXAMPLE
![Page 33: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/33.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
MOBILE APPLICATION EXAMPLE
1. Once-a-time operations on the top
2. Frequently asked operation on the bottom
3. Takes advantage of the whole screen
4. Hidden menu
5. Hidden controllers
![Page 34: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/34.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
MOBILE APPLICATION EXAMPLE
![Page 35: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/35.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
EVOLUTION - GUIDE THE USER
There must be a match between the purpose (what the user wants to do) and the interface (what the user can do).
The best way is to design the interface following the application logic flow.
Manage correctly space, color and animations to guide the user.
![Page 36: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/36.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
EVOLUTION - GUIDE THE USER
We already know what FOEVAL VISION is. People have a limited perspective when perceiving things.
If you want to communicate the user something happening logically in your application, it’s not sufficient to write it as text.
You have to take advantage of space, color and animations.
![Page 37: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/37.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
EVOLUTION - GUIDE THE USER
If your application is frozen doing some busy stuff, make sure the user is aware that it’s still working.
If you want to alert the user about something very important, use space and colours to make it evident.
![Page 38: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/38.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
EVOLUTION - GUIDE THE USER
‣ The average visual reaction to unexpected event is from 600–900 milliseconds
‣ Depending on users concentration level blink rate varies from 3 to 50 blinks per minute
‣ average blink speed is about 300–400 milliseconds
About animations, remember that
![Page 39: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/39.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
EVOLUTION - GUIDE THE USER
This means that, for visual reaction to unexpected events usually a human brain needs 600-900 milliseconds.
Make your animations longer then these to ensure that users won’t miss it.
![Page 40: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/40.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
EVOLUTION - GUIDE THE USER
![Page 41: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/41.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
EVOLUTION - GUIDE THE USER
Link to the article
Three different designers?
![Page 42: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/42.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
EVOLUTION - GUIDE THE USER
Link to the article
In the second example, link is black. So you need to put an arrow to suggest that it’s a link. Why not the blue colour?
![Page 43: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/43.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
EMOTION - CREATE AN EMOTIONAL LINK
Make your interface expressive
![Page 44: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/44.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
EMOTION - CREATE AN EMOTIONAL LINK
Create a link with the user through his/her photo
![Page 45: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/45.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
EMOTION - CREATE AN EMOTIONAL LINK
Help the user in common situations. God bless UNDO button.
Swipes are not all the same:
RIGHT SWIPE is associated with something positive or forward
LEFT SWIPE is associated with something negative or backward
![Page 46: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/46.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
FINAL EXAMPLES - INBOX
![Page 47: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/47.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
FINAL EXAMPLES - STICKERS APP
![Page 48: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/48.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
FINAL EXAMPLES - STICKERS APP
![Page 49: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/49.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
FINAL EXAMPLES - WHATSAPP
![Page 50: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/50.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
FINAL EXAMPLES - WHATSAPP
![Page 51: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/51.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
FINAL EXAMPLES - WHATSAPP
![Page 52: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/52.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
FINAL EXAMPLES - SMARTPHONE HTC
![Page 53: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/53.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
FINAL EXAMPLES - SMARTPHONE HTC
![Page 54: Human Machine Interface - unipd.itfantozzi/esp1516/files/Human...“As the Microsoft employee Chris Pratley has written, Clippy was “optimized for first use”: amusing the first](https://reader034.vdocuments.us/reader034/viewer/2022042111/5e8c720c0768543615292115/html5/thumbnails/54.jpg)
AN INTRODUCTION TO HUMAN MACHINE INTERACTION EDOARDO DEGLI INNOCENTI - GIUGNO 2016
FINAL EXAMPLES - SMARTPHONE ONEPLUS X