pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

移動觸屏的手指觸發尺寸

   來自各移動平臺的設計指導方針

  蘋果iPhone人機界面指南推薦的最小目標大小為44px寬,44px高。微軟的Windows手機用戶界面設計和交互設計指南建議一個最低目標尺寸是26px乘以34px。諾基亞的開發者指南建議,目標尺寸應不小于1cm×1cm平方或28×28像素。

  雖然這些指南給到了觸摸目標的一般測量建議,但彼此不同,也與人體實際手指大小不一致。事實上,他們建議的尺寸比用戶平均手指尺寸小得多,從而導致用戶在觸摸移動設備時產生目標定位不精準的問題

  太小的可觸目標會導致大問題

  小的可觸目標會讓用戶在使用時非常麻煩,因為他們需要更精準的定位。用戶需要調整他們的手指,從指墊調整到指尖,讓自己能清晰的擊中目標。當用戶用 手指墊操作時,會覆蓋整個目標,以至于他們完全看不到交互反饋,而用指尖操作時,卻能看到部分的交互反饋。那么,用戶在使用設備時,切換指尖與手指墊,無 疑降低了他們的操作效率。

移動觸屏的手指觸發尺寸 三聯

  不僅如此,小的觸摸目標會導致操作錯誤。當幾個小觸摸目標彼此靠得比較近時,用戶會不小心觸到鄰近的目標而引發意外操作。而拇指觸屏時導致的錯誤會更明顯,因為它的尺寸是最大的。所以有時用戶會傾斜拇指,讓其側身去觸及屏幕目標,這是一個很不必要的操作。

finger-thumb2

  用拇指交互, 在移動設備中其實很常用,因為大多數用戶在使用時并非兩手都處于閑暇狀態,很多用戶會覺得用一只手再加一個大拇指,這樣操作是最方便的。用戶不希望為了去 擊中一個目標,而使原先使用一個手的情況變成使用兩只手,又或是原先喜歡用大拇指的情況變成去使用其他手指,可見,目標太小,給用戶的操作帶去的麻煩會有 多大。

  平均食指像素寬度

  麻省理工學院的觸摸實驗室研究人類的指尖觸覺,發現大多數成年人的食指平均寬度為1.6至2厘米(16–20毫米),轉換為45–57像素,這是比之前移動設備給到的建議尺寸要更大。

finger-57

  觸摸目標45–57像素,允許用戶的手指緊貼目標且又能讓用戶看到目標的邊緣,這為他們提供了清晰的交互反饋,幫助用戶判斷擊中目標的準確性,也提 升用戶擊中目標的效率。這與費茨定律一致, 就是擊中目標的時間與目標的大小成反比,即目標越小,擊中時間就越長,因為它會耗費用戶額外的注意力。一個手指大小的目標,為用戶提供了足夠的空間去擊中 它,而不必擔心精準度。

  平均拇指像素寬度

  很多用戶會用食指去激活目標,但也有很多用戶喜歡用大拇指。用拇指大的區別是,它比食指寬。一個成人大拇指平均寬度為1英寸(2.5厘米),折算下來是72像素。

