Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Illusion and the Design of Misdirection

Avatar for Kyle Peatt Kyle Peatt
July 27, 2015
Design
0
230

Illusion and the Design of Misdirection

Avatar for Kyle Peatt

Kyle Peatt

July 27, 2015
Tweet

More Decks by Kyle Peatt

See All by Kyle Peatt
Taming the Frontier — A Peek into the Future of E-Commerce
Avatar for Kyle Peatt kpeatt
0
530
Perceived Performance — The Wind In Your Hair
Avatar for Kyle Peatt kpeatt
0
170

Other Decks in Design

See All in Design
街・都市という眼差し。まちづくりにおける規範と実践
Avatar for S.SAKAMON sakamon
0
160
Liquid GlassとApp Intents
Avatar for touyou touyou
0
410
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
Avatar for trivia trivia
0
580
Memory Man v3 (WIP)
Avatar for Chad Welson storybychad
PRO
0
2.7k
Ana Cortes Visual Development Portfolio 2025
Avatar for Ana Belen Cortes Diaz haruanleb
0
120
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
2.7k
Light My Fire/ハートに火をつけるコミュニティ
Avatar for kgsi kgsi
1
170
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
Avatar for Miwa Kuramitsu transit_kix
1
1.2k
アプリ360onWeb使い方と裏ワザ？紹介！
Avatar for ikejun360 ikejun360
0
310
Yahoo!フリマ：生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
510
Character Experience AI 〜 AIキャラクターのつくりかた 〜
Avatar for 株式会社スマートバンク smartbank
1
370
FigmaのFigmaファイルから学ぶTips & Tricks
Avatar for Hiroki Tani hilokifigma
0
700

Featured

See All Featured
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
12
900
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
353
21k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.9k
Visualization
Avatar for Eitan Lees eitanlees
149
16k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
4
690
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
53k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.2k

Transcript

  1. None

  2. Designers don’t care about performance

  3. Leave it to the engineers

  4. We should care

  5. Performance is a feature

  6. Users don’t care about performance

  7. Perceived performance

  8. Performance is relative

  9. But only up to a point

  10. Performance is absolute

  11. Relativity is just a theory That’s not what that means

    http://www.nngroup.com/articles/response-times-3-important-limits/

  12. 100ms

  13. None
  14. None

  15. Essentially instant™

  16. A timeline of perception http://www.allenpike.com/2011/providing-joy-at-60-fps/

  17. None
  18. None
  19. None

  20. Performance is really hard

  21. We’re too honest

  22. Let’s fix it by lying

  23. Exploit your users

  24. Don’t be a one trick pony

  25. Don’t focus on the wait

  26. Use magic to trick them instead

  27. Sleight of Hand

  28. Distract from what’s actually going on

  29. None

  30. The Card Force

  31. You know things the user doesn’t

  32. None
  33. None
  34. None
  35. None
  36. None
  37. None
  38. None
  39. None
  40. None
  41. None
  42. None
  43. None
  44. None

  45. The Bullet Catch

  46. Assume everything is going to go well

  47. Worry only if it doesn’t

  48. None

  49. Do it when they’re not looking

  50. None

  51. Imagineering

  52. We can lie to our users

  53. You are a magician