Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
「インタフェースデザインの心理学」を読んで話したい3つのこと
Search
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
970
Goで実現するGraceful Shutdown ~実運用での課題と解決策~ / Go Conference 2025
uhzz
2
1.9k
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
つくり方を変えていく | change-how-we-build
mottox2
2
1.4k
kintone開発におけるライターの役割の変化〜AI活用を添えて〜 / Changes in the Role of Writers in Kintone Development
keroyama
0
190
デザインの文脈を理解する:エンジニアがデザインカンファレンスに参加して得た学びと気づき
hypebeans
0
290
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.4k
デザインツールを開く前に その画面は誰に何と言わせたい?受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
garyuten
1
220
猫魔法「ごろごろ」の紹介
gesho
0
140
I.A. como meio, não como fim. Como avaliar o valor entregue?
videlvequio
0
460
TOPOSTOPOS
shoheyey
0
180
もっともらしさ生成器と暮らす – AI懐疑派の試行錯誤
sekiguchiy
0
170
凡庸を落とすハーネス
hiromimaeo
2
820
デザイン組織の"次の"強みづくり
isaikaori
2
210
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
ayumidesign
0
220
Featured
See All Featured
The Invisible Side of Design
smashingmag
301
52k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
440
Heart Work Chapter 1 - Part 1
lfama
PRO
8
36k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.6k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.7k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
120
120k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
770
Paper Plane
katiecoart
PRO
2
53k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
270
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3k
Everyday Curiosity
cassininazir
0
310
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!!