thumb-72

  因此用戶在用拇指擊中一個72px寬的目標時是很愉悅的,既能快速精準定位,又能獲得交互反饋,更不需要為了擊中目標去傾斜拇指,這樣的話,一只手,一個拇指足以完成操作。

  一項針對“大拇指與觸屏設備交互”的研究中顯示,用戶操作的出錯率會隨著目標尺寸的變大而降低。用戶無須為擊中目標去切換手指的角色。

  單純講手指的尺寸是比較理想化的,在實際運用中有時并不可行

  如果我們完全按照上述的手指尺寸去設計的話,在很多場景的運用是不可行的。如在移動設備中,你的工作區間其實是很小很有限的。這就意味著,當你有幾 個手指大小的目標擠入移動設備屏幕中時,屏幕大小是不足以支撐這些目標的。然而,當你適當縮減尺寸,結合進屏幕時,才會顯得更合理些。 你需要測量你的屏幕的物理尺寸和觸摸目標大小探索到底多大的目標用戶才可以觸摸。

  使用手指大小的可觸目標在平板電腦上的應用比移動設備要容易得多,因為平板有更大的屏幕空間。你可以自由地使用這些尺寸,而不必恐懼這些尺寸是否占 據了太多空間。然而,移動設備屏幕的局限性,手指大小能觸及的目標目標是最需要去考慮的。設計師面臨的挑戰就是如何定義出最常用的適用于移動設備的可觸面 積大小?;蛟S,較少的可觸目標是一個合理的解決方案,但這個方案的前提一定是需要設計師精簡導航內容。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 纯化水设备-纯水设备-超纯水设备-[大鹏水处理]纯水设备一站式服务商-东莞市大鹏水处理科技有限公司 | 北京软件开发_软件开发公司_北京软件公司-北京宜天信达软件开发公司 | 找培训机构_找学习课程_励普教育 | cnc精密加工_数控机械加工_非标平键定制生产厂家_扬州沃佳机械有限公司 | 空气能暖气片,暖气片厂家,山东暖气片,临沂暖气片-临沂永超暖通设备有限公司 | 书法培训-高考书法艺考培训班-山东艺霖书法培训凭实力挺进央美 | 高压油管,液压接头,液压附件-烟台市正诚液压附件 | pH污水传感器电极,溶解氧电极传感器-上海科蓝仪表科技有限公司 | 光伏家 - 太阳能光伏发电_分布式光伏发电_太阳能光伏网 | 炭黑吸油计_测试仪,单颗粒子硬度仪_ASTM标准炭黑自销-上海贺纳斯仪器仪表有限公司(HITEC中国办事处) | 硅胶管挤出机厂家_硅胶挤出机生产线_硅胶条挤出机_臣泽智能装备 贵州科比特-防雷公司厂家提供贵州防雷工程,防雷检测,防雷接地,防雷设备价格,防雷产品报价服务-贵州防雷检测公司 | Honsberg流量计-Greisinger真空表-气压计-上海欧臻机电设备有限公司 | SMC-ASCO-CKD气缸-FESTO-MAC电磁阀-上海天筹自动化设备官网 | 济南网站建设_济南网站制作_济南网站设计_济南网站建设公司_富库网络旗下模易宝_模板建站 | 耐高温风管_耐高温软管_食品级软管_吸尘管_钢丝软管_卫生级软管_塑料波纹管-东莞市鑫翔宇软管有限公司 | 炭黑吸油计_测试仪,单颗粒子硬度仪_ASTM标准炭黑自销-上海贺纳斯仪器仪表有限公司(HITEC中国办事处) | 百度关键词优化_网站优化_SEO价格 - 云无限好排名 | 短信通106短信接口验证码接口群发平台_国际短信接口验证码接口群发平台-速度网络有限公司 | 涂层测厚仪_漆膜仪_光学透过率仪_十大创新厂家-果欧电子科技公司 | 影像测量仪_三坐标测量机_一键式二次元_全自动影像测量仪-广东妙机精密科技股份有限公司 | 单柱拉力机-橡胶冲片机-哑铃裁刀-江都轩宇试验机械厂 | 铝镁锰板厂家_进口钛锌板_铝镁锰波浪板_铝镁锰墙面板_铝镁锰屋面-杭州军晟金属建筑材料 | 建筑资质代办-建筑企业资质代办机构-建筑资质代办公司 | 湖南档案密集架,智能,物证,移动,价格-湖南档案密集架厂家 | 精密钢管,冷拔精密无缝钢管,精密钢管厂,精密钢管制造厂家,精密钢管生产厂家,山东精密钢管厂家 | 碳纤维布-植筋胶-灌缝胶-固特嘉加固材料公司 | 体坛网_体坛+_体坛周报新闻客户端 | 即用型透析袋,透析袋夹子,药敏纸片,L型涂布棒-上海桥星贸易有限公司 | 上海洗地机-洗地机厂家-全自动洗地机-手推式洗地机-上海滢皓洗地机 | 高压微雾加湿器_工业加湿器_温室喷雾-昌润空气净化设备 | 上海办公室装修,办公楼装修设计,办公空间设计,企业展厅设计_写艺装饰公司 | 印刷人才网 印刷、包装、造纸,中国80%的印刷企业人才招聘选印刷人才网! | 预制舱-电力集装箱预制舱-模块化预制舱生产厂家-腾达电器设备 | 深圳市八百通智能技术有限公司官方网站 | 冲击式破碎机-冲击式制砂机-移动碎石机厂家_青州市富康机械有限公司 | 建筑资质代办-建筑企业资质代办机构-建筑资质代办公司 | 撕碎机_轮胎破碎机_粉碎机_回收生产线厂家_东莞华达机械有限公司 | 模具ERP_模具管理系统_模具mes_模具进度管理_东莞市精纬软件有限公司 | 临时厕所租赁_玻璃钢厕所租赁_蹲式|坐式厕所出租-北京慧海通 | SDG吸附剂,SDG酸气吸附剂,干式酸性气体吸收剂生产厂家,超过20年生产使用经验。 - 富莱尔环保设备公司(原名天津市武清县环保设备厂) | 无锡网站建设_小程序制作_网站设计公司_无锡网络公司_网站制作 |