magic: what web designers can learn from magicians
DESCRIPTION
Many principles of magic - deception, misdirection, storytelling, and attention management - can be applied to building user interfaces.TRANSCRIPT
![Page 1: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/1.jpg)
NAMEPLACEDATE
This talk is about
MAGIC
@toddmoyUX Designer at Viget
![Page 2: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/2.jpg)
MAGICIANS AND US
![Page 3: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/3.jpg)
I can’t do magic. I can only help you see it.
Peter Samuelson, magician
![Page 4: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/4.jpg)
magicianspectator
magic
![Page 5: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/5.jpg)
designer–
systemmodel
user–
mental model
design model
UI, API, SDK, content, etc.
![Page 6: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/6.jpg)
1 of 3
Beautiful lies
Fiction can be more compelling than the truth.
2 of 3
Sleight of hand
Work when they’re distracted.
3 of 3
Miraculous feats
Make technology fit the illusion.
THREE PARALLELS
![Page 7: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/7.jpg)
1 of 3
Beautiful lies
Fiction can be more compelling than the truth.
2 of 3
Sleight of hand
Work when they’re distracted.
3 of 3
Miraculous feats
Make technology fit the illusion.
![Page 8: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/8.jpg)
![Page 9: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/9.jpg)
![Page 10: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/10.jpg)
![Page 11: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/11.jpg)
Fiction can be more compelling than the truth.
![Page 12: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/12.jpg)
1 of 3
Beautiful lies
Fiction can be more compelling than the truth.
2 of 3
Sleight of hand
Work when they’re distracted.
3 of 3
Miraculous feats
Make technology fit the illusion.
![Page 13: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/13.jpg)
![Page 14: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/14.jpg)
![Page 15: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/15.jpg)
![Page 16: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/16.jpg)
![Page 17: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/17.jpg)
Work when they’re distracted.
![Page 18: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/18.jpg)
1 of 3
Beautiful lies
Fiction can be more compelling than the truth.
2 of 3
Sleight of hand
Work when they’re distracted.
3 of 3
Miraculous feats
Make technology fit the illusion.
![Page 19: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/19.jpg)
Cardiio
![Page 21: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/21.jpg)
Urban Daddy Cycling Classic by Red Paper Heart
![Page 22: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/22.jpg)
Make technology fit the illusion.
![Page 23: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/23.jpg)
We depend on our knowledge of the "mechanics" of computer technology, the aesthetics of graphic design, and the science of psychology.
Magicians depend on their knowledge of the "mechanics" of their tricks, the aesthetics of showmanship, and the science of psychology.
Bruce Tognazzini, Magic and Software Design
![Page 24: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/24.jpg)
Any sufficiently advanced technology is indistinguishable from magic.
Arthur C. Clarke
![Page 25: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/25.jpg)
QUESTIONS?
![Page 26: Magic: What Web Designers Can Learn from Magicians](https://reader034.vdocument.in/reader034/viewer/2022042601/5484127a5906b58a158b46a0/html5/thumbnails/26.jpg)
THANKS!@toddmoy