UI交互细节节选控件使用细则

控件使用细则

按钮
除主界面外命令按钮不超过6个
命令按钮文字简单明了
相同功能的命令按钮使用同一个图标和文字
[确认][放弃][关闭][重置][应用][帮助]六个按钮为标准按钮应使用标准含义
当确认按钮代表诸如“打印”“搜索”之类具体功能的时候,使用功能含义代替确认
对话框中所有按钮文字内容长度类似的话采用同样大小的按钮
按钮和其他部分用空白或者分割线分开
如果同排按钮超过3个应该分组。
在统一的位置放置按钮
按钮尽可能按照下列顺序摆放:确认离开、放弃离开、应用
按钮文字中加入“...”表示需要输入数据
禁止而不是消失暂时不起作用的按钮
一般情况下选择非破坏性按钮作为默认按钮
 
标签
文字内容应该明了
同一窗口不同标签文字大小应该一致
尽量不采用大红颜色作为标签文字
预先考虑不同字体大小的情况标签的大小
 
单选按钮
应该带有明白的文字解释
集中竖排放置单选按钮
同时放置的单选按钮不超过6个
避免两个单选按钮表示同一内容的两种状态(例如YES/NO)
 
复选按钮
应该带有明白的文字解释
集中竖排放置复选按钮
同时放置的复选按钮不超过10个
不要带有“选择全部”“取消全部选择”的复选按钮
复选按钮多行放置时左对齐
 
文本输入框
有边框的用于可输入文本框,不可输入的用无边框的
灰掉只读的文本框
文本框的宽度应和可输入的内容长度一致
当存在做个文本输入框(超过3个)可以按照一定规则分类用组件范围框架
放置LABEL说明文本输入框用途,说明文本后加“:”
 
列表框
同时显示项数为3-8个
应该为列表框增加一个说明意义的文本解释放置在列表框左上方
对于超过30个选项的列表框应提供选项过滤方式
保持列表框中被用户选中选项的焦点
 
下拉列表框
当用户需要同时看到多个选项时采用列表框而不是下拉列表框
应该为列表框增加一个说明意义的文本解释
 
组件范围框架
按照一定规则放置控件在组件范围框架内:

根据逻辑关系
根据任务关系
根据使用频率
 
滑动条
同时显示当前的代表值会更加有效
当可选择数目在10以内的时候不使用滑动条
滑动条位置代表实际数值
在用户知道精确位置情况下允许其输入数值定位
用小箭头表示小的改变
 

树控件对于初级用户可能不合适
树不能代替菜单和按钮
 
列表树
让用户可以选择一个选项的任何一个部分表示选中该选项(行选择)
 
多页面选择
按照一定规则放置控件在多页面不同页面内:

根据逻辑关系
根据任务关系
根据使用频率
如果是软件设置按钮增加一个恢复到默认的按钮在多页面选择控件下面
避免只有一个控件的页面


本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/Musicwind/archive/2004/06/26/27379.aspx

原文地址:https://www.cnblogs.com/kevinzhwl/p/3878943.html