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

使いやすい道具のデザイン

Avatar for Altech Altech
August 30, 2013
Design
1
250

 使いやすい道具のデザイン

ドナルド・ドーマンの「誰のためのデザイン？」の紹介＠夏ゼミ
Avatar for Altech

Altech

August 30, 2013
Tweet

More Decks by Altech

See All by Altech
スキーマと型で拓く Full-Stack TypeScript / TSKaigi 2025
Avatar for Altech altech
3
2.7k
継続的なサービス発展を支えるアーキテクチャと技術 / Developers Summit 2023
Avatar for Altech altech
20
6.3k
Wantedly の技術とアーキテクチャ / 2023年度 新人研修
Avatar for Altech altech
2
680
技術を的に当てる技術について - GraphQL を入れ直した話 / 吉祥寺.pm28
Avatar for Altech altech
7
6k
マイクロサービス・アーキテクチャと共存する Ruby on Rails のアーキテクチャ的拡張 - その事例と可能性 / Kaigi on Rails 2021
Avatar for Altech altech
8
3.5k
ソフトウェア設計の Why & What & How / Wantedly 新卒研修
Avatar for Altech altech
0
11k
Data-Driven 
Service-Oriented Architecture & UI
Avatar for Altech altech
3
1.6k
Ruby で作るデータ分析基盤
Avatar for Altech altech
9
2k
Object-Oriented Abstraction of Redis Sorted Set
Avatar for Altech altech
2
2.4k

Other Decks in Design

See All in Design
The Golden Whitney
Avatar for OhTristanArt ohtristanart
PRO
0
520
パンくずリストかわいい(breadcrumb so cute)
Avatar for Ysuda ysuda
0
280
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
410
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
Avatar for ICHICHI ichichi
2
670
ポートフォリオ_藤田歩希(ほまれ)
Avatar for Aki Fujita akifujita_homarecreate
0
600
AIで加速するアクセシビリティのこれから
Avatar for Rikiya Ihara / magi magi1125
3
540
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
Avatar for keita keita_yoshikawa
0
130
私とデザインの10年
Avatar for なつ iflection
0
150
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
Avatar for 株式会社カミナシ kaminashi
2
1.7k
商業デザインのアクセシビリティにおける倫理フレームワークの考察
Avatar for Yu Morita securecat
1
610
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
860k
PF_濵村ひろみ_202503
Avatar for 濱村ひろみ maru_design78
0
180

Featured

See All Featured
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
720
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
8
680
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
657
60k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.5k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
48
2.9k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k

