搜索
搜 索
本版
文章
帖子
用户
图文精华
hadoop-2.6.0+zookeeper-3.4.6+hbase-1.0.0+hive-1.1.0完全分布 ...
首页
Portal
专题
BBS
面试
办公|编程助手
更多
登录
注册
用户组:游客
主题
帖子
云币
我的帖子
我的收藏
我的好友
我的勋章
设置
退出
导读
淘贴
博客
群组
社区VIP
APP下载
今日排行
本周排行
本周热帖
本月排行
本月热帖
会员排行
About云-梭伦科技
»
专题
›
交流区
›
移动云计算
›
移动触屏的手指触发尺寸
0
3
0
分享
移动触屏的手指触发尺寸
yaojiank
发表于 2013-12-17 02:17:46
[显示全部楼层]
阅读模式
关闭右栏
3
6077
来自各移动平台的设计指导方针
苹果iPhone人机界面指南推荐的最小目标大小为44px宽,44px高。微软的Windows手机用户界面设计和交互设计指南建议一个最低目标尺寸是26px乘以34px。诺基亚的研发者指南建议,目标尺寸应不小于1cm×1cm平方或28×28像素。
虽然这些指南给到了触摸目标的一般测量建议,但彼此不同,也与人体实际手指大小不一致。事实上,他们建议的尺寸比用户平均手指尺寸小得多,从而导致用户在触摸移动设备时产生目标定位不精准的
太小的可触目标会导致大
小的可触目标会让用户在运用时非常麻烦,因为他们需要更精准的定位。用户需要调整他们的手指,从指垫调整到指尖,让自己能清晰的击中目标。当用户用手指垫操作时,会覆盖整个目标,以至于他们完全看不到交互反馈,而用指尖操作时,却能看到部分的交互反馈。那么,用户在运用设备时,切换指尖与手指垫,无疑降低了他们的操作效率。
不仅如此,小的触摸目标会导致操作错误。当几个小触摸目标彼此靠得比较近时,用户会不小心触到邻近的目标而引发意外操作。而拇指触屏时导致的错误会更明显,因为它的尺寸是最大的。所以有时用户会倾斜拇指,让其侧身去触及屏幕目标,这是一个很不必要的操作。
用拇指交互, 在移动设备中其实很常用,因为大多数用户在运用时并非两手都处于闲暇状态,很多用户会觉得用一只手再加一个大拇指,这样操作是最方便的。用户不希望为了去击中一个目标,而使原先运用一个手的情况变成运用两只手,又或是原先喜欢用大拇指的情况变成去运用其他手指,可见,目标太小,给用户的操作带去的麻烦会有多大。
平均食指像素宽度
麻省理工学院的触摸实验室研究人类的指尖触觉,发现大多数成年人的食指平均宽度为1.6至2厘米(16–20毫米),转换为45–57像素,这是比之前移动设备给到的建议尺寸要更大。
触摸目标45–57像素,允许用户的手指紧贴目标且又能让用户看到目标的边缘,这为他们提供了清晰的交互反馈,帮助用户判断击中目标的准确性,也提升用户击中目标的效率。这与费茨定律一致, 就是击中目标的时间与目标的大小成反比,即目标越小,击中时间就越长,因为它会耗费用户额外的注意力。一个手指大小的目标,为用户提供了足够的空间去击中它,而不必担心精准度。
平均拇指像素宽度
很多用户会用食指去激活目标,但也有很多用户喜欢用大拇指。用拇指大的区分是,它比食指宽。一个成人大拇指平均宽度为1英寸(2.5厘米),折算下来是72像素。
因此用户在用拇指击中一个72px宽的目标时是很愉悦的,既能快速精准定位,又能获得交互反馈,更不需要为了击中目标去倾斜拇指,这样的话,一只手,一个拇指足以完成操作。
一项针对“大拇指与触屏设备交互”的研究中显示,用户操作的出错率会随着目标尺寸的变大而降低。用户无须为击中目标去切换手指的角色。
单纯讲手指的尺寸是比较理想化的,在实际运用中有时并不可行
如果我们完全按照上述的手指尺寸去设计的话,在很多场景的运用是不可行的。如在移动设备中,你的工作区间其实是很小很有限的。这就意味着,当你有几个手指大小的目标挤入移动设备屏幕中时,屏幕大小是不足以支撑这些目标的。然而,当你适当缩减尺寸,结合进屏幕时,才会显得更合理些。 你需要测量你的屏幕的物理尺寸和触摸目标大小探索到底多大的目标用户才可以触摸。
运用手指大小的可触目标在平板电脑上的应用比移动设备要容易得多,因为平板有更大的屏幕空间。你可以自由地运用这些尺寸,而不必恐惧这些尺寸是否占据了太多空间。然而,移动设备屏幕的局限性,手指大小能触及的目标目标是最需要去考虑的。设计师面临的挑战就是怎样定义出最常用的适用于移动设备的可触面积大小。或许,较少的可触目标是一个合理的解决方案,但这个方案的前提一定是需要设计师精简导航内容。
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
已有(4)人评论
电梯直达
正序浏览
yunjisuanxue
发表于 2013-12-17 02:17:46
好高深的研究。。。
回复
使用道具
举报
显身卡
sq331335144
发表于 2013-12-17 02:17:46
好高深的研究。。。
回复
使用道具
举报
显身卡
shihailong123
发表于 2013-12-17 02:17:46
你们这些死罐水的……
回复
使用道具
举报
显身卡
qz2003
发表于 2013-12-17 02:17:46
这文章不错,支持一下
回复
使用道具
举报
显身卡
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
发表新帖
yaojiank
高级会员
关注
54
主题
229
帖子
8
粉丝
TA的主题
Tom_深入分析Spring5源码
2019-3-5
浅谈Redis
2019-3-5
CDH5.2.0集群优化配置
2019-2-25
请问下咋在sae加入自己做的phonegap插件问题
2013-12-17
目测请谅解WEBAPP要火了 求高手轻量级框架 ST两行泪
2013-12-17
24小时热文
kafka面试题精选
Nebula Flink Connector 在实时 ETL 的实践
Apache Doris 用户案例集
国家电网公司主数据管理系统技术规范
企业的主数据建设方法论与实践
关闭
推荐
/2
中文版ChatGPT
1.无需魔法 2.提高编程效率 3.提高文档能力
查看 »
新手帮助
新手帮助:注册遇到问题,领取资源,加入铁粉群,不会使用搜索,如何获取积分等
查看 »
意见
反馈