童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

手指友好型设计为了更好的点击而设计

1月1日 眸中星投稿
  玩飞镖的时候,靶心是最难射中的位置,因为靶心是整个靶面上面积最小的部分。越是小的目标,就越是难以达到。这个准则在移动设备的触摸屏幕上同样适用。
  众所周知,对于触屏设备用户来说,面积小的目标比面积大的目标更难操纵。所以,在设计移动设备界面的时候,触控目标一定要充分的大,足以让用户操作自如。但是多大才算充分呢?多大才是对于大多数用户最合适的尺寸呢?各大移动设备开发者已经认识到这个问题,最常见的做法是在各大厂商的用户界面设计文档中寻找答案。
  那么,设计文档怎么说?
  Apple的IPhoneHumanInterfaceGuidelines推荐触控目标的最小尺寸是4444pixels。Google的AndroidDesign说710mm是比较理想的尺寸。Microsoft的WindowsPhoneUIDesignandInteractionGuide推荐的最小触控目标尺寸为77mm(2626px),理想的尺寸为99mm(3434px)。Nokia的开发指南建议目标尺寸应该不小于1010mm(2828px)。
  虽然每个设计文档都给出了大体的合适尺寸,但是我们可以看到各个设计文档都有所不同。实际上,有些他们所推荐的尺寸是远小于用户手指尺寸的,而正是这些误差导致了用户在操作过程中的种种问题。
  小目标,大问题
  如果触控目标太小的话,用户需要付出额外的精力来进行精确的点击。用户需要不断的调整他们的手指来点击目标并获得反馈。有的人习惯用指腹,这样可以覆盖整个目标区域,但如此以来就很难在点击的同时看到按钮的内容,也看不到点击的反馈。而有些人用指尖,这样可以在点击的同时获得视觉反馈。如果用户需要多次尝试才能到达目标的话,就会影响任务操作的顺畅,耗费了不必要的精力,并且增加了用户的挫折感。
  除此之外,小的触控目标还很容易导致误操作。当小的按钮被组合在一起的时候,用户很容易因为目标太小而点击到邻近的按钮,从而触发了其他动作。这样的误操作在用户使用大拇指进行操作时尤为明显。有些用户为了在点击的同时看到反馈甚至将手指侧过来进行点击,其实,这完全是可以避免的。
  对于用户来说,很多时候他们只有一只手来操作设备,单手握持设备的时候,大概就只能用拇指进行点击操作了。我们的设计不能因为用户用的是拇指而不是食指而出现更难点击的情况,更不能导致他们的误操作。
  食指的平均宽度
  MIT的一项研究指出,大多数成年人的食指宽度为1620mm,换算后大约为4557px,在设计文档中,只有Apple的44px还比较接近。
  如果触控目标的宽度能够达到4557px,那么操作起来就很舒适了,并且在进行点击的时候,按钮的边缘是可见的,这样点击的反馈也能很好的体现出来。用户点击和拖放目标的速度也能大大提高。根据费茨定律,目标越小,达到目标的时间越长。小的目标需要用户付出额外的精力去精确的点击它,增加目标的宽度就不用担心这些问题了。
  拇指的平均宽度
  有的用户喜欢用食指进行操作,而用拇指的用户更是大有人在。两者最大的不同在于拇指更宽。一个成年人的拇指宽度大概是25mm,换算之后大约是72px。
  对于拇指用户来说,72px宽的触控区域能够很好的进行定位,同时也能看到目标的边缘和角落,从而获得反馈信息。
  MicrosoftResearch的一项研究发现,触屏用户的误操作数量随着点击目标的增大而减小,用户点击目标的速度也随之变快。
  
  虽然增大目标的尺寸有诸多好处,但在某些情况下也有例外。大家都知道,移动设备的空间是很有限的,如果一味的增大按钮目标的尺寸,移动设备尤其是手机的屏幕肯定会不够用。所以在设计的时候,我们必须解决屏幕大小和点击目标大小之间的冲突和矛盾,在屏幕允许的情况下尽可能的使用充分大的按钮目标,如果实在不行,我们还有设计指南的推荐尺寸可用。
  游戏中的应用
  另一个我们需要考虑的问题是用户什么时候用食指,什么时候用拇指。如果是在游戏当中的话,用户会更倾向于使用拇指进行操作,想想PSP,NDS。所以,游戏应用中的控制区域最好要适合拇指的宽度。同样,触控目标的大小要既能舒适的控制,又能看到目标的反馈。
  毫无疑问,让移动应用中的触控区大小与用户手指尺寸相匹配大大提高了应用的可用性。如果用户在使用移动应用的时候还要特别花注意力来进行点击操作,那么其用户体验必将大打折扣。
  源地址:http:www。uedreamer。com?p258
