服务时间:8:30-18:00

首页 >UI设计网

移动APP按钮尺寸分析

发布时间:2022-08-12 19:51 字数:1252字 阅读:129

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

移动APP按钮尺寸分析

1.一般规范标准

《iPhone人机界面设计规范》建议最小点击目标尺寸是44px×44px,《Windows手机用户界面设计和交互指南》建议使用34像素×34像素,最小也要264px×26px,《诺基亚开发指南》中建议,目标尺寸应该不小于1cm×1cm或者28px×28px,《Android的界面设计规范》建议使用48dp×48dp(物理尺寸为9mm左右)。

尽管这些规范给我们列举了各平台下可点击目标的尺寸标准,但是彼此的标准并不一致,更无法和人类手指的实际尺寸相一致,一般来说,规范标准建议的尺寸比手指的平均尺寸要小,这样不会影响触摸屏幕时的精准度。

2.手指与尺寸大小

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

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

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

不仅如此,目标的尺寸过小,很多的目标拥挤在一起,用户操作时很容易造成因目标尺寸过小,一个手指的宽度过大而出现误操作。

3.理想状态和特殊情况

从拇指大小来看,72像素的实际使用效果是理想状态,更容易定位,操作的舒适感也更好。所以将目标尺寸的大小,设置为跟手指大小相近,是最理想的状态。

当然,这并不适合所有的设计场景,如手机上由于空间有限,目标尺寸如果设置得过大,那么屏幕空间就不够用了;如果设置成翻页效果,则用户在使用时需要不停地翻页,这在体验上会很糟糕。在这种情况下,就需要使用指导的规范尺寸了,尽管有些过小,但还是最优状态。

对于平板电脑设置来说,情况就简单多了,因为平板电脑整个屏幕较大,所以空间更多,这样对于设计师来说,就可以通过增大尺寸来提高操作适用性。虽然无法知道每个用户手指的使用习惯,如是食指操作更多,还是拇指操作更多,但有一种情况比较特殊,那就是游戏。

对于游戏来说,大多数的用户使用拇指操作,所以一些控件的尺寸一般可以按照拇指的尺寸来设置,这样用户双手稳定操作时更加精准。