'

From Deception to Clarity

Понравилась презентация – покажи это...





Слайд 0

Deception Clarity From to THOUGHTS ON DECEPTION IN WEB DESIGN Stephen Hay, dsgnday Amsterdam


Слайд 1


Слайд 2

“People tend to see what they expect to see.” –DARWIN ORTIZ


Слайд 3

Design decisions.


Слайд 4


Слайд 5


Слайд 6


Слайд 7


Слайд 8


Слайд 9


Слайд 10


Слайд 11


Слайд 12


Слайд 13

OK Cancel


Слайд 14

Cancel OK


Слайд 15

Cancel OK


Слайд 16

Cancel OK


Слайд 17

Cancel OK


Слайд 18

Purchase yearly subscription to our newsletter Cancel OK 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.


Слайд 19


Слайд 20


Слайд 21

People who stand to gain something from you have motive to deceive.


Слайд 22

I ♥ Deception


Слайд 23


Слайд 24


Слайд 25

Principles, Techniques, and Ethics of Stage Magic and Their Application to Human Interface Design Bruce “Tog” Tognazzini (1993)


Слайд 26

“A trash can instead of a dialog requesting track and sector identification for zero-overwrite is simulation.” –BRUCE “ TOG” TOGNAZZINI


Слайд 27

Benevolent Deception in Human Computer Interaction Eytan Adar (University of Michigan), 
 Desney S. Tan (Microsoft Research), Jaime Teevan (Microsoft Research), 2013


Слайд 28

Deception can be found in UIs all around us.


Слайд 29

https://www.flickr.com/photos/roboppy/7364621250/


Слайд 30


Слайд 31


Слайд 32

Good vs Evil


Слайд 33

Stupid Patterns


Слайд 34


Слайд 35

Dark Patterns


Слайд 36

darkpatterns.org


Слайд 37


Слайд 38

“Roach Motel”


Слайд 39

“Bait & Switch” http://darkpatterns.org/at-twitch-tv-more-colors-means-give-us-money/


Слайд 40


Слайд 41


Слайд 42


Слайд 43


Слайд 44


Слайд 45

Why people use dark patterns


Слайд 46

Rather than deceiving users, enable them to do what you’d like them to do.


Слайд 47

Deceit is the low-hanging fruit of persuasion


Слайд 48

“By focusing on simplicity of the target behavior, 
 you increase Ability.” –BJ FOGG


Слайд 49

A behavior model for persuasive design: behaviormodel.org Motivation Ability


Слайд 50

“The audience must never be made to work.” –DARWIN ORTIZ


Слайд 51

Clarifying techniques


Слайд 52

1. Use fewer props Add only the necessary to your UI


Слайд 53

rijksmuseum.nl


Слайд 54

rijksmuseum.nl


Слайд 55

2. Use a memory hook Be consistent


Слайд 56


Слайд 57

3. Visually clarify the props Make it clear what everything does


Слайд 58

“Don't stand in the elevator 
 when sheets of paper are flying around 
 to the side of the elevator.”


Слайд 59


Слайд 60

4. Visually clarify the layout (That says it all)


Слайд 61


Слайд 62

5. Make the hidden visible If it needs to be there, put it there.


Слайд 63


Слайд 64

We make cars. SCROLL DOWN PAST THIS MODERN VARIATION OF A FLASH INTRO TO FIND SOME ACTUAL CONTENT.


Слайд 65

6. Eliminate time lags Design for performance


Слайд 66


Слайд 67


Слайд 68

7. Eliminate interruptions Avoid distractions from the task at hand


Слайд 69


Слайд 70


Слайд 71

8. Procedural directness Design fluid procedures


Слайд 72


Слайд 73


Слайд 74

Delight vs Frustration :-) :-(


Слайд 75

“…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.” –HENNING NELMS, MAGIC AND SHOWMANSHIP


Слайд 76

Thank you! @stephenhay the-haystack.com responsivedesignworkflow.com


Слайд 77


×

HTML:





Ссылка: