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


  玩飞镖的时候,靶心是最难射中的位置,因为靶心是整个靶面上面积最小的部分。越是小的目标,就越是难以达到。这个准则在移动设备的触摸屏幕上同样适用。

  众所周知,对于触屏设备用户来说,面积小的目标比面积大的目标更难操纵。所以,在设计移动设备界面的时候,触控目标一定要充分的大,足以让用户操作自如。但是多大才算充分呢?多大才是对于大多数用户最合适的尺寸呢?各大移动设备开发者已经认识到这个问题,最常见的做法是在各大厂商的用户界面设计文档中寻找答案。

  那么,设计文档怎么说?

  Apple的IPhone Human Interface Guidelines推荐触控目标的最小尺寸是44*44 pixels。Google的Android Design说7-10mm是比较理想的尺寸。Microsoft的Windows Phone UI Design and Interaction Guide推荐的最小触控目标尺寸为7*7mm(26*26px),理想的尺寸为9*9mm(34*34px)。Nokia的开发指南建议目标尺寸应该不小于10*10mm(28*28px)。

  虽然每个设计文档都给出了大体的合适尺寸,但是我们可以看到各个设计文档都有所不同。实际上,有些他们所推荐的尺寸是远小于用户手指尺寸的,而正是这些误差导致了用户在操作过程中的种种问题。

  小目标,大问题

  如果触控目标太小的话,用户需要付出额外的精力来进行精确的点击。用户需要不断的调整他们的手指来点击目标并获得反馈。有的人习惯用指腹,这样可以覆盖整个目标区域,但如此以来就很难在点击的同时看到按钮的内容,也看不到点击的反馈。而有些人用指尖,这样可以在点击的同时获得视觉反馈。如果用户需要多次尝试才能到达目标的话,就会影响任务操作的顺畅,耗费了不必要的精力,并且增加了用户的挫折感。


  除此之外,小的触控目标还很容易导致误操作。当小的按钮被组合在一起的时候,用户很容易因为目标太小而点击到邻近的按钮,从而触发了其他动作。这样的误操作在用户使用大拇指进行操作时尤为明显。有些用户为了在点击的同时看到反馈甚至将手指侧过来进行点击,其实,这完全是可以避免的。


  对于用户来说,很多时候他们只有一只手来操作设备,单手握持设备的时候,大概就只能用拇指进行点击操作了。我们的设计不能因为用户用的是拇指而不是食指而出现更难点击的情况,更不能导致他们的误操作。

  食指的平均宽度

  MIT的一项研究指出,大多数成年人的食指宽度为16-20mm,换算后大约为45-57px,在设计文档中,只有Apple的44px还比较接近。


  如果触控目标的宽度能够达到45-57px,那么操作起来就很舒适了,并且在进行点击的时候,按钮的边缘是可见的,这样点击的反馈也能很好的体现出来。用户点击和拖放目标的速度也能大大提高。根据费茨定律,目标越小,达到目标的时间越长。小的目标需要用户付出额外的精力去精确的点击它,增加目标的宽度就不用担心这些问题了。

  拇指的平均宽度

  有的用户喜欢用食指进行操作,而用拇指的用户更是大有人在。两者最大的不同在于拇指更宽。一个成年人的拇指宽度大概是25mm,换算之后大约是72px。


  对于拇指用户来说,72px宽的触控区域能够很好的进行定位,同时也能看到目标的边缘和角落,从而获得反馈信息。

  Microsoft Research的一项研究发现,触屏用户的误操作数量随着点击目标的增大而减小,用户点击目标的速度也随之变快。

  虽然增大目标的尺寸有诸多好处,但在某些情况下也有例外。大家都知道,移动设备的空间是很有限的,如果一味的增大按钮目标的尺寸,移动设备尤其是手机的屏幕肯定会不够用。所以在设计的时候,我们必须解决屏幕大小和点击目标大小之间的冲突和矛盾,在屏幕允许的情况下尽可能的使用充分大的按钮目标,如果实在不行,我们还有设计指南的推荐尺寸可用。

  游戏中的应用

  另一个我们需要考虑的问题是用户什么时候用食指,什么时候用拇指。如果是在游戏当中的话,用户会更倾向于使用拇指进行操作,想想PSP,NDS。所以,游戏应用中的控制区域最好要适合拇指的宽度。同样,触控目标的大小要既能舒适的控制,又能看到目标的反馈。


  毫无疑问,让移动应用中的触控区大小与用户手指尺寸相匹配大大提高了应用的可用性。如果用户在使用移动应用的时候还要特别花注意力来进行点击操作,那么其用户体验必将大打折扣。

  本文编译自汪锐,原文地址。

  译文出处:uedreamer.com,转载请注明出处链接。

时间: 2024-11-03 04:11:34

手指友好型交互设计:为了更好的点击而设计的相关文章

用户界面设计文档:手指友好型设计

文章描述:手指友好型设计-为了更好的点击而设计. 玩飞镖的时候,靶心是最难射中的位置,因为靶心是整个靶面上面积最小的部分.越是小的目标,就越是难以达到.这个准则在移动设备的触摸屏幕上同样适用. 众所周知,对于触屏设备用户来说,面积小的目标比面积大的目标更难操纵.所以,在设计移动设备界面的时候,触控目标一定要充分的大,足以让用户操作自如.但是多大才算充分呢?多大才是对于大多数用户最合适的尺寸呢?各大移动设备开发者已经认识到这个问题,最常见的做法是在各大厂商的用户界面设计文档中寻找答案. 那么,设计