Transcript

  1. Sohei Takeno / 2013-08-30 ࢖͍΍͍͢ಓ۩ͷσβΠϯ ʙ the psychology of everyday

    things ʙ

  2. Source ✤ ʰTHE PSYCHOLOGY OF EVERYDAY THINGSʱ! ✤ ʰ୭ͷͨΊͷσβΠϯʁೝ஌ՊֶऀͷσβΠϯݪ࿦ʱ! ✤

    υφϧυɾϊʔϚϯஶ! ✤ ೝ஌Պֶऀ

  3. Q. ͲͷεΠον͕఺౮தʁ ON

  4. Q. ͲͷεΠον͕఺౮தʁ Ͱ͸ͳ͘…

  5. Q. ͲͷεΠον͕఺౮தʁ ON ON

  6. Q.ͲͷεΠον͕Ͳ͜ʹରԠʁ ࠨ୺ ӈ୺

  7. Q. Ͳ͏΍ͬͯ։͚Ε͹͍͍ʁ

  8. ೋສݸ ຖ೔࢖͏ಓ۩͸… ʢΒ͍͠ʣ

  9. Contents ✤ ΞϑΥʔμϯεͱ੍໿! ✤ ֓೦Ϟσϧ! ✤ ϑΟʔυόοΫͱରԠ෇͚! ✤ ஌ࣝͷ෼ྨ! ✤

    ߦҝͷࣣஈ֊ཧ࿦

  10. Contents ✤ ΞϑΥʔμϯεͱ੍໿! ✤ ֓೦Ϟσϧ! ✤ ϑΟʔυόοΫͱରԠ෇͚! ✤ ஌ࣝͷ෼ྨ! ✤

    ߦҝͷࣣஈ֊ཧ࿦

  11. ΞϑΥʔμϯε ʮਓΛ͋Δߦҝʹ༠ಋ͢ΔͨΊͷώϯτʯ ಈ෺ͱ෺ͷؒʹଘࡏ͢Δߦҝʹ͍ͭͯͷؔ܎ੑͦͷ΋ͷ ݪٛ ஌֮͞ΕΔ ɾΨϥε͸ɺಁ͖௨ͯ͠ݟͨΓɺյ͢͜ͱΛΞϑΥʔυ͢Δ! ɾ໦͸ɺݎ͞΍ෆಁ໌͞ɺࢧ͑Δͱ͖ɺூࠁ͢Δͱ͖ʹ࢖ΘΕΔ

  12. ςΩετ ͓ళͷଆͷεϖʔε͸! றྠ͢Δ͜ͱΛΞϑΥʔυ͢Δ

  13. ੍໿ ੍໿͸Ϣʔβʔͷબ୒ࢶͷ਺Λ੍ݶ͢Δ - ෺ཧత੍໿! - ҙຯత੍໿! - จԽత੍໿! - ࿦ཧత੍໿

    ෼ྨ
  14. None

  15. Contents ✤ ΞϑΥʔμϯεͱ੍໿! ✤ ֓೦Ϟσϧ! ✤ ϑΟʔυόοΫͱରԠ෇͚! ✤ ஌ࣝͷ෼ྨ! ✤

    ߦҝͷࣣஈ֊ཧ࿦

  16. σβΠφʔ Ϣʔβʔ γεςϜ γεςϜ Πϝʔδ σβΠϯ Ϟσϧ Ϣʔβʔͷ ΋ͭϞσϧ ֓೦Ϟσϧ

  17. Contents ✤ ΞϑΥʔμϯεͱ੍໿! ✤ ֓೦Ϟσϧ! ✤ ϑΟʔυόοΫͱରԠ෇͚! ✤ ஌ࣝͷ෼ྨ! ✤

    ߦҝͷࣣஈ֊ཧ࿦

  18. ରԠ෇͚ ߦҝͱ݁Ռɺૢ࡞ͱͦͷޮՌɺ! γεςϜͷঢ়ଶͱ໨ʹݟ͑Δ΋ͷͷؒͷରԠؔ܎ ✤ ࣗવͳରԠ෇͚! ✤ ෺ཧతͳΞφϩδʔͷ׆༻! ✤ ͋ΔจԽ಺Ͱͷඪ४తͳܾ·Γ

  19. ϑΟʔυόοΫ Ϣʔβʔ͕ߦͬͨૢ࡞͕ɺ
 ͲͷΑ͏ͳ݁ՌΛ΋ͨΒ͔ͨ͠Λ஌Δ ✤ γεςϜ͸͖ͪΜͱૢ࡞ʹର͢Δ
 ϑΟʔυόοΫΛϢʔβʔʹฦ͢͜ͱ

  20. ࠶

  21. Contents ✤ ΞϑΥʔμϯεͱ੍໿! ✤ ֓೦Ϟσϧ! ✤ ϑΟʔυόοΫͱରԠ෇͚! ✤ ஌ࣝͷ෼ྨ! ✤

    ߦҝͷࣣஈ֊ཧ࿦

  22. Contents ✤ ΞϑΥʔμϯεͱ੍໿! ✤ ֓೦Ϟσϧ! ✤ ϑΟʔυόοΫͱରԠ෇͚! ✤ ஌ࣝͷ෼ྨ! ✤

    ߦҝͷࣣஈ֊ཧ࿦

  23. ΰʔϧ ࣮ߦ ධՁ ֎ք

  24. ΰʔϧ ֎ք ΰʔϧΛୡ੒͢ΔͨΊʹԿ͔Λ͠Α͏ͱ͢Δҙਤ ࣮ߦ͠Α͏ͱܭը͍ͯ͠Δ࣮ࡍͷߦҝܥྻ ͦͷߦҝܥྻΛ࣮ࡍʹ࣮ߦ͢Δ

  25. ΰʔϧ ֎ք ى͜Δͱࢥ͍ͬͯͨ͜ͱʹরΒͯ͠ղऍΛධՁ͢Δ ֎քͷঢ়ଶͷ஌֮ ༧ଌʹج͍ͮͯ஌֮Λղऍ͢Δ

  26. ΰʔϧ ֎ք ղऍͷධՁ ֎քͷঢ়ଶͷ஌֮ ஌֮ͷղऍ ࣮ߦ͠Α͏ͱ͢Δҙਤ ߦҝܥྻͷ࣮ߦ ߦҝܥྻ ߦҝͷࣣஈ֊ཧ࿦

  27. ΰʔϧ ֎ք ղऍͷධՁ ֎քͷঢ়ଶͷ஌֮ ஌֮ͷղऍ ࣮ߦ͠Α͏ͱ͢Δҙਤ ߦҝܥྻͷ࣮ߦ ߦҝܥྻ ߦҝͷࣣஈ֊ཧ࿦ ྑ͍ରԠ෇͚!

    ੍໿ ϑΟʔυόοά ྑ͍ରԠ෇͚

  28. ਓ͸ؒҧ͏ ΰʔϧ ֎ք ղऍͷ ֎քͷঢ়ଶͷ஌֮ ஌֮ͷղऍ ࣮ߦ͠Α͏ͱ͢Δҙਤ ߦҝܥྻͷ ߦҝܥྻ ߦҝͷࣣஈ֊ཧ࿦

    ͱ͜ΖͰɾɾɾ

  29. ΰʔϧ ֎ք ղऍͷධՁ ֎քͷঢ়ଶͷ஌֮ ஌֮ͷղऍ ࣮ߦ͠Α͏ͱ͢Δҙਤ ߦҝܥྻͷ࣮ߦ ߦҝܥྻ

  30. ΰʔϧ ֎ք ղऍͷධՁ ֎քͷঢ়ଶͷ஌֮ ஌֮ͷղऍ ࣮ߦ͠Α͏ͱ͢Δҙਤ ߦҝܥྻͷ࣮ߦ ߦҝܥྻ mistake slip

    Τϥʔͷ෼ྨ

  31. Contents ✤ ΞϑΥʔμϯεͱ੍໿! ✤ ֓೦Ϟσϧ! ✤ ϑΟʔυόοΫͱରԠ෇͚! ✤ ஌ࣝͷ෼ྨ! ✤

    ߦҝͷࣣஈ֊ཧ࿦

  32. ✤ͳʹΛͨ͠ΒΑ͍͔ ✤Կ͕ى͖͍ͯΔͷ͔
 
 ʜΛϢʔβʔ͕෼͔ΔΑ͏ʹ͢Δ

  33. ෳࡶͳ࡞ۀΛ؆୯ʹ͢Δ̓ݪଇ ✤ ֎քʹ͋Δ஌ࣝͱ಄ͷதʹ͋Δ஌ࣝͷ྆ऀΛར༻͢Δ! ✤ ࡞ۀͷߏ଄Λ୯७Խ͢Δ! ✤ ର৅Λ໨ʹݟ͑ΔΑ͏ʹ࣮ͯ͠ߦͷִͨΓͱධՁͷִͨΓʹڮΛ͔͚Δ! ✤ ରԠ෇͚Λਖ਼͘͢͠Δ! ✤

    ࣗવͷ੍໿΍ਓ޻తͳ੍໿ͳͲ੍໿ͷྗΛ׆༻͢Δ! ✤ Τϥʔʹඋ͑ͨσβΠϯΛ͢Δ! ✤ Ҏ্ͷ͢΂͕ͯ͏·͍͔͘ͳ͍ͱ͖͸ඪ४Խ͢Δ