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

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

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