App 按钮的背后，这些学问你都不知道

据研究显示，圆角能促进信息处理，并吸引用户聚焦到元素正中央。

圆角矩形按钮

当然，你还可以加入更多创意元素，使用如圆形，三角形甚至自定义形状的其它形状，但要注意，使用这些形状可能会更加冒险。

FAB 示例

2. 尺寸和内边距

在帮助用户识别按钮元素时，按钮的尺寸大小也非常重要。你需要考虑按钮元素的尺寸大小，同时还要考虑可点击元素间的内边距。

尺寸。当你使用轻击（tap）作为 app 或网站的主要输入交互方式时，你可以参考麻省理工大学触击实验室（MIT Touch Lab）的研究，从而为你的按钮设计选择合适的尺寸。

根据 MIT 的研究发现，指垫的平均宽度在10-14毫米之间，指尖的平均宽度在8-10毫米之间。因此，10×10毫米是触屏按钮最小尺寸的一个好选择。

图片来源： uxmag

这个建议本意不是让那些易按错的按钮更加完美，而是尽可能将按错次数最小化到实用水平，同时，还要平衡其他重要特性（比如屏幕信息密度）。

图片来源：ux.stackexchange.com

当鼠标和键盘作为主要的输入交互方式时，对按钮尺寸的要求则可以稍微降低，以便于适应密集型的用户界面。

内边距。按钮间内边距是为更好地区分各交互控制按钮而设计，同时给用户界面足够多的空间。

Google 的 Material Design 对话框中扁平化按钮间的内边距

3. 标签

你应该为按钮选择一个合适的标签。选择标签的方法应该基于最小惊讶原则（principle of least astonishment）：如果某必要按钮有个高惊讶因素的标签，那就要考虑更换这个标签了。

经验法则——按钮的标签要体现其功能。添加一条清晰信息来告知用户在点击/轻击后会发生什么，或者通过行为动词提示用户某界面元素的功能。

（编辑：西安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!