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

Emotional Interfaces

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Tammie Lister Tammie Lister
March 27, 2016
Design
0
210

Emotional Interfaces

UX in the City talk

Avatar for Tammie Lister

Tammie Lister

March 27, 2016
Tweet

More Decks by Tammie Lister

See All by Tammie Lister
Growing the WordPress design system
Avatar for Tammie Lister tammielis
1
1.1k
CSS in the editor
Avatar for Tammie Lister tammielis
0
340
Global styles the story so far
Avatar for Tammie Lister tammielis
1
860
Dropped stitches and tangled yarn - a call to simplify WordPress
Avatar for Tammie Lister tammielis
1
1.4k
Being Brave
Avatar for Tammie Lister tammielis
2
1.7k
Lessons from growing design in the open
Avatar for Tammie Lister tammielis
0
1.1k
Thinking in patterns
Avatar for Tammie Lister tammielis
0
43
Design matters in open source
Avatar for Tammie Lister tammielis
1
830
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
680

Other Decks in Design

See All in Design
Spacemarket Brand Guide
Avatar for Spacemarket spacemarket
2
160
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
PRO
0
260
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
5
4.1k
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
Avatar for Aki spring_aki
1
290
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
Avatar for MIXI DESIGN mixi_design
PRO
1
190
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
Avatar for Jumpei Sakatsu saka2jp
2
930
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
160
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
660
2026年、デザイナーはなにに賭ける？
Avatar for Kazuhiro Tobita 0b1tk
0
480
kintone Style Book
Avatar for kintone kintone
6
10k
2026年の勢い / Momentum for 2026
Avatar for bebe bebe
0
340
Vibe Coding デザインシステム
Avatar for poteboy poteboy
3
1.6k

Featured

See All Featured
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
75
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
51
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.6k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
520
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.9k

Transcript

  1. Emotional Interfaces Tammie Lister

  2. None
  3. None
  4. None

  5. www.aldebaran.com/en/a-robots/who-is-pepper

  6. www.parorobots.com

  7. Compassion

  8. “Love and compassion are necessities, not luxuries. Without them, humanity

    cannot survive.” Dalai Lama XIV
  9. None
  10. None
  11. None

  12. Animation

  13. None

  14. h p://the12principles.tumblr.com/

  15. ANTICIPATION

  16. TIMING

  17. EXAGGERATION

  18. APPEAL

  19. Ethics

  20. “Without mindfulness, products might only be rude, but they might

    also affect someone’s health, their support systems, or their very livelihood” - Emotional Intelligence in Design - Facebook Design by Beth Dean

  21. Empathy

  22. Feedback

  23. None

  24. The details are not the details. They make the design.

    Charles Eames

  25. Codepen

  26. species-in-pieces.com/

  27. Communication

  28. Sympho on Wikipedia

  29. None

  30. SUBMIT

  31. None

  32. Emotional Bu ons codepen.io/collection/DNqkZE HAPPY ANGRY SAD

  33. None
  34. None

  35. codepen.io/karmatosed/pen/avvbpj

  36. None
  37. None

  38. codepen.io/karmatosed/pen/vNNZYb

  39. None
  40. None

  41. codepen.io/karmatosed/pen/EVVXdO

  42. Cute

  43. Delight

  44. “Adventure is worthwhile.” Aristotle

  45. None

  46. Codepen

  47. Slack

  48. Invisible Animation

  49. codepen.io/karmatosed/pen/meeNoM

  50. codepen.io/karmatosed/pen/QjyLLJ

  51. Being Human

  52. “Good human-cantered design practices are most essential for tasks that

    are stressful: distractions, bo lenecks, and irritations need to be minimised.” Norman DA in 2002 - Emotion and design: a ractive things work be er, Interactions Magazine.

  53. Vimeo: Helping hands

  54. GitHub: Suggesting licenses

  55. Personality

  56. startupproductmanager.com/2015/07/ios-app-release-notes-are-loaded-with-personality

  57. None
  58. None

  59. startupproductmanager.com/2015/07/ios-app-release-notes-are-loaded-with-personality

  60. None

  61. Communication

  62. “The stratospheric rise of emoji is essentially fulfilling the function

    of nonverbal cues in spoken communication” Vyvyan Evans Bangor University
  63. None
  64. None

  65. Tammie Lister @karmatosed Thanks speakerdeck.com/tammielis/emotional-interfaces