萬盛學電腦網

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

觸控手機操作熱區、死角與控件尺寸的深度研究

研究背景:觸控介面設計的四大挑戰

觸控手機雖自1999年摩托羅拉A6188問世以來已逾十年,但真正引發手指操作介面設計革命的,是2007年iPhone 1代與多點觸控技術的推出。短短數年間,國內外關於觸控手勢、介面規範、可用性研究仍處探索階段,許多現有結論建立在猜測與嘗試之上,成熟度有待時間檢驗,連蘋果官方開發文件與設計原則也不例外。

從滑鼠鍵盤轉向手指操作,帶來質變:精準度下降導致密集資訊處理時誤觸頻發;手指特有的「熱區與死角」問題,是PC介面從未面對的挑戰。此外,西方成熟理論引入中國後,能否克服生理指標與文化差異?同樣尺寸的手機,中西方用戶握持穩定性或有差異。最後,手機電商面對海量決策資訊與有限螢幕空間的矛盾,普通WAP/APP設計原則難以直接套用,需轉化為更適合電商領域的應用。

前人經驗與研究回顧

Josh Clark《Tapworthy》一書提出兩大原則:右利手拇指操作的熱區與死角分佈,以及控件最小尺寸44像素(約7mm)。但書中未詳述數據來源,極可能是作者基於大量案例分析的經驗總結。且44像素在不同解析度下物理尺寸差異大:iPhone 3約7mm,iPhone 4卻不足6mm,設計師需依物理尺寸換算。

人機工效學研究早已指出:食指操作適合觸擊範圍約7mm,拇指則需9mm左右。為提供精確工學指標,必須進行嚴謹實驗設計。

研究目的:驗證與探索

  • 中國用戶單手拇指操作熱區分佈是否與書中一致?
  • 熱區與死角差異有多大?
  • 雙手食指操作是否存在熱區/死角差異?
  • 7mm設計原則在螢幕各區域是否通用?
  • 單手拇指與雙手食指對控件尺寸要求有何不同?

理論基礎與實驗設計

誤觸成因分析

誤觸分為「空擊」(未擊中按鈕)與「錯擊」(按到相鄰按鈕)。後者更嚴重,需耗費更多精力糾正,實驗僅以錯擊定義為錯誤操作。

實驗情境

考慮用戶狀態(靜止/走動)與操作手指(食指/拇指),正式實驗採兩種常見單手操作情境:靜止時用食指、走動時用拇指,前者較易,後者較難。

心理物理法——恆定刺激法

採用4-9個固定強度刺激,隨機重複呈現,每種刺激不少於20次,透過直線內插法求得閾限值。

實驗規劃

對象:40名右利手成年人(男女各半),年齡20歲以上,手部尺寸適中(參照GB10000-88)。
自變量:使用情境(2種,被試間)、刺激呈現區域(4×4共16區,被試內)、可觸擊區域大小(拇指7-11mm、食指5-9mm,共5級)。
因變量:觸擊正確率、熱區、死角、觸擊範圍最小尺寸(正確率≥95%)。
設備:iPhone 4,3.5吋,640×960,物理尺寸4.93×7.40cm,約130像素/cm。
流程:參數輸入→單一紅點隨機呈現,要求快速觸擊→每輪160次點擊,共5輪,輪間可休息→截圖記錄,人工錄入SPSS分析。

單手·拇指·行走 研究發現(節錄)

經檢驗,《Tap Worthy》書中建議的右手拇指觸擊熱區合理性尚存爭議……

copyright © 萬盛學電腦網 all rights reserved