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
0
21k
「インタフェースデザインの心理学」を読んで話したい3つのこと
uhzz
August 19, 2021
Tweet
Share
More Decks by uhzz
See All by uhzz
自動生成されたhttpエンドポイントごとにカスタムミドルウェアを挿入したい話
uhzz
1
2.3k
Enablement Bootcampを終えて -Enablement Bootcamp for Gopherizing 〜業務で使えるGoを学ぼう〜
uhzz
0
270
安全にQAを行える環境が整いました!- Kyash TechTalk #6 - Kyashの開発をチラ見せ
uhzz
0
740
Goのローカル開発をWorkspacesではじめよう
uhzz
1
860
【Go:パッケージ管理】DepからGo Modulesへ
uhzz
0
980
コードレビューで泣かないためのintSize = 32 << (^uint(0) >> 63)
uhzz
0
200
「ウチも、gRPC使えますか?」
uhzz
0
260
「世界一「自由」な会社、NETFLIX NO RULES」を読んでみた
uhzz
0
340
Golang入門
uhzz
0
350
Other Decks in Design
See All in Design
Les petites aventures de CSS, saison 2025
goetter
3
4k
Tableau曲線表現講座(2024.11.21)
cielo1985
0
270
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
730
aya_murakami_portfolio
ayakaimi1101
0
1.3k
Illustrator2025がやってきた!私が好きな新機能
hamko1114
0
120
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
540
250131_product meetup
motokoishida
0
120
発表資料テンプレート / My slide template
thatblue
0
220
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
0
110
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
5
480
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
0
650
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
5k
Featured
See All Featured
A Philosophy of Restraint
colly
203
16k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
11
1.3k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
We Have a Design System, Now What?
morganepeng
51
7.4k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
4 Signs Your Business is Dying
shpigford
183
22k
Side Projects
sachag
452
42k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Unsuck your backbone
ammeep
669
57k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
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!!