UI设计规范说明书.docx
- 文档编号:4806748
- 上传时间:2022-12-09
- 格式:DOCX
- 页数:9
- 大小:147.42KB
UI设计规范说明书.docx
《UI设计规范说明书.docx》由会员分享,可在线阅读,更多相关《UI设计规范说明书.docx(9页珍藏版)》请在冰豆网上搜索。
UI设计规范说明书
1.1.1
1.1.2
1.1.3
1.1.4
1.1.5
1.1.6向导使用原则
对于应用中某些部分的处理流程是固定的,用户必须按照指定的顺序输入操作信息,为了使用户操作得到必要的引用应该使用向导,使用户使用功能时比较轻松明了,但是向导必须用在固定处理流程中,并且处理流程应该不少于3个处理步骤。
1.1.7系统响应时间
系统响应时间应该适中,响应时间过长,用户就会感到不安和沮丧,而响应时间过快也会影响到用户的操作节奏,并可能导致错误。
因此在系统响应时间上坚持如下原则:
响应时间长度界面设计:
0-5秒鼠标显示成为沙漏;
5秒以上显示处理窗口,或显示进度条;
一个长时间的处理完成时应给予完成警告信息。
1.1.8出错信息和警告
出错信息和警告是指出现问题时系统给出的坏消息,对于出错信息和警告应该遵循以下原则:
信息以用户可以理解的术语描述;
信息简明扼要,指出出错原因并提供解决办法提示。
1.1.9信息显示原则
信息显示遵循以下原则:
1)只显示与当前用户语境环境有关的信息;
2)不要用数据将用户包围,使用便于用户迅速吸取信息的方式表现信息;
3)使用一致的标记、标准缩写和颜色,显示信息的含义应该非常明确,用户不必再参考其它信息源;
4)产生有意义的出错信息;
5)使用缩进和文本来辅助理解;
6)使用窗口分隔控件分隔不同类型的信息;
7)高效地使用显示器的显示空间,但要避免空间过于拥挤。
1.1.10数据输入原则
数据输入遵循以下原则:
1)尽量减少用户输入动作的数量;
2)维护信息显示和数据输入的一致性;
3)交互应该时灵活的,对键盘和鼠标输入的灵活性提供支持;
4)在当前动作的语境中使不合适的命令不起作用;
5)让用户控制交互流,用户可以跳过不必要的动作、改变所需动作的顺序(如果允许的话)以及在不退出系统的情况下从错误状态中恢复;
6)为所有输入的动作提供帮助;
7)消除冗余输入。
可能的话提供默认值、绝不要让用户提供程序中可以自动获取或计算出来的信息。
2界面实施细则Detail
2.1概述
界面设计中保持界面的一致性。
一致性既包括使用标准的控件,也指使用相同的信息表现方法,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。
界面力求简洁明了,保证系统功能设计的合理与明确,布局明确、交互操作合理、协调统一。
功能要表现清楚,分类清晰有条理,避免过多的控件嵌套导致的视觉混乱;单一功能的操作目的明确,符合易用性原则,避免不必要的信息显示而对用户造成视觉干扰;力求操作简单,简单的功能一步完成,比较复杂的功能三步之内,复杂的功能操作使用操作向导来辅助客户完成。
2.2颜色搭配Corlor
2.3字体Font
2.4资源Resources
2.5控件风格Style
2.5.1窗体Window
2.5.2菜单Menu
2.5.3工具栏ToolBar
2.5.4状态栏StatusBar
2.5.5导航栏OutlookBar
2.5.6数据窗口DataWindow
2.5.7按钮Button
2.5.8单选框RadioButton
2.5.9静态文本Statictext
2.5.10文本框SingleLineEdit
2.5.11下拉选择框DropDownList
2.5.12树形视图TreeView
2.5.13图片PictureBox
2.6界面布局Layout
2.6.1引言Introduction
2.6.2间距Distance
2.6.3对齐Align
2.6.4分辨率
2.6.5主界面布局
2.6.6用户主要工作区布局
2.6.6.1衍生布局1
2.6.6.2衍生布局2
2.6.6.3衍生布局3
2.6.7弹出式窗口布局
2.6.7.1业务模块弹出式窗口
2.6.7.2管理模块弹出式窗口
2.6.7.3弹出式窗口上数据窗口
2.7快捷键ShortCuekey
在菜单项中使用快捷键可以让使用键盘的用户操作得更快一些,在Windows及其应用软件中快捷键的使用大多是一致的。
应用的快捷键在各个配置项上语义必须保持一致。
2.8用户简单交互Action
2.8.1消息框MessageBox
2.9联机帮助Help
2.9.1帮助Help
常用的帮助有两种:
集成的和附加的。
集成的帮助一开始就是设计在软件中的,它与语境有关,用户可以直接选择与所要执行操作相关的主题。
通过集成帮助可以缩短用户获得帮助的时间,增加界面的友好性。
附加的帮助在系统建好以后再加进去的。
通常是一种查询能力比较弱的联机帮助。
提供这两种帮助,设计和实现时遵循以下原则:
1)进行系统交互时,提供部分帮助功能,即:
提供主要操作的帮助;
2)用户可以通过帮助菜单、F1键和帮助按钮(如果有的话)访问帮助;
3)表示帮助时根据需要提供三种方式的选择:
另一个窗体、微帮助和指出参考某个文档;
4)用户如何回到正常交互方式有两种选择:
返回键和功能键。
帮助信息的构造:
采用分层式帮助。
2.9.2微帮助MicroHelp
微帮助提供:
由状态栏提供,或控件上的提示文本。
微帮助要求:
简明扼要的说明问题,避免冗长繁复的阐述。
2.9.3Tooltip
2.9.4帮助文件CHM/HLP
3追加说明
更改说明或更改本用户界面设计时应该征得所有开发者的同意,所有开发者应该按更正后的原则修改和设计用户界面。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- UI 设计规范 说明书
![提示](https://static.bdocx.com/images/bang_tan.gif)