如何进行良好的界面设计
2009-07-13 16:38
453 查看
界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的第一印象,而且设计良好的界面能够引导用户自己完成相应的操作,起到向导的作用。同时,界面如同人的面孔,具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉,相反由于界面设计的失败,让用户有挫败感,再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。目前界面的设计引起软件设计人员的重视的程度还远远不够,直到最近网页***的兴起,才受到专家的青睐。
目前流行的界面风格有三种方式:多窗体、单窗体以及资源管理器风格,无论那种风格,以下规则是应该被重视的。
1:易用性
按钮名称应该易懂,用词准确,屏弃模棱两可的字眼,要与同一界面上的其他按钮易于区分,能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。(据统计,只有30%的客户会浏览帮助文件。)
易用性细则:
1)完成相同或相近功能的按钮用Frame框起来,常用按钮要支持快捷方式。
2)完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离。
3)按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题。
4)界面要支持键盘自动浏览按钮功能,即按Tab键的自动切换功能。
5)界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。
6)同一界面上的控件数最好不要超过10个,多于10个时可以考虑使用分页界面显示。
7)分页界面要支持在页面间的快捷切换,常用组合快捷键Ctrl+Tab
8)默认按钮要支持Enter及选操作,即按Enter后自动执行默认按钮对应操作。
9)可写控件检测到非法输入后应给出说明并能自动获得焦点。
10)Tab键的顺序与控件排列顺序要一致,目前流行总体从上到下,同时行间从左到右的方式。
11)复选框和选项框按选择几率的高底而先后排列。
12)复选框和选项框要有默认选项,并支持Tab选择。
13)选项数相同时多用选项框而不用下拉列表框。
14)界面空间较小时使用下拉框而不用选项框。
15)选项较少少时使用选项框,相反使用下拉列表框。
16)专业性强的软件要使用相关的专业术语,通用性界面则提倡使用通用性词眼。
2:规范性
通常界面设计都按Windows界面的规范来设计,即包含“菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单”的标准格式,可以说:界面遵循规范化的程度越高,则易用性相应的就越好。
规范性细则:
1)常用菜单要有命令快捷方式。
2)完成相同或相近功能的菜单用横线隔开放在同一位置。
3)菜单前的图标能直观的代表要完成的操作。
4)菜单深度一般要求最多控制在三层以内。
5)工具栏要求可以根据用户的要求自己选择定制。
6)相同或相近功能的工具栏放在一起。
7)工具栏中的每一个按钮要有及时提示信息。
8)一条工具栏的长度最长不能超出屏幕宽度。
9) 工具栏的图标能直观的代表要完成的操作。
10)系统常用的工具栏设置默认放置位置。
11)工具栏太多时可以考虑使用工具箱。
12)工具箱要具有可增减性,由用户自己根据需求定制。
13)工具箱的默认总宽度不要超过屏幕宽度的1/5。
14)状态条要能显示用户切实需要的信息,常用的有:
目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等,如果某一操作需要的时间较长,还应该显示进度条和进程提示。
15)滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比。
16)状态条的高度以放置五好字为宜,滚动条的宽度比状态条的略窄。
17)菜单和工具条要有清楚的界限;菜单要求凸出显示,这样在移走工具条时仍有立体感。
18)菜单和状态条中通常使用5号字体。工具条一般比菜单要宽,但不要宽的太多,否则看起来很不协调。
19)右键快捷菜单采用与菜单相同的准则。
3:帮助设施
系统应该提供详尽而可靠的帮助文档,在用户使用产生迷惑时可以自己寻求解决方法。
帮助设施细则:
1)帮助文档中的性能介绍与说明要与系统性能配套一致。(我们的系统帮助文档都是系统的祖先时期的说明,让人困惑)。
2)打包新系统时,对作了修改的地方在帮助文档中要做相应的修改。
3)操作时要提供及时调用系统帮助的功能。常用F1。
4)在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。也就是说帮助要有即时针对性。
5)最好提供目前流行的联机帮助格式或HTML帮助格式。
6)用户可以用关键词在帮助索引中搜索所要的帮助,当然也应该提供帮助主题词。
7)如果没有提供书面的帮助文档的话,最好有打印帮助的功能。
8)在帮助中应该提供我们的技术支持方式,一旦用户难以自己解决可以方便的寻求新的帮助方式。
目前流行的界面风格有三种方式:多窗体、单窗体以及资源管理器风格,无论那种风格,以下规则是应该被重视的。
1:易用性
按钮名称应该易懂,用词准确,屏弃模棱两可的字眼,要与同一界面上的其他按钮易于区分,能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。(据统计,只有30%的客户会浏览帮助文件。)
易用性细则:
1)完成相同或相近功能的按钮用Frame框起来,常用按钮要支持快捷方式。
2)完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离。
3)按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题。
4)界面要支持键盘自动浏览按钮功能,即按Tab键的自动切换功能。
5)界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。
6)同一界面上的控件数最好不要超过10个,多于10个时可以考虑使用分页界面显示。
7)分页界面要支持在页面间的快捷切换,常用组合快捷键Ctrl+Tab
8)默认按钮要支持Enter及选操作,即按Enter后自动执行默认按钮对应操作。
9)可写控件检测到非法输入后应给出说明并能自动获得焦点。
10)Tab键的顺序与控件排列顺序要一致,目前流行总体从上到下,同时行间从左到右的方式。
11)复选框和选项框按选择几率的高底而先后排列。
12)复选框和选项框要有默认选项,并支持Tab选择。
13)选项数相同时多用选项框而不用下拉列表框。
14)界面空间较小时使用下拉框而不用选项框。
15)选项较少少时使用选项框,相反使用下拉列表框。
16)专业性强的软件要使用相关的专业术语,通用性界面则提倡使用通用性词眼。
2:规范性
通常界面设计都按Windows界面的规范来设计,即包含“菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单”的标准格式,可以说:界面遵循规范化的程度越高,则易用性相应的就越好。
规范性细则:
1)常用菜单要有命令快捷方式。
2)完成相同或相近功能的菜单用横线隔开放在同一位置。
3)菜单前的图标能直观的代表要完成的操作。
4)菜单深度一般要求最多控制在三层以内。
5)工具栏要求可以根据用户的要求自己选择定制。
6)相同或相近功能的工具栏放在一起。
7)工具栏中的每一个按钮要有及时提示信息。
8)一条工具栏的长度最长不能超出屏幕宽度。
9) 工具栏的图标能直观的代表要完成的操作。
10)系统常用的工具栏设置默认放置位置。
11)工具栏太多时可以考虑使用工具箱。
12)工具箱要具有可增减性,由用户自己根据需求定制。
13)工具箱的默认总宽度不要超过屏幕宽度的1/5。
14)状态条要能显示用户切实需要的信息,常用的有:
目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等,如果某一操作需要的时间较长,还应该显示进度条和进程提示。
15)滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比。
16)状态条的高度以放置五好字为宜,滚动条的宽度比状态条的略窄。
17)菜单和工具条要有清楚的界限;菜单要求凸出显示,这样在移走工具条时仍有立体感。
18)菜单和状态条中通常使用5号字体。工具条一般比菜单要宽,但不要宽的太多,否则看起来很不协调。
19)右键快捷菜单采用与菜单相同的准则。
3:帮助设施
系统应该提供详尽而可靠的帮助文档,在用户使用产生迷惑时可以自己寻求解决方法。
帮助设施细则:
1)帮助文档中的性能介绍与说明要与系统性能配套一致。(我们的系统帮助文档都是系统的祖先时期的说明,让人困惑)。
2)打包新系统时,对作了修改的地方在帮助文档中要做相应的修改。
3)操作时要提供及时调用系统帮助的功能。常用F1。
4)在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。也就是说帮助要有即时针对性。
5)最好提供目前流行的联机帮助格式或HTML帮助格式。
6)用户可以用关键词在帮助索引中搜索所要的帮助,当然也应该提供帮助主题词。
7)如果没有提供书面的帮助文档的话,最好有打印帮助的功能。
8)在帮助中应该提供我们的技术支持方式,一旦用户难以自己解决可以方便的寻求新的帮助方式。
相关文章推荐
- 如何使界面在较大的屏幕上居中,并且在设计期可以按期望的界面尺寸进行设计?
- 如何在jbuilder设计器里进行界面设计?
- 以“吃鸡”手游为例,讲解如何进行游戏交互界面设计
- 如何进行软件架构设计?
- 进行面向对象的设计时,一项基本的考虑是:如何将发生变化的东西与保持不变的东西分隔开。
- 【技术干货】如何进行低功耗设计和开发
- 基于Qt的ui图形化界面进行的界面设计
- 如何手动的用jigloo设计器关联java界面文件 jigloo 设计器失去关联解决
- 如何培养良好的设计习惯:把握细节!
- 如何在linux命令行无界面下,使用selenium进行自动化测试
- 互联网架构,如何进行容量设计?
- 如何搞定界面设计之构图篇(转)
- 面向对象分析设计中如何进行数据库设计
- 手机APP界面设计规范:如何定义视觉规范
- 如何做APP界面设计
- 如何设计一个良好体验的用户界面(上)
- Java异常处理终结篇——如何进行Java异常处理设计
- 如何进行软件系统架构设计?
- Java异常处理终结篇——如何进行Java异常处理设计
- web设计师必看“瞬间之美-Web界面设计如何让用户心动”