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
3.2k
継続的なサービス発展を支えるアーキテクチャと技術 / Developers Summit 2023
Avatar for Altech altech
20
6.4k
Wantedly の技術とアーキテクチャ / 2023年度 新人研修
Avatar for Altech altech
2
700
技術を的に当てる技術について - GraphQL を入れ直した話 / 吉祥寺.pm28
Avatar for Altech altech
7
6.1k
マイクロサービス・アーキテクチャと共存する Ruby on Rails のアーキテクチャ的拡張 - その事例と可能性 / Kaigi on Rails 2021
Avatar for Altech altech
8
3.5k
ソフトウェア設計の Why & What & How / Wantedly 新卒研修
Avatar for Altech altech
0
12k
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.5k

Other Decks in Design

See All in Design
文字コントラストを改めて考える / Reevaluating Text Contrast
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
550
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
Avatar for Saiko.T _psyc0_
0
320
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
620
事例で学ぶ！今日から使えるWebサービスUI改善ポイント
Avatar for NCDC ncdc
0
280
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
650
CMS管理画面のアクセシビリティ
Avatar for Rikiya Ihara / magi magi1125
8
2.5k
企画を動かすデザイナーの思考！「広げて絞る」アプローチ。
Avatar for Hikida Kan hikidakan
0
180
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう！
Avatar for コネクリ connecre
1
130
AI時代に、僕たちデザイナーはどう歩むか
Avatar for kim kazuhirokimura
0
390
#Dubois Challenge 2025: Economics
Avatar for Anthony Starks ajstarks
1
180
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
Avatar for 北見海貴 kitami
1
380
“ブロック”で作る、WordPress制作フロー変革のすすめ
Avatar for Koots koots2021
4
2k

Featured

See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
23
1.5k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.7k
Making Projects Easy
Avatar for Brett Harned brettharned
119
6.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
30
2.9k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
53k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
71
11k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
KATA
Avatar for Megan Lloyd mclloyd
32
15k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
Writing Fast Ruby
Avatar for Erik Berlin sferik
629
62k

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

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