美文网首页
按钮状态的变化

按钮状态的变化

作者: 徐文三 | 来源:发表于2015-10-13 13:23 被阅读176次

产品设计经常遇到这种问题

举例,一个按钮点击关注,再次点击取消关注

那么按钮被点击后样式是什么呢?是关注中(用户可能会不知道可以再点击取消)还是取消关注?(用户可能混淆)

因为web存在hover状态,所以问题可以解决,

比较理想的状态是,一开始显示关注,点击后显示关注中,鼠标hover显示取消关注,点击后又显示关注。

产生困扰的原因归根结底是因为,一个按钮即要表明用户此时所处的状态,又要告知用户点击后的动作。

今天看到一片文章讲的很受启发。

可以采用吐司的形式强化用户点按后状态通知,减轻按钮承担的信息量(但仍然无法避免,按钮依然要表达两种信息)

相关文章

  • 按钮状态的变化

    产品设计经常遇到这种问题 举例,一个按钮点击关注,再次点击取消关注 那么按钮被点击后样式是什么呢?是关注中(用户可...

  • 按钮选中与未选中状态切换

    1 切换一个按钮的选中与不选中状态 2 有两个按钮,切换一个按钮选中,另一个按钮未选中,反之,相互变化 3 获取按...

  • 自定义Vue2.0组件

    Button 按钮 常用的操作按钮。 基础用法 基础的按钮用法。 禁用状态 按钮禁用状态 带图标的按钮 让按钮不仅...

  • 小红书关注设计的套路

    在产品设计时,为了提供更简单的操作路径和功能的统一性,功能按钮是不会变化的,只有状态会变化,如选中和非选中的状态示...

  • Cocos Creator之添加按钮

    按钮组件 Button 组件可以响应用户的点击操作,当用户点击 Button 时,Button 自身会有状态变化。...

  • Button enabled和userInteractionEn

    userInteractionEnabled不改变按钮状态,仅仅使得按钮不能被点击enabled更改会改变按钮状态...

  • iOS开发之多个按钮选中的问题

    问题介绍: 想要实现的功能有:有多个按钮按钮被点击后为选中状态有按钮被选中时点击其他按钮,之前被选中的按钮状态变为...

  • tag的使用

    按钮设置标题! 因为 按钮有多种状态,比如选中、正常转态,所以,要明确告诉按钮,你的按钮是神马状态,它才能执行! ...

  • iOS列表上cell上的按钮随着状态的变化而点击事件发生变化

    iOS列表上cell上的按钮随着状态的变化而点击事件发生变化,那么得先干掉之前的事件,否则会走之前的事件, rem...

  • 平面设计课堂:按钮如何设计更能吸引人

    按钮的不同分类如下: * 动作按钮 * 常用按钮样式 * 按钮的颜色和形状 * 按钮状态和反馈 * 标签按钮 * ...

网友评论

      本文标题:按钮状态的变化

      本文链接:https://www.haomeiwen.com/subject/eueocttx.html