Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Emotional Interfaces

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Tammie Lister Tammie Lister
March 27, 2016
Design
230
0

Emotional Interfaces

UX in the City talk

Avatar for Tammie Lister

Tammie Lister

March 27, 2016

More Decks by Tammie Lister

See All by Tammie Lister
Growing the WordPress design system
Avatar for Tammie Lister tammielis
1
1.2k
CSS in the editor
Avatar for Tammie Lister tammielis
0
390
Global styles the story so far
Avatar for Tammie Lister tammielis
1
970
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.9k
Lessons from growing design in the open
Avatar for Tammie Lister tammielis
0
1.2k
Thinking in patterns
Avatar for Tammie Lister tammielis
0
43
Design matters in open source
Avatar for Tammie Lister tammielis
1
910
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
760

Other Decks in Design

See All in Design
Figmaを使わなくなった私が、最近していること
Avatar for めーら/Miki mela_dayo
0
140
Design_Harness_and_Loop.pdf
Avatar for 長津孝輔 nagatsu
0
150
デザインレビューを「他者へのおすそわけ」に再定義し、たのしい場にする試み
Avatar for Beeworks Marketing Design webnaut
2
180
開閉UIのアニメーション設計
Avatar for hiro hiro0218
2
1.1k
[Unity] VAT×VFX Graphがいま個人的にアツイという話
Avatar for sakiama sakiyama
0
150
クリエイティブディレクター 両角 高寛 の自己紹介
Avatar for GYRO両角 morogyro
0
270
ポートフォリオ_あやの
Avatar for ayano ngyenmazt1412
0
2k
飲み会を妻に伝えるベストタイミング分析
Avatar for kudaranaishiryo kudaranai
0
110
みんながデザインを担う組織へ。急加速する開発組織でのデザイナーの戦略
Avatar for Takeru Mukai mukai_takeru
0
410
ひとりで作れる時代に、判断をみんなで持つには
Avatar for こぎそ / Shinichi Kogiso kgsi
1
160
Jun Wei | Information Design & Presentation Portfolio
Avatar for Wong Jun Wei wjw100788
PRO
0
240
Where Imagination Ends AI Begins
Avatar for R-524 r5ni4
0
510

Featured

See All Featured
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
3
17k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
31k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
35
2.9k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
8.2k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
740
brightonSEO & MeasureFest 2025 - Winning Strategies for Black Friday CRO & PPC - Christian Goodrich
Avatar for Christian Goodrich cargoodrich
3
890
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
2
350
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
630
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
56k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
50
10k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
33
5.7k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k

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