读书笔记:移动 APP 图标尺寸分析

2018-07-1510:06:50 发表评论 549 人看过

在操作过程中,大图标肯定比小图标更易操作。当设计移动界面时,最好把可点击的图标目标尺寸做得大一些,这样更有利于用户点击,但这个“大”到底是多“大”呢?移动 APP 的界面有限,加上美观和整体效果,图标需要设计多“大”才能方便大多数用户的使用呢?

 

一、一般规范标准

《iPhone 人机界面设计规范》建议最小点击目标尺寸是 44px*44px;《Windows 手机用户界面设计和交互指南》建议使用 34px*34px;最小也要 26px*26px;诺基亚开发指南中建议,目标尺寸应该不小于 1CM*1CM 或者 284px*284px;《Android 的界面设计规范》建议使用 48px*48px《物理尺寸为 9mm 左右 0,尽管这些规范给我们列举了各平台下可点击目标的尺寸标准,但是彼此的标准并不一致,更无法和人类手指的实际尺寸相一致。一般来说,规范标准建议的尺寸比手指的平均尺寸要小,这样会影响触摸屏幕时的精准度。

 

二、手指与尺寸大小

MIT 触摸实验室做了一项研究,已手指指尖作为调查,分析其感觉机能,研究发现,成年人的食指宽度一般时 1.6-2cm,转换成像素就是 45*57px;拇指要比食指宽,平均宽度大概为 2.5cm,转换成像素为 72px*72px。

人们在使用中最常用的手势是“点击”和“滑动”,拇指的使用非常频繁,有时候用户只能是用一只手握住手机,而用拇指和食指操作,在这种情景下,用户的操作精度有限,就需要提高目标尺寸来避免操作错误,这就是所谓的友好的触控体验。

而智能手机受尺寸的限制,如何在第一时间让用户得到有效信息,显得尤为重要。若图标的尺寸太大,会导致页面拥挤,屏幕空间会不够用,增加用户的翻页操作,操作成本高,体验较差;若图标的尺寸太小,对于用户体验来说是非常糟糕的,因为在用户体验过程中,需要调整手指的操作方式,如将指心调整为指尖的操作,这种操作就变得很吃力,用户体验就非常差,会增加用户操作的挫败感。不仅如此,目标的尺寸过小,很多的目标会拥挤在一起,用户在操作时很容易造成因目标尺寸过小,一个手指的宽度过大而出现错误操作。

 

三、理想状态和特殊情况

从刚才拇指大小来看,72 像素的实际使用效果是理想状态,更容易定位,操作的舒适感也更好,所以将目标尺寸的大小设置为跟手指大小相近,这是最理想的状态,当然并不适合所有的设计场景,如手机上,由于空间有限,目标尺寸如果设置得过大,那么屏幕空间就不够用了;如果设置成翻页效果,则用户在使用过程时需要不停地翻页,这在体验上会很糟糕,在这种情况下,就需要使用指导得规范尺寸了,尽管有些过小,但还是最优状态。

对于平板设置来说,情况就简单多了,因为平板整个屏幕较大,所以空间就更多,这样对于设计师来说,就可以通过提高尺寸来提高操作适用性。

虽然无法知道每个用户在手指上得使用习惯,如是食指操作更多,还是拇指操作更多?但有一种情况比较特殊,那就是游戏。对于游戏来说,大多数得用户使用拇指操作,所以一些控件得尺寸一般可以按照拇指得尺寸来设置,这样用户双手稳定操作时会更加精准。

weinxin
博客小程序【一起行动派】
欢迎访问行动派博客小程序,小程序和博客同步更新,查看内容更加方便!
Action

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: