我是否需要将通常的尖头按钮更改为圆形按钮？ 哪些对可用性更好？ 我们如何做出这样的决定？

正是当您沉浸在与应用程序中的圆形按钮关联的UX中时，会遇到此类问题。 我们已经知道大小，对比度和投射阴影本身可以使按钮引人注目，但是要找到主要动作和次要动作元素的正确平衡并不总是那么容易。 这种情况下的圆度可能可以解决。

舍入会增加识别度吗？

圆形元素更易于阅读。 如果角落不锋利，则连续计算卡片数量会更容易。

这是因为更好的可分辨圆度可帮助我们的眼睛快速区分卡片本身。 相反，带有尖角的卡片看起来统一而均匀，这使其难以识别。

在网格布局中，舍入效果更好。

例如，在TurboTax仪表板中，眼睛比上部具有圆角的中间部分更好地粘在上部具有圆角的元素上。

我需要使用完全圆形的按钮吗？

完全圆形的按钮在有足够可用空间的界面中看起来很棒。 这种按钮的非常成功的排列方式的一个例子是Spotify，可以很好地感受到行动号召。

一般来说，在此特定示例中，由于使用Spotify总是要归结为回放（曲目，播客，播放列表），因此主要动作是唯一定义的。 完全圆形的播放按钮与UI专辑和播放列表非常有区别，从而鼓励用户单击“播放”。

完全圆形的按钮不起作用吗？

在某些情况下，圆度会削弱可用性，例如：

1.当圆形按钮看起来像标签时

如果将按钮与标签（过滤器）区分开来并不容易，这会使人们感到困惑：“我单击按钮还是在过滤器上？”

2.圆形按钮无法显示嵌套选项

圆形按钮通常使用“箭头”图标表示嵌套选项的存在。 但是用于显示选项的点击区域（或独轮车）受到图标大小（通常为16x16或24x24 px）的限制。

在每种情况下查看选项是否方便？

如果仅使用略微圆角的按钮，则可以隐藏箭头，以便该按钮的行为类似于弹出按钮。 这种方法效果更好。

Apple不建议对操作使用圆形按钮（请参阅按钮 ）。 完整的圆形按钮保留用于“ 帮助 ”或提供互斥选项（请参见单选按钮 ）。

3.圆形按钮不适合堆叠

当我们在表和卡片中的行中放置圆形按钮时，它们看上去不合时宜。 例如，对于一个10行的表，我们得到一列10个按钮，每个按钮看起来都像是主要操作的按钮。

作为替代方案，您可以尝试使用“无边界”按钮，就像在新的macOS通知中所做的那样，或者仅在将鼠标悬停时才显示按钮。 通过最小化按钮的可见性，我们让用户专注于主要工作区域。

圆角美学

圆度看起来很现代。 全面舍入的应用程序始于移动界面，并已迁移到Web。 缺乏清晰度会带来简单，乐观和可及的感觉。 这可能就是为什么许多设计系统采用圆形元素并广泛用于图标，按钮甚至图像的原因。

在Chrome浏览器中，经过最近的更新（自原始文章发表以来已经过去了六个月-大约翻译），地址栏已四舍五入，以更好地表示同时使用搜索功能。 用户甚至在进入页面之前就可以在打印时看到部分搜索结果。

为了与新概念保持一致，工具栏上的按钮在悬停时开始四舍五入。 在其他Google应用（如日历，Gmail和云端硬盘）中很容易找到舍入元素。

总结

没有更好的确定答案-圆度或清晰度。 但是，四舍五入的元素可以帮助鼓励用户与应用程序进行交互，而不会被辅助UI分散注意力。

深入研究该问题的资源清单：

在材料设计中使用圆形

圆角的特征

为什么圆角在眼睛上更容易