萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

費茨定律的邊界:何時「更大、更近」反成障礙?

費茨定律指出:使用指向設備到達目標的時間取決於距離(D)與目標大小(S)。距離越近、目標越大,點擊越快。公式:t = a + b log₂(D/S + 1)。這原理易懂且易用,但若生搬硬套衡量所有設計,會產生交互體驗問題。

一、更大的可點擊區域:雙刃劍

優點

區域越大越易操作,滑鼠輕鬆觸達。許多網站按鈕可點擊區域極小,導致用戶需精準定位才響應。費茨定律建議盡可能擴大按鈕區域,提升體驗。

左側 Firefox 按鈕區域小,右側 Apple 區域大,右側光標更快到達。主要按鈕做大,費茨定律提供強力理論支持。

缺點

區域越大佔用螢幕空間越多,打亂界面平衡。空間不擁擠時擴大可行,但增大到一定程度,與可用性不再成正比。小按鈕放大 10% 可用性顯著提升,大按鈕再加 10% 則效益遞減。

二、減少光標移動:效率與組織的博弈

優點

常用功能集中放置,減少光標移動,操作更快。Ubuntu Unity 將搜索框置頂、檔案類型篩選置底,兩區域相隔極遠,用戶頻繁往返。

(費茨定律建議兩區域相鄰)

缺點

嚴格遵循費茨定律可能與其他原則衝突:

  • 資訊架構組織性:依內容/功能分類讓界面整齊,用戶易尋找。左側桌面工具、右側檔案插入工具的左右分類,建立熟悉心智模型,一次使用即記住。若只按使用率佈局,結構將大異。
  • 界面整潔度:下拉選單有效整合內容,界面乾淨不凌亂。費茨定律不推薦下拉選單(光標移動距離長),但其優勢遠超此瑕疵。
  • 容錯設計:費茨定律建議常用功能聚集,但擠在一起易誤操作。按鈕邊緣難辨識時誤觸風險高。分享/編輯類誤操作代價極大,用戶會恨死你。

誤操作嚴重性分級:

  • 誤點鏈接:可點返回恢復,無嚴重後果,可放任意位置。
  • 播放媒體時誤觸停止/下一首/清空列表:難恢復先前狀態。
  • 編輯/分享類:誤觸發送、列印、刪除、上傳、關機等,後果不可逆。

預防誤操作策略:

  1. 提供撤銷操作(如臨時取消鍵)。
  2. 元素間預留空間。
  3. 按鈕邊緣易識別。
  4. 突出重點。
  5. 按功能分組。

例:「接收郵件」誤觸「新建郵件」無妨,但「回覆」與「刪除」不可靠太近。兩步輸入法(滑動+點擊)有效防錯:單步誤觸機率高,雙步結合機率極低。移動裝置常用此法(場景複雜易誤觸),設計時可先隱藏第二步,完成第一步後再顯示。

三、避免肌肉緊張:效率與安全的平衡

費茨定律性能指標旨在測定人類運動系統資訊容量,即透過操作體力消耗決定方式。

優點

簡單輸入在複雜設備上優勢明顯。垂直觸摸屏操作時手臂垂直導致三角肌快速疲勞,引發輸入錯誤或放棄。避免複雜輸入可延長操作時間。

缺點

複雜輸入能預防錯誤。手機放口袋易誤觸,高精度輸入法極有用,同時提醒用戶指令嚴重性。iPhone 關機用滑動(高精度、後果嚴重不可撤銷),取消用按鈕(後果輕)。

滑動控件等高精度手勢安全但繁瑣,常用於後果嚴重且不常用指令:解鎖、關機、系統設定、管理任務、喚醒報警。若指令嚴重又高頻(如編輯/刪除/移動檔案),間隔圖標與兩步輸入法更有效。

第二原因:手勢節省界面空間。但費茨定律認為拖拽讓肌肉緊張,故推薦點擊指向。然而拖拽不需界面控件,有其優勢。例:deviantART 藝術收藏管理,拖曳圖片至方框即可添加收藏,無需按鈕。

copyright © 萬盛學電腦網 all rights reserved