让网页设计更现代,2014年网站设计的变化趋势

文章描述:如何让网页设计更具现代感?2014年网站设计又会有怎样的变化趋势? 如何让网页设计更具现代感?2014年网站设计又会有怎样的变化趋势? 12月份对即将过去的一年中网页设计发展进行回顾,总会发现很多让我们感到欣喜的变化.去年我们同样预测了2013年互联网设计出现的10大趋势,比如交互设计.个性化排版.全屏大图吸引浏览者注意力等.其中很多预计的趋势在2013年确实成为设计的主流,并且估计在2014年仍将延续. 1. 个性化排版 我个人是个性化排版的支持者,自然也希望看到越来越多的网络设计尝

交互设计实例:网易邮箱极速3.5版本设计

网易邮箱极速3.5版本历时半年多时间终于与大家见面了. 极速3.5有哪些新特性: 整齐,简洁的首页,能够自适应屏幕的大小提供最佳的显示方式. 一体化侧栏设计,功能更加集中,查找使用更方便. 全新的图标设计,读信时信头信息可以最小化,让你获得更大的阅读空间. 我们做了些什么: 无数次的交互,视觉的讨论和用研的验证. 产出效果图,超过200张. 制定了1套"视觉设计规范",和1套"交互控件规范". 简略讲讲各阶段所做的一些事情: 用研阶段: 极速3.5用研主要做的工作有

UI设计显得更简约的小技巧

互联网界一直在有提倡简约设计的声音,可简约设计有什么小技巧? 谈简约设计的书籍有很多,互联网界也一直在有提倡简约设计的声音.有人说,看国内的各大门户的设计,通通都是文字和功能的粗暴堆砌,难道中国人真的不擅长设计简约吗. 产品长什么样是跟产品的受众有关的.我们看国内电视购物,从来都是以"有多少功能"的方向来推销产品的.或许我们的目标受众就是喜欢大而全的东西,并不是设计师和产品经理的错.为了迎合大环境的产品需求,我们不得不用各种可有可无的功能点来吸引用户. 臃肿易烦腻,简陋生欲望 产品功能

这样做才能设计出更好的数据表

本文讲的是这样做才能设计出更好的数据表, **差强人意的表格.**他们哪里没有做对? 由于一些历史原因,表格在成为网页的必须品之后,因为有更加新潮,更加时髦的布局,它被很多设计师弃用.但是现如今,他们没法在网页上再创造出更多的外观,而数据表格仍然可以用于收集和组织很多我们日常生活中使用的信息. 例如,我认为所有表格的起源是:美国的 "Harmonized Tariff 的计划表",一个包含有 3,550 页的表格,它罗列了每一样可以被进口入美国的货物清单,包含有些令人兴奋的货物,例如,

把握用户从众心理让营销型网站建设效果更佳

中介交易 SEO诊断 淘宝客 云主机 技术大厅 从众心理是每个人都有的正常心理,在正常的商业活动中,从众心理被应用的淋漓尽致.前年和去年电纸书在市场上热销,就是善用从众心理实施的营销策划成功案例.电纸书其实不过一个电子阅读器而已,完全可以用笔记本.MP4.电子词典以及手机等替代.而且那个时候,比电子书更为强劲的iPad等移动手持终端已经面世,电纸书只不过一个极度阉割版的iPad或者笔记本而已.当然这并不是说电纸书一无是处,只是在整个产品行销和策划,电纸书领军品牌汉王一直深谙营销之道,成功的把握了

如何设计出更好用户体验的网站

  通过平面媒体和出席研讨会来传播他的有效使用者接口设计原则.在这篇文章写作的后期,他已经在User Experience World Tour上传授他的意见.Nielsen 拥有博士学位,同时也是 Nielsen Norman Group的使用者倡导者和负责人(Nielsen Norman Group 是他与 Apple Computer 的前研究副主管 Dr. Donald A. Norman 所合创的).在 1998 年以前,他是 Sun 公司的一位杰出的工程师.他在 Web 可用性的领域

关于mysql和hadoop数据交互的问题,和hadoop的文件夹设计

问题描述 关于mysql和hadoop数据交互的问题,和hadoop的文件夹设计 关于mysql和hadoop数据交互的问题,和hadoop的文件夹设计 关于mysql和hadoop数据交互的问题,和hadoop的文件夹设计 目前mysql按地区,商业区区分,假设读取mysql数据库的地区,根据地区划分 我昨天和领导沟通了,领导说点击率不是必要条件,地区划分才是重点,后面就是各方面劝导,只好以地区区分,关键是这个镇区区分数据和产品的话,全国有6k多个地区, 这样的hdfs文件夹数量,岂不是很崩溃

sql server-有40万任务,每条任务的run的时间不一样,这40万任务反复持续去run,怎么设计数据库更好

问题描述 有40万任务,每条任务的run的时间不一样,这40万任务反复持续去run,怎么设计数据库更好 用sqlserver数据库设计,在同一时间内可以完成400条任务, 用队列还是视图或者其他?那个容易通过数据库控制去做任务 解决方案 问题描述不清楚,40万任务?定时任务?线程?同时往一张表里面插入?