Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Fitz's law
Search
kanoka
November 16, 2018
0
160
Fitz's law
kanoka
November 16, 2018
Tweet
Share
More Decks by kanoka
See All by kanoka
Advertising improvement seminar
kanoka
0
60
Color psychology
kanoka
0
58
Staged disclosure
kanoka
0
58
Gaze analysis
kanoka
0
60
Affordance
kanoka
0
140
Prototype theory
kanoka
0
57
band wagon
kanoka
0
83
false consensus
kanoka
0
96
reframing
kanoka
0
84
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.3k
Agile that works and the tools we love
rasmusluckow
331
21k
A Tale of Four Properties
chriscoyier
162
23k
Embracing the Ebb and Flow
colly
88
4.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
The Cost Of JavaScript in 2023
addyosmani
55
9.4k
Faster Mobile Websites
deanohume
310
31k
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
A better future with KSS
kneath
240
18k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.8k
Transcript
『[買わせる]の心理学 消費者の心を動かす デザインの技法61』より フィッツの法則について 2018年11月16日 新城聡子
フィッツの法則とは? 1954年にオハイオ大学のポール・フィッツが提唱したマンマシンインターフェイスに おける人間の動作をモデル化した法則。 公式 T=a+b log2(1+D/W)
フィッツの法則とは? ( ゚д゚)ポカーン
フィッツの法則とは? T…ターゲットまでの時間 T=a+b log2(1+D/W) D…開始ポイントとターゲットの中心までの距離 W…ターゲットの大きさ a …ポインタの移動開始時間と停止時間 b …ポインタの速度
フィッツの法則とは? ( ゚д゚)ポカーン
フィッツの法則とは? マウス操作において、クリックする対象が大きいほど素早く選 択できる、クリックする対象が近いほど素早く選択できる、と いう法則です。
フィッツの法則とは? START ボタン ボタン 素早く押せる 素早く押せない
フィッツの法則とは? START ボタン 素早く押せる 素早く押せない ボタン
フィッツの法則とは要するに? ・フィッツの法則はユーザーインターフェイスで人間が使う動作をモデル化 した法則 ・同じ距離ならターゲットが大きい方が目的地に辿り着くのが早い ・使用頻度や優先度を考慮して最適な距離と大きさで配置すべき
具体的な例 ポインタの移動距離は長いがポインタは画面の端で止まりディスプレイの縁をターゲットにで きることから素早い操作が可能。またポインタが近づくとターゲットが最大化するのでクリッ クしやすい。
具体的な例 トップに戻るボタンは右下などに固定配置することで常に一定の距離感を持たせて素早く使い こなせるような配慮が可能。閲覧を阻害しない位置に置くのでターゲットは大き目にするとい いだろう。
具体的な例 3Dタッチは押すだけの距離は0に近い操作だが新しいジェスチャを多用することが使いやす いことにはならない。この操作方法が存在することを知らせるすべがなければ機能にたどりつ くことができない。
具体的な例 スクロールしてもついてくる要素。 サイト内を回遊させたりCVを増やそうとする意図は理解できるが正直煩く感じてしまう。
デザインに活かす三箇条 ・ポインタの操作感はターゲットまでの距離と大きさで決まる。 ・ユーザーの行動を想像して最適な位置、大きさを検討しよう。 ・移動距離という概念のないデバイスも増えてきたので要注意。