按钮表状态还是表动作?

作者:西贝 来源:薯片会 时间:2009-03-23 18:21:00 

在网页中经常见到两类不同的按钮。一类表示当前所示的状态,一类表示将要进行的动作。(如下图)


 
那么,同样是icon类的按钮,为什么有的表状态,有的表动作?


分析两类按钮的使用场景:

场景一:声音开关的按钮


 

场景:这组按钮首先表示当前的状态(声音是开着的,还是关着的),点击以后切换到另一个状态。

分析:声音在视觉的表现上不能直接感知,因此需要一个图形化的icon表示当前的状态;左侧的图标表示当前音乐是开启的,点击后关闭声音。如果说只表示当前状态,那么点击后会产生什么操作就比较难猜,没有一个明确的引导。

场景二:视频播放停止的按钮


 

场景:这组按钮不表示当前的状态,而是表示用户可以进行的操作,跟第一组的表意是反着的。
分析:画面是否在播放是可以直接在屏幕上感知的,因此不需要再讲述当前是怎样的状态,而是提示下一步可以进行的操作;

标签:按钮,状态,动作
0
投稿

猜你喜欢

  • Python中的xlrd模块使用整理

    2023-03-30 17:35:04
  • Python全景系列之数据类型大盘点

    2021-01-10 15:29:19
  • Python中让MySQL查询结果返回字典类型的方法

    2024-01-25 04:37:33
  • python实现一次性封装多条sql语句(begin end)

    2022-09-27 13:20:34
  • python pycharm的安装及其使用

    2023-11-04 20:27:06
  • matplotlib运行时配置(Runtime Configuration,rc)参数rcParams解析

    2022-08-31 12:17:15
  • 基于FlashPaper实现JSP在线阅读代码示例

    2023-06-14 21:02:31
  • 使用pyinstaller打包PySide2程序中遇到的问题

    2023-02-10 18:23:32
  • Python实现批量执行同目录下的py文件方法

    2022-01-23 21:20:39
  • 详解Python程序与服务器连接的WSGI接口

    2021-11-19 03:57:10
  • Python抓新型冠状病毒肺炎疫情数据并绘制全国疫情分布的代码实例

    2022-10-11 23:14:40
  • JS中判断null、undefined与NaN的方法

    2024-04-19 09:54:27
  • Javascript typeof 用法

    2013-10-20 20:49:40
  • Python 爬虫的原理

    2023-01-18 21:05:35
  • JS中定位 position 的使用实例代码

    2024-05-03 15:05:09
  • 也谈 CSS Sprites

    2009-10-06 15:14:00
  • 网页特效文字之—银箔字

    2013-08-07 00:21:39
  • Python常用类型转换实现代码实例

    2022-05-20 06:03:43
  • MySQL的表级锁,行级锁,排它锁和共享锁

    2024-01-28 15:44:22
  • 2022最新腾讯轻量云 debian 10 安装pve教程详解

    2022-09-16 15:55:38
  • asp之家 网络编程 m.aspxhome.com