极致用户体验！5个让APP按钮设计更吸睛的技巧

acoputojos

完美的应用程序设计离不开完美的应用程序按钮设计。应用程序按钮是UI界面不可缺少的UI组件之一。一个好的应用程序按钮可以使用户更容易与界面交互，从而提高应用程序应用程序的转换率。本文将围绕应用程序按钮进行解释，以帮助您创建一个具有良好用户体验的应用程序。
APP按钮设计应具有可点击性

当新用户第一次操作应用程序时，他们需要通过认知UI界面元素的过程。一般来说，用户花在“理解”界面元素上的时间越短，用户体验就越好。这就是为什么设计师需要从用户的角度考虑应用程序按钮设计是否可点击。
应用程序按钮的设计尺寸也特别重要。按钮设计太大，视觉上会占用太多的屏幕，而太小的应用程序按钮不能通过普通手指单击。麻省理工学院的触摸实验室于2003年发表了一项研究，发现大多数指尖的宽度为8-10毫米。因此，建议应用程序按钮不小于10毫米。此外，任何给定屏幕的主要转换都应与界面中最大尺寸的按钮相匹配。

建议：设计师应考虑用户的经验和视觉提示，通过改变大小、形状、颜色、阴影等，将应用程序按钮设计与其他元素区分开来。最简单的方法是使用熟悉的应用程序按钮设计的形状和风格：包括方形应用程序按钮、圆形应用程序按钮和人们可以在其他常见界面中找到的其他形式的按钮。诚然，许多设计师想要保持独特和原创，但如果用户体验不好，提供独特的东西是没有用的。
按钮设计符合用户预期

没有用户喜欢到处寻找按钮。当用户打开一个网页时，他们只想立即实现他们的目标，并试图充分利用这种心理。一般来说，应用程序按钮应放置在符合用户浏览路径的地方，以便被发现，并应尽可能接近其控制的对象。在没有刻意建立引导视觉路径的情况下，经典的“F”、“Z网页浏览模式可作为app按钮放置规则的基本指导。
Gutenberg diagram认为用户关注流(通常包括鼠标移动)遵循一个“”Z“字形模式，从页面的左上角到右下角。
Jacob Nielsen提供了眼球跟踪研究结果，并指出用户关注流顺序遵循“F字形模式。

告知用户app按钮的作用

如果应用程序按钮设计的文本标签模棱两可，它会阻碍用户的操作或导致错误。如果可以的话，尽量不要让你的应用程序按钮文本看起来一样，有时会更有趣！例如，百度搜索应用程序按钮提示为“百度”，比简单的“点击搜索”要友好和有趣得多。
提供app按钮反馈

在现实生活中的对话中，人们的肢体语言总是让我们知道他们在听和理解，这使得对话更容易。在使用产品时，用户也有同样的反馈期望，就像人和软件之间的对话一样。每当用户与应用程序按钮互动时，应用程序按钮都应该改变状态，以便用户知道由于操作而发生的事情。用户需要知道计算机有反应在创建应用程序按钮设计时，需要根据不同的状态设计不同的应用程序按钮样式，每个状态的应用程序按钮样式必须与其他元素和布局区分开来。然而，差异化的应用程序按钮设计并不能产生主导效果。
按钮设计的可用性测试

为了以最低的成本设计正确的应用程序按钮，应用程序按钮设计的可用性测试通常在开发前进行，即使是一个小的应用程序按钮也不例外。常用的可用性测试包括：用户访谈、可用性测试、问卷调查、A/B测试、焦点组、卡片分类、日志分类、满意度评估、观察方法等。
您可以开始选择以上任何一种测试形式来解决以下基本问题：
用户能否找到所有主要功能的UI按钮？
找到和点击UI按钮平均需要多长时间？
用户知道每个UI按钮在重要问题上与其他功能有关吗？
导航对用户是否合乎逻辑？
当需要微调app按钮时，A/B测试是个不错的选择！A/B测试通过随机向用户显示设计的两个变体来确定哪个变体更可行、更有效。这是一个简单、有效的测试。单击以了解更多关于A/B测试的信息和方法。
善用app按钮设计组件库库

Material Design
js.design/community?category=detail&type=resource&id=5ee1bf157e05ed5002fe1ff6&source=sh&plan=btt508

Material Design UI 组件库应用广泛实用，包括移动应用原型中使用的170多个不同的组件，包括您可能需要的各种按钮和操作控件。每个应用程序按钮都有一些基本的交互集成到组件中，以节省时间，阴影在应用程序按钮设计中起着重要的作用。
Microsoft iOS Fluent
Microsoft iOS Fluent UI组件库由数百个最新组件组成，所有这些应用程序按钮都是完全可扩展和定制的。组件块之间的信息水平仍然是关键，采用平面设计风格，强调布局设计的重要性，这是任何设计都必须遵循的。
Microsoft 安卓系统
Fluent Design System是Microsoft的UI设计系统，用于创建自适应、美观的用户界面。微软表示，这组Microsoft FluentAndroid组件库在中国和印度移动市场进行了研究，以了解人们如何通过智能手机完成任务。因此，使用这组UI组件库完成碎片化任务的生产力会更高。
js.design/community?category=detail&type=resource&id=5ee1bf157e05ed5002fe1fdf&source=sh&plan=btt508

小结

应用程序按钮的设计非常重要，因为应用程序按钮可以帮助用户更舒适地浏览和更“正确”地使用您的产品。因此，花时间和精力仔细设计是值得的，永远不要让应用程序按钮变得华而不实，希望大家能够通过本文在按钮设计中得到帮助。

来源：
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！