控件|State-Switch Controls——状态切换控件，该怎么使用？( 二 ) 不可降解塑料|打包袋|上海市浦

文章插图
这就是从环境上强化了“正在录音”的认知，从而理解按钮作用的方式。
2. 使用有动词文案的按钮如果上面有表述动作的文字，用户更容易知道点下来会发生什么事情。比如下图站酷修改前的“已关注”按钮，看起来像是在描述现在的状态，但是又错误地使用了按钮的样式。
下图的“取消关注”按钮则含义明显得多，代表点下去会改变关注的状态。

文章插图
有意思的是，设计者正是考虑到了使用“取消关注”按钮的话表意明确，然后反方向设计出一个表示状态的按钮来迷惑用户。用户就难知道如何取消关注了。
四、结论让用户更清晰地理解“状态切换控件”的含义有下面几种方式：

使用有动词文案，让用户去理解文字；
从控件本身强化认知。依据用户的认知设计控件的样式，比如收音机案例中按钮的颜色变深；
从环境上本身强化认知。使用明显的视觉、听觉效果，让用户容易理解现在界面所处的状态。

本文由 @biubiu 原创发布于人人都是产品经理。未经许可，禁止转载
题图来自Unsplash，基于CC0协议