Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
「インタフェースデザインの心理学」を読んで話したい3つのこと
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
uhzz
August 19, 2021
Design
22k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
「インタフェースデザインの心理学」を読んで話したい3つのこと
uhzz
August 19, 2021
More Decks by uhzz
See All by uhzz
DI コンテナ自動生成ツールを実装してみた / intro-autodi
uhzz
0
980
Goで実現するGraceful Shutdown ~実運用での課題と解決策~ / Go Conference 2025
uhzz
2
2k
MCP調べてみました! / Exploring MCP
uhzz
2
4.2k
自動生成されたhttpエンドポイントごとにカスタムミドルウェアを挿入したい話
uhzz
1
3k
Enablement Bootcampを終えて -Enablement Bootcamp for Gopherizing 〜業務で使えるGoを学ぼう〜
uhzz
0
370
安全にQAを行える環境が整いました!- Kyash TechTalk #6 - Kyashの開発をチラ見せ
uhzz
0
900
Goのローカル開発をWorkspacesではじめよう
uhzz
1
1.2k
【Go:パッケージ管理】DepからGo Modulesへ
uhzz
0
1.2k
コードレビューで泣かないためのintSize = 32 << (^uint(0) >> 63)
uhzz
0
280
Other Decks in Design
See All in Design
Saving_the_King_-_Storyboard.pdf
terencebasart
0
320
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
dmattsun
2
520
noteらしさを織り込むハーネスエンジニアリング
uto
0
1.3k
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
1.1k
test deck title
shotamatsuo
0
1.6k
つくり方を変えていく | change-how-we-build
mottox2
2
1.5k
デザインハーネスをつくるハーネス|誰でも自社らしいデザインをつくれるようにする仕組み
katakai
0
850
TOPOSTOPOS
shoheyey
0
190
プレゼンスライド作成で意識していること
kimichan
0
110
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
460
Starfall (2025)
rezaline
0
120
広い関与の可能性に どう向き合うのか? 私たちは。|Timee MarketingDesign 2026-06-18
bebe
0
1k
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
4.8k
Music & Morning Musume
bryan
48
7.4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
3k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
500
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
450
エンジニアに許された特別な時間の終わり
watany
109
250k
A Soul's Torment
seathinner
8
3.6k
Automating Front-end Workflow
addyosmani
1369
210k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
1
410
Information Architects: The Missing Link in Design Systems
soysaucechin
1
1.1k
Side Projects
sachag
456
43k
Transcript
「インタフェースデザインの心理学」 を読んで話したい3つのこと 『おすすめの技術書 LT会 - vol.2』 2021/08/19 @_uhzz_
whoami🤔 Reo Uehara / 株式会社フクロウラボ twitter: @_uhzz_ github: uh-zz 関心ワード:
Go / serverless 趣味: 積読、書店巡り 社外での初LTです🎉
株式会社フクロウラボについて フクロウラボはアプリ向けの広告配信プラットフォーム 「Circuit X」を企画・開発・提供しています。
詳しくはWEBへ! https://fukurou-labo.co.jp/
今日話すこと - 「インタフェースデザインの心理学」はどんな本? - 読んで話したい3つのこと - 人はどう考えるのか - 間違えない人はいない -
人はどう決断するのか
「インタフェースデザインの心理学」はどんな本?
人間の行動原理を100個にまとめたTips集 2012年07月 初版発行 // 第2版は2021/04に発行 著者:Susan Weinschenk // 心理学者 訳者:武舎
広幸、武舎 るみ、阿部 和也 https://www.oreilly.co.jp/books/9784873115573/ 本書では科学的な研究から導き出された、100の指針を例と ともにわかりやすく紹介します。 人間の思考や行動、遊び方にマッチした直観的で人を引きつけるプ ロダクトをデザインするための必読書です。 引用:www.amazon.co.jp/dp/4873119456
読んで話したい3つのこと
人はどう考えるのか メンタルモデル 人はコンピュータの画面を見るとき、特定の情報がどこに表示されること が多いかを意識しながら見ています。 ウェブサイトを見たり、アプリケーションを使ったりするときは、サイトやア プリケーションごとにどのような情報がどこに表示されるはずだという、あ らかじめ構築されたメンタルモデルに基づいて行動します。(p.14)
人はどう考えるのか 人はシステムを使うときメンタルモデルを作る(p.78) メンタルモデル 初めて見るアプリ/サイト
人はどう考えるのか メンタルモデル 初めて見るアプリ/サイト メンタルモデル ♪ すべての人が同じメンタルモデルを持つわけではない。
間違えない人はいない 適度なストレスがあると注意力&作業効率が高まる! ヤーキーズ・ドットソンの法則 ストレスが強すぎると低下 単純作業は複雑な作業より比較的 高いストレスレベルで効率が上がる 複雑な作業は単純作業より比較的 低いストレスレベルで効率が上がる https://ja.wikipedia.org/?curid=945546
間違えない人はいない ストレスレベルを調節してミスを予防しよう! 作業難易度 易しい(Simple) 難しい(Difficult) 作業効率を上げるには 音や色、動きなどで ストレスレベルを上げる 気が散る要素を除いて ストレスレベルを下げる
https://www.irasutoya.com/
人はどう決断するのか 人は選択肢が多いほうが思いどおりになっていると感じる(p.236) https://www.irasutoya.com/ 選択肢のある状況を欲しがり、決定権を握っていると思いたい。
人はどう決断するのか いったん提供した選択肢を取り上げると相手は不満を抱きます。ある作 業をするための方法が改良されている新バージョンでも、前の方法をいく つか残しておいたほうが無難です。 選択肢があるとユーザーが思えるように。(p.237) https://www.irasutoya.com/
Thank you!!