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

Emotional Interfaces

Avatar for Tammie Lister Tammie Lister
March 27, 2016
Design
0
190

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
310
Global styles the story so far
Avatar for Tammie Lister tammielis
1
790
Dropped stitches and tangled yarn - a call to simplify WordPress
Avatar for Tammie Lister tammielis
1
1.3k
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
770
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
630

Other Decks in Design

See All in Design
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
740
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム
Avatar for sakito sakito
2
2k
Light My Fire/ハートに火をつけるコミュニティ
Avatar for kgsi kgsi
1
170
Ana Cortes Visual Development Portfolio 2025
Avatar for Ana Belen Cortes Diaz haruanleb
0
120
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
Avatar for Isao utm529f
0
1.2k
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
PRO
1
24k
Liquid GlassとApp Intents
Avatar for touyou touyou
0
410
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
500
佐藤千晶｜ポートフォリオ
Avatar for 佐藤千晶 chimi_chia
0
180
7 Core Values of Round-L
Avatar for Round-L wired888
0
2.2k
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
7
970
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
610

Featured

See All Featured
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
980
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
369
20k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
79
6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
115
20k

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