首页 理论教育 设计APP按钮尺寸:如何优化用户体验?

设计APP按钮尺寸:如何优化用户体验?

时间:2023-06-21 理论教育 版权反馈
【摘要】:我们都知道小按钮比大按钮更难以操控,因此在设计APP界面时一般都会将可点击目标的尺寸做大一点,以利于用户点击。但是,APP按钮应该设计为多大尺寸呢?手指大小的目标尺寸最理想,一般以食指和拇指为主。通过调整目标尺寸的大小,结合实际的应用情况,能够有效地提高移动端的适用性,同时提高用户体验。

设计APP按钮尺寸:如何优化用户体验?

我们都知道小按钮比大按钮更难以操控,因此在设计APP界面时一般都会将可点击目标的尺寸做大一点,以利于用户点击。但是,APP按钮应该设计为多大尺寸呢?

先来看一下各平台设计指导规范。

《iPhone人机界面设计规范》:最小的点击目标尺寸是44×44px。

《Windows手机用户界面设计和交互指南》:建议使用的尺寸为34×34px,

最小26×26px。

诺基亚开发指南》:目标尺寸应该不小于1cm×1cm或者28×28px。(www.xing528.com)

上面这些指导规范给我们列举了各平台下可点击目标的尺寸标准,但是彼此的标准并不一致。

我们知道目标的尺寸过小还会导致失误的触摸操作,尺寸小,按钮容易拥挤在一起,用户点击时容易触碰到附近的按钮,导致运行结果非用户所愿。

大尺寸按钮定位更快,拖移也更方便,操作的舒适感更好。手指大小的目标尺寸最理想,一般以食指和拇指为主。食指点击目标尺寸是44×44px,拇指是72×72px。但也有特殊情况。移动设备的空间有限,这就意味着如果每个目标的大小都很大,那么屏幕空间根本不够,就需要不断翻页,这在体验上会变得很糟糕。

提示:如果按钮的实际尺寸为32×32px,在导出按钮时我们可以将周围扩大,若背景为透明,导出50×50px、格式为PNG的透明背景图标,这样加了透明区域使得点击的范围变大,点击起来也更方便。

另外,当我们无法推测用户使用应用时是用食指操作更多?还是用拇指更多?因此,针对这一点我们需要非常细致的调研,然后设置合理的目标尺寸。通过调整目标尺寸的大小,结合实际的应用情况,能够有效地提高移动端的适用性,同时提高用户体验。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