資料分析 | APP觸屏按鈕的高度為多少?
1. 研究報告
2. 全球3大頂尖公司的設計標準
蘋果、谷歌和微軟推薦的觸控目標的最低標準:
蘋果:44×44points(邏輯解析度)
谷歌:48×48dp +8dp或更多間距= 56 x 56dp(裝置解析度)
微軟:9×9mm±兩側分別2mm的推薦間隔= 13×13mm
3. 菲茨定律的原則
成為人機互動的基礎。
最簡單的來說,菲茨定律是你的手移動到一個物件上需要多長時間的模型。這個物件越近,且粗略地說,它越大,你就能越快、越容易地將手移動到這個物件上。
不但如此,菲茨能夠用數學表達這個模型。舉個例子,如果將此模型應用到觸控式螢幕介面,只要我們知道螢幕上的物件的大小和距離,我們就可以確定將你的手指指向它們需要多長時間。
這就是它的方程式:
MT = a + b log2(2A/W)
其中:
MT =完成動作所需的時間
a,b =隨情況變化的引數
A =從起點到目標中心的移動距離
W =目標在運動軸線上的寬度
原文連結:
【UXren使用者體驗社群】
相關文章
- 如何為資料行的新增操作按鈕
- win10共享資料夾按鈕為灰色怎麼辦 win10資料夾共享按鈕是灰色的不能用怎麼辦Win10
- QT經驗(一)——按鈕長按事件分析QT事件
- Fiori Elements List Report table 裡的普通按鈕,Global 按鈕 和 Determining 按鈕
- 微信小程式避免按鈕重複觸發事件微信小程式事件
- (五)自定義按鈕模板和設定觸發器觸發器
- DuiLib逆向分析の按鈕事件定位UI事件
- Qt更改按鈕樣式 (以QSpinBox使用左右按鈕樣式為例)QT
- JS判斷鍵盤是否按的Enter鍵並觸發指定按鈕點選操作JS
- vue中在父元件點選按鈕觸發子元件的事件Vue元件事件
- vue 表單驗證按鈕事件交由父元件觸發Vue事件元件
- SAP CRM note建立按鈕被禁用的原因分析
- onethink1.1.141101資料模型“刪除”按鈕失效。模型
- CSS 實現超過固定高度後出現展開摺疊按鈕CSS
- Androidx為Fragment中的按鈕設定監聽AndroidFragment
- 高亮按鈕
- 為 Charles 新增代理頁面按鈕(Rewrite)
- Element原始碼分析系列3-Button(按鈕)原始碼
- app直播原始碼,uniapp點選按鈕 儲存頁面為圖片到本地APP原始碼
- SAP RETAIL MM41 建立的商品主資料裡為啥會有Vendor Char.按鈕?AI
- LabVIEW的自定義按鈕View
- 小程式的按鈕按下去的樣式(button-hover)為啥不起作用?
- uniapp點選按鈕提交textarea值為undifineAPP
- Flutter Button(按鈕)Flutter
- 小程式按鈕
- 復飛按鈕
- 乾貨!必看創意按鈕設計,打造真正的按鈕誘惑
- Layui Confirm彈出框連續點選按鈕會觸發多次事件UI事件
- 視訊直播app原始碼,按鈕被按下時顏色隨著改變APP原始碼
- 分析微信(iOS 版)定製導航欄按鈕的思路iOS
- 直播帶貨app原始碼,實現移動端的按鈕拖動APP原始碼
- 短視訊app原始碼,提示以按鈕彈窗的形式實現APP原始碼
- flutter demo (一):居中的按鈕Flutter
- idea除錯按鈕的作用Idea除錯
- HTML input image 按鈕HTML
- HTML input button 按鈕HTML
- HTML input image按鈕HTML
- HTML input button按鈕HTML
- vue 封裝按鈕Vue封裝