软件用户体验界面表达及设计通用原则界面设计与用户体验

帮助设施细则
系统应该提供详尽而可靠的帮助文档，在用户使用产生迷惑时可以自己 寻求解决方法。
帮助设施细则： 1):帮助文档中的性能介绍与说明要与系统功能能配套一致。(我们的
系统帮助文档都是系统的祖先时期的说明，让人困惑)。 2):打包新系统时，对作了修改的地方在帮助文档中要做相应的修改。 3):操作时要提供及时调用系统帮助的功能。常用F1。 4):在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。
软件用户界面设计规范
窗体控件布局
控件间距
窗体控件布局合理，绝对不能显得拥挤；拥挤的窗体控件布局让人难 以理解，因而难以使用。让人看上去，不能太拥挤，也不能太松散。 控件对窗体的覆盖率以不高于75%为宜。
控件间隔（垂直）：组与组之间间隔15，组内控件间间间隔10。 控件间隔（水平）：组与组之间间隔15，组内控件间间间隔10。
红、大绿等。蓝色文字以白色背景容易识别，而在红色背景则不易分 辨，原因是红色和蓝色没有足够反差，而蓝色和白色反差很大。除非 特殊场合，杜绝使用对比强烈，让人产生憎恶感的颜色。常用色考虑 使用Windows界面色调。
美观与协调性细则2
8):整个界面色彩尽量少的使用类别不同的颜色。统一色调，针对软件 类型以及用户工作环境选择恰当色调:如：安全软件，根据工业标准， 可以选取黄色，绿色体现环保，蓝色表现时尚、紫色表现浪漫等等， 淡色可以使人舒适，暗色做背景使人不觉得累等
注：在系统中，一定使用标准字体，不考虑特殊字体（隶书、草书等 特殊情况使用图片代替)，以保证每个用户使用系统时显示都正常。
交互信息
在用户与计算机应用系统交互过程中，交互信息是极其重要的。它向用户提示有关系统的操 作、运行状态、系统错误等各个方面的信息，让用户更好地了解系统，更好地使用系统。 注：本规范中的交互信息主要包括系统提示信息（提示需要让用户注意的问题）、询 问信息（如是否继续某个操作）、警告信息（如提示某个安全问题）、错误信息（系统运行 时出现的错误信息）等。
9):如果使用其他颜色，主色要柔和，具有亲和力Байду номын сангаас磁力，坚决杜绝刺 目的颜色。
10):大型系统常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等。 11):界面风格要保持一致，字的大小、颜色、字体要相同，除非是需
易用性细则1
按钮名称应该易懂，用词准确，屏弃摸棱两可的字眼，要与同一界面 上的其他按钮易于区分，能望文知意最好。理想的情况是用户不用查 阅帮助就能知道该界面的功能并进行相关的正确操作。 易用性细则： 1):完成相同或相近功能的按钮用Group框起来，常用按钮要支持快捷 方式。 2):完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。 3):按功能将界面划分局域块，用Group框括起来,并要有功能说明或 标题。 4):界面要支持键盘自动浏览按钮功能，即按Tab键的自动切换功能。 5):界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置 也应放在窗口上较醒目的位置。 6):同一界面上的控件数最好不要超过10个，多于10个时可以考虑使 用分页界面显示。
美观与协调性细则1
界面应该大小适合美学观点，感觉协调舒适，能在有效的范围内吸引用 户的注意力。
美观与协调性细则： 1):长宽接近黄金点比例，切忌长宽比例失调、或宽度超过长度。 2):布局要合理,不宜过于密集，也不能过于空旷，合理的利用空间。 3):按钮大小基本相近，忌用太长的名称，免得占用过多的界面位置。 4):按钮的大小要与界面的大小和空间要协调。 5):避免空旷的界面上放置很大的按钮。 6):放置完控件后界面不应有很大的空缺位置。 7):前景与背景色搭配合理协调，反差不宜太大，最好少用深色，如大
文字对齐
界面文字（包括数字和英文字母），一般情况下都应垂直右对齐，并 且使用中文全角标点符号。
窗体控件布局
窗口缩放
窗体不可避免地会进行最小化、最大化等改变窗体大小的缩放操作， 为了使窗体界面不出现混乱，应该在窗体布局设计时考虑相应的解决 方法： （1）固定窗口大小，不允许改变大小，也不允许最大化、最小化的 操作，避免窗体界面出现混乱； （2）使用控件的Dock（Fill、Top、Left等）属性，结合Panel、 GroupBox等控件进行设计，使窗体在缩放的时候，控件能自动进行 大小调整。 （3）通过程序自行控制。在窗口大小改变的时候，捕捉窗体的 Resize或SizeChanged事件进行相应处理。
6):与正在进行的操作无关的按钮应该加以屏蔽(Windows中用灰色显 示，没法使用该按钮)。
7):对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选 择的机会。
8):非法的输入或操作应有足够的提示说明。 9):对运行过程中出现问题而引起错误的地方要有提示，让用户明白错
误出处，避免形成无限期的等待。 10):提示、警告、或错误说明应该清楚、明了、恰当。
系统中交互信息应遵循的原则有： 1 简洁易懂 尽量使用简单易懂的表述，如口语化，杜绝使用生涩难懂的专业术语；注意断句，正确、合 理的使用顿号、逗号等标点符号，内容有较大差别时，注意分段。 2 分类统一 按照提示信息、询问信息、警告信息、错误信息等进行分类，对每种信息提供的方式及相关 的窗体设计、布局进行统一，包括窗体标题，使用的提示图片、字体、字体颜色、字体大小 等。 注：如错误信息统一使用弹出窗口，并使用错误标记，只留下"确定"按钮，统一窗口标题为" 系统错误"，统一表述的语气及方式："系统出现错误：（错误内容）。请与系统管理员联系。 "。 3 合理使用 当用户的指令系统需要较长的时间进行处理时，系统应提供相应的提示信息，并在处理完成 后给与用户适当提示，以提示处理已经完成。
注：控件间间隔应该根据窗体的覆盖率灵活进行调整，但以大于10为 宜；而且在整个系统内，采用统一的控件间隔。可以通过调整窗体大 小达到一致，即使在窗体大小不变的情况下，宁可留空部分区域，也 不要破坏控件间的间隔。
窗体控件布局
控件对齐
控件水平排列成一行时，采用水平中对齐, 控件间隔按要求基本保持 一致。行与行之间间隔相同，靠窗体边界距离应大于行间间隔。当窗 体中有多个编辑区域时，以视觉效果和效率来分组组织这些区域。
通用性词眼。
规范性细则1
通常界面设计都按Windows界面的规范来设计，即包含“菜单条、 工具栏、工具厢、状态栏、滚动条、右键快捷菜单”的标准格式，可 以说：界面遵循规范化的程度越高，则易用性相应的就越好。小型软 件一般不提供工具箱。 规范性细则： 1):常用菜单要有命令快捷方式。 2):完成相同或相近功能的菜单用横线隔开放在同一位置。 3):菜单前的图标能直观的代表要完成的操作。 4):菜单深度一般要求最多控制在三层以内。 5):工具栏要求可以根据用户的要求自己选择定制。 6):相同或相近功能的工具栏放在一起。 7):工具栏中的每一个按钮要有及时提示信息。 8):一条工具栏的长度最长不能超出屏幕宽度。 9):工具栏的图标能直观的代表要完成的操作。 10):系统常用的工具栏设置默认放置位置。
2 系统中使用的控件，样式、前景色、背景色、功能、操作方式等尽 量保持一致，并且符合系统的整体配色风格，避免给用户造成混乱感 觉。
3 当在某一特定条件下，某个控件用户不可用时，对控件Enabled属 性设置为False而不是将Visible属性设为False。
字体
一般情况下，中文字体使用的"宋体"，字号大小9号；英文字体使用 标准Microsoft Sans Serif字体。
界面配色
1 如果使用经过设计的系列界面（皮肤），则必须统一色调，针对软 件类型以及用户工作环境选择恰当色调。 注：如安全软件可以选取黄色；绿色表现环保，蓝色表现时尚， 紫色表现浪漫等；淡色背景可以使人舒适，暗色做背景使人不觉得累 等。
2 如果不使用系列界面，采用标准界面则必须做到与操作系统统一 。 3 遵循对比原则：在浅色背景上使用深色文字，深色背景上使用浅色
(默认界面应该只显示目标用户最常使用的功能，至于不常用到的高 级功能，可以“隐藏”起来，比如说，放到菜单里，不要都做成按钮 摆到界面上。果真需要需要这些高级功能的话，用户自然会到菜单里 去找的。 )
合理性细则2
5):错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。横 排开头或最后与竖排最后为易点位置。
易用性细则2
7):分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab 8):默认按钮要支持Enter及选操作，即按Enter后自动执行默认按钮对
应操作。 9):可写控件检测到非法输入后应给出说明并能自动获得焦点。 10):Tab键的顺序与控件排列顺序要一致，目前流行总体从上到下，
规范性细则2
11):工具栏太多时可以考虑使用工具箱。 12):工具箱要具有可增减性，由用户自己根据需求定制。 13):工具箱的默认总宽度不要超过屏幕宽度的1/5。 14):状态条要能显示用户切实需要的信息，常用的有：
目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息 等， 如果某一操作需要的时间较长，还应该显示进度条和进程提示。 15):滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于 用户了解显示信息的位置和百分比。 16):状态条的高度以放置5号字为宜，滚动条的宽度比状态条的略窄。 17):菜单和工具栏要有清楚的界限;菜单要求凸出显示，这样在移走工 具栏时仍有立体感。 18):菜单和状态条中通常使用5号字体。工具栏一般比菜单要宽，但 不要宽的太多，否则看起来很不协调。 19):右键快捷菜单采用与菜单相同的准则。
文字。 注：如蓝色文字以白色为背景容易识别，而在红色背景下则不易
分辨，原因是红色与蓝色的对比度不够，而蓝色和白色的对比度很大， 容易识别。除非特殊场合，杜绝使用对比强烈，让人产生憎恶感的颜 色。 4 整个界面色彩尽量不使用或少使用多种不同的颜色。