Fitz's law

Transcript

1. 『[買わせる]の心理学 消費者の心を動かす デザインの技法61』より フィッツの法則について 2018年11月16日 新城聡子
2. フィッツの法則とは？ 1954年にオハイオ大学のポール・フィッツが提唱したマンマシンインターフェイスに おける人間の動作をモデル化した法則。 公式 T=a+b log2(1+D/W)
3. フィッツの法則とは？ ( ﾟдﾟ)ﾎﾟｶｰﾝ
4. フィッツの法則とは？ T…ターゲットまでの時間 T=a+b log2(1+D/W) D…開始ポイントとターゲットの中心までの距離 W…ターゲットの大きさ a …ポインタの移動開始時間と停止時間 b …ポインタの速度
5. フィッツの法則とは？ ( ﾟдﾟ)ﾎﾟｶｰﾝ
6. フィッツの法則とは？ マウス操作において、クリックする対象が大きいほど素早く選 択できる、クリックする対象が近いほど素早く選択できる、と いう法則です。
7. フィッツの法則とは？ START ボタン ボタン 素早く押せる 素早く押せない
8. フィッツの法則とは？ START ボタン 素早く押せる 素早く押せない ボタン
9. フィッツの法則とは要するに？ ・フィッツの法則はユーザーインターフェイスで人間が使う動作をモデル化 した法則 ・同じ距離ならターゲットが大きい方が目的地に辿り着くのが早い ・使用頻度や優先度を考慮して最適な距離と大きさで配置すべき
10. 具体的な例 ポインタの移動距離は長いがポインタは画面の端で止まりディスプレイの縁をターゲットにで きることから素早い操作が可能。またポインタが近づくとターゲットが最大化するのでクリッ クしやすい。
11. 具体的な例 トップに戻るボタンは右下などに固定配置することで常に一定の距離感を持たせて素早く使い こなせるような配慮が可能。閲覧を阻害しない位置に置くのでターゲットは大き目にするとい いだろう。
12. 具体的な例 3Dタッチは押すだけの距離は0に近い操作だが新しいジェスチャを多用することが使いやす いことにはならない。この操作方法が存在することを知らせるすべがなければ機能にたどりつ くことができない。
13. 具体的な例 スクロールしてもついてくる要素。 サイト内を回遊させたりCVを増やそうとする意図は理解できるが正直煩く感じてしまう。
14. デザインに活かす三箇条 ・ポインタの操作感はターゲットまでの距離と大きさで決まる。 ・ユーザーの行動を想像して最適な位置、大きさを検討しよう。 ・移動距離という概念のないデバイスも増えてきたので要注意。