資料分析 | 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使用者體驗社群】
相關文章
- 如何為資料行的新增操作按鈕
- uniapp點選按鈕提交textarea值為undifineAPP
- js實現的按鈕不用人為點選就觸發點選事件JS事件
- win10共享資料夾按鈕為灰色怎麼辦 win10資料夾共享按鈕是灰色的不能用怎麼辦Win10
- QT經驗(一)——按鈕長按事件分析QT事件
- 微信小程式避免按鈕重複觸發事件微信小程式事件
- Appium常用操作之「微信滑屏、觸屏操作」APP
- 按鈕上面的按鈕 (轉)
- iPhone6的【登入】按鈕最佳尺寸範圍是多少?iPhone
- 只有存在submit提交按鈕form的submit事件才會觸發MITORM事件
- uniapp頁面中的按鈕使用分享功能APP
- JS判斷鍵盤是否按的Enter鍵並觸發指定按鈕點選操作JS
- uniapp更改導航欄按鈕文字APP
- Qt更改按鈕樣式 (以QSpinBox使用左右按鈕樣式為例)QT
- 按鈕
- vue中在父元件點選按鈕觸發子元件的事件Vue元件事件
- vue 表單驗證按鈕事件交由父元件觸發Vue事件元件
- asp.net 頁面回車觸發button按鈕事件ASP.NET事件
- pb9 資料視窗內按鈕用法
- app直播原始碼,uniapp點選按鈕 儲存頁面為圖片到本地APP原始碼
- SAP CRM note建立按鈕被禁用的原因分析
- css3將radio單選按鈕模擬為按鈕形狀CSSS3
- Fiori Elements List Report table 裡的普通按鈕,Global 按鈕 和 Determining 按鈕
- DuiLib逆向分析の按鈕事件定位UI事件
- CSS 實現超過固定高度後出現展開摺疊按鈕CSS
- 為 Charles 新增代理頁面按鈕(Rewrite)
- 凸出按鈕的TabBartabBar
- MUI TableViewCell 上按鈕點選Cell同時觸發解決UIView
- BDC錄屏該程式後 最後按儲存按鈕卻無法執行
- 按鈕禁用
- Bootstrap 按鈕boot
- SAP RETAIL MM41 建立的商品主資料裡為啥會有Vendor Char.按鈕?AI
- Element原始碼分析系列3-Button(按鈕)原始碼
- 菜鳥學JS(四)——javascript為按鈕註冊回車事件(設定預設按鈕)JSJavaScript事件
- Androidx為Fragment中的按鈕設定監聽AndroidFragment
- 分享按鈕的圖示為什麼不統一
- 為主頁新增一個漂亮的按鈕(下)(轉)
- 為主頁新增一個漂亮的按鈕(上)(轉)