按钮体验设计:最佳的感受,形式和状态

3.切换按钮

切换按钮能够允许用户从两种状态中改变设置。

切换按钮

使用

多数的切换按钮都是以开或关的形式使用。

还有就是切换按钮可以在成组相关的选项中使用。但是你的布局应当是将切换按钮作为一组选项中的组成部分。所以切换按钮要求：

1.一组中有至少3个切换按钮

2按钮上使用文字，icon或者两者结合作为标签。

一个被选中的切换按钮

在切换按钮上使用icon是最好的方法，因为它只接受一个选择，比如添加或者转移一个星星到另一个项目上。最好在APP的bar,toolbar,动作按钮或者切换按钮上使用它们。

Twitter的"LIKE"上的切换按钮

为一个按钮上选择一个正确的icon是非常重要的。我将会在另外一篇文章上讲解icon 扮演着完美用户体验的重要角色。

例子

iOS上使用切换按钮作为设置选项。

4.幽灵按钮

幽灵按钮就是一种透明的或者空按钮的使用基本形状的形式。当内部的内容为简单的文字形式时，通常使用非常细的描边作为幽灵按钮的轮廓。

不同的幽灵按钮

使用

使用幽灵按钮做为一个主要的唤起动作其实并不是一个好主意。你能看到下面的例子就是幽灵按钮上Download Bootstrap的样子看起来和他们产品的logo很相似容易引起用户的困惑。

Download Bootstrap是一个按钮，你看出来了么？颗颗。。。。

幽灵按钮最好是用在第二或第三层级的内容上，哪怕他最终无法完全传达你想要唤起行动的目的。你当然想用户能够返现你主要想要传达的唤起行动的内容，然后再跳过它看到第二级的按钮。

积极动作会有更高的反差以便用户能看到清晰的动作。

主要动作（CTA）是Purchase Now，幽灵按钮是第二级按钮

行为

正常状态（左）和高亮态（右）