投诉 评论 转载

用户心理负荷的测量用户体验是由多方面因素共同决定的,但对于不同类型的产品(包括不同用户群、使用目的、使用情景等),评估维度以及维度之间的权重是各不相同的。以手机输入法为例,这是一个典型的工……硅谷称之为“常识”的网站设计过程原则编者按:原文作者为NirEyal和KatyFike博士。大家对NirEyal可能比较熟悉了,此前我们曾发过两篇他的文章,一篇名为“习惯是新型病毒:为什么创业者必……用故事创造引人注目的体验互联网的产品一直为更新迭代的快速而自豪,幕后的设计师往往第二期产品刚发布手上已经开始第四期的设计稿了,一代一代的功能完善,一次一次的体验升级,用户也追求新鲜,马上换上新版本,于……价格的表现形式与设计不管价格怎么表现,最敏感的还是多少钱,对用户来说这个是最关键的,所以数字又大又醒目就是最好的表现方式了么?平时在上网的时候有没有特别注意过价格的不同表现形式?我选了6个不……以内容优先的理念设计移动产品知名Web设计师AndyClarke最近发布了320andup,开源快速开发模板MobileBoilerplate的分支。这恰好和他之前媒体查询的样板(mediaqueries……产品中图形语言规范化的意义与过程现在随着互联网企业的发展与业务的拓展,随着时间的推移,一个公司的产品可能将越来越丰富多样,同样每一个产品随不断的功能完善和扩展,随着一个产品的“长大”产品内所需要用到的图标也必……设计好脾气的Web页面随着技术的进步,Web设计的理念与技法也在不断发展。设备种类越来越多,带给我们的挑战也越来越大。怎样以最合理的方式使设计方案能够最大程度地适应各种设备的性能与规格属性,这是我们……如何写一份交互说明文档离开交互圈已经有段时间了。但由于博客还在,还是能够偶尔收到一些邮件,上周有位同学问我:我在求职,我看到很多招聘说明上需要交互设计师编写界面交互设计文档,请问界面交互设计文档是什……手指友好型设计为了更好的点击而设计玩飞镖的时候,靶心是最难射中的位置,因为靶心是整个靶面上面积最小的部分。越是小的目标,就越是难以达到。这个准则在移动设备的触摸屏幕上同样适用。众所周知,对于触屏设备用户来……电子商务网站之购买欲望和购买目标作为消费者,你是否有这样的经历:你在当当网买了三年的书,但从来没有关注过图书频道首页,没有留意过图书专题Banner,也几乎没有用过图书导航目录。你只用一个功能:搜索。上……触屏手机点击区域的小秘密做触屏手机产品设计,要注意所有的可点击元素都有足够的点击区域,但是这并不是说你要把所有的按钮图标链接都设计的足够大,手机上的视觉焦点和操作焦点是不一样的,操作焦点是可被放大或移……移动设计空间节省之道设计来源于生活。最近在装修自己的房间,翻阅了一些相关的家居设计资料,发现交互设计和家居设计有很多相似的地方。小户型空间有限,手机屏幕也只有巴掌大小,在两种小空间上进行设计一定很……
如何设计帮助中心(一)产品经理与你探讨APP中的“发现”功能使简单的想法更简单给设计加点料!3个方面帮你全面了解娱乐化设计设计师福利:18个设计灵感资源网站在线旅游产品体验与趋势分析用案例经验告诉你,如何有效提高注册转化率醒醒啦!产品特性不等于体验!如何做需求分析空间配色解密如何做好App场景化消息推送25条超实用的简约原则第三趴
广州天河区车管所电话地址腰肌劳损能治好吗(腰肌劳损四个痛点)超细解析!中国率先批准RCEP,石化行业格局将生变让你的下属信任你我国发现2。48亿年,像鸭嘴兽的龙化石怀孕初期该做哪些检查?土豆怎样保存不发芽一张旧照片里的孩子三年级作文怎么处理丝袜更耐用零下15度天气如何保养车辆空调不制热的原因(冬天空调不制热的原因有哪些)孕妇能用含有马齿苋的沐浴露吗

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界