The art of deception training for a new generation of online covert operations gchq of uk usa joint
The Art of Deception
-
Upload
stephen-hay -
Category
Design
-
view
6.426 -
download
3
Transcript of The Art of Deception
![Page 1: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/1.jpg)
Deception Stephen Hay, FOWD 2015, London
The Art of
T H O U G H T S O N D E C E P T I O N I N W E B D E S I G N
![Page 2: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/2.jpg)
– DA R W I N O R T I Z
“People tend to see what they expect to see.”
![Page 3: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/3.jpg)
![Page 4: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/4.jpg)
![Page 5: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/5.jpg)
![Page 6: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/6.jpg)
![Page 7: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/7.jpg)
![Page 8: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/8.jpg)
![Page 9: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/9.jpg)
![Page 10: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/10.jpg)
![Page 11: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/11.jpg)
![Page 12: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/12.jpg)
CancelOK
![Page 13: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/13.jpg)
Cancel OK
![Page 14: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/14.jpg)
Cancel OK
![Page 15: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/15.jpg)
Cancel OK
![Page 16: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/16.jpg)
Cancel OK
![Page 17: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/17.jpg)
Cancel OK
Purchase yearly subscription to our newsletter
By pressing Cancel, you are purchasing a yearly subscription. By pressing OK, you are purchasing a monthly subscription. If you do not wish to purchase anything, close your browser and get the hell off the internet.
![Page 18: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/18.jpg)
![Page 19: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/19.jpg)
![Page 20: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/20.jpg)
People who stand to gain something from you have motive to deceive.
![Page 21: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/21.jpg)
I ♥ Deception
![Page 22: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/22.jpg)
![Page 23: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/23.jpg)
![Page 24: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/24.jpg)
Principles, Techniques, and Ethics of Stage Magic and Their Application to Human Interface DesignBruce “Tog” Tognazzini (1993)
![Page 25: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/25.jpg)
– B R U C E “ TO G ” TO G N A Z Z I N I
“A trash can instead of a dialog requesting track and sector identification for zero-overwrite is simulation.”
![Page 26: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/26.jpg)
Benevolent Deception in Human Computer InteractionEytan Adar (University of Michigan), Disney S. Tan (Microsoft Research), Jaime Teevan (Microsoft Research), 2013
![Page 27: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/27.jpg)
Deception can be found in UIs all around us.
![Page 28: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/28.jpg)
https://www.flickr.com/photos/roboppy/7364621250/
![Page 29: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/29.jpg)
![Page 30: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/30.jpg)
![Page 31: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/31.jpg)
Good vs Evil
![Page 32: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/32.jpg)
Dark Patterns
![Page 34: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/34.jpg)
“Roach Motel”
![Page 35: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/35.jpg)
http://darkpatterns.org/at-twitch-tv-more-colors-means-give-us-money/
“Bait & Switch”
![Page 36: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/36.jpg)
![Page 37: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/37.jpg)
![Page 38: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/38.jpg)
![Page 39: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/39.jpg)
![Page 40: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/40.jpg)
€
![Page 41: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/41.jpg)
Why people use dark patterns
![Page 42: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/42.jpg)
Rather than deceiving users, enable them to do what you’d like them to do.
![Page 43: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/43.jpg)
– B J F O G G
“By focusing on simplicity of the target behavior, you increase Ability.”
![Page 45: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/45.jpg)
– DA R W I N O R T I Z
“The audience must never be made to work.”
![Page 46: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/46.jpg)
Clarifying techniques
![Page 47: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/47.jpg)
Use fewer propsAdd only the necessary to your UI
![Page 49: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/49.jpg)
Use a memory hookBe consistent
![Page 50: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/50.jpg)
![Page 51: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/51.jpg)
Visually clarify the propsMake it clear what everything does
![Page 52: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/52.jpg)
![Page 53: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/53.jpg)
Visually clarify the layout(That says it all)
![Page 54: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/54.jpg)
![Page 55: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/55.jpg)
Make the hidden visibleIf it needs to be there, put it there.
![Page 56: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/56.jpg)
![Page 57: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/57.jpg)
Eliminate time lagsDesign for performance
![Page 58: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/58.jpg)
Eliminate interruptionsAvoid distractions from the task at hand
![Page 59: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/59.jpg)
![Page 60: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/60.jpg)
![Page 61: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/61.jpg)
Procedural directnessDesign fluid procedures
![Page 62: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/62.jpg)
![Page 63: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/63.jpg)
Delight vs Frustration
:-) :-(
![Page 64: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/64.jpg)
– H E N N I N G N E L M S , M AG I C A N D S H O W M A N S H I P
“…some deceptions are permissable, others are unforgivable. No one expects a poker player to tell the truth about the cards he
holds. However, if you try to deceive by dealing from the bottom of the deck, you may got shot and will certainly be shunned.”
![Page 65: The Art of Deception](https://reader034.fdocuments.us/reader034/viewer/2022042522/55a663471a28ab140e8b457f/html5/thumbnails/65.jpg)
Thank you!@stephenhay the-haystack.com responsivedesignworkflow.com