软件用户界面设计规范
1.导言
1.1 目的
为开发人员提供界面设计和开发的指南,引导开发人员设计简洁美观的用户界面;
1.2 适用范围
适用于xxxxxx。
2.软件界面设计的重要性
2.1 发展趋势
软件用户界面的发展经历了从简单到复杂、从低级到高级的过程,用户界面在软件系统中的价值比重越来越高。
2.2 开发竞争
得益于互联网的发展和普及,软件开发的技术门槛在不断下降,大部分软件企业的技术手段也趋向于雷同,“软件设计”变得越来越重要。当大家都掌握了相似的技术和需求信息后,企业之间的开发竞争“比的就是设计”。
–软件用户界面设计要综合考虑“易用性设计”、“艺术设计”和“技术实现”,很有挑战性。
2.3 用户挑剔
用户界面在很大程度上影响着软件的命运,因为广大用户对软件的评价主要来源于他们操作用户界面的感受。同类软件越多,选择余地越大,购买者对软件用户界面就越挑剔。
3.软件界面设计的现状、问题及原因
3.1 不容乐观的现状
尽管国内有很多技术出、聪明过人的软件工程师,但是不少人开发出来的软件产品却既难用又难看,客户很不满意。导致经常要修改软件的用户界面,造成极大的生产力浪费。
到处是用户界面设计缺陷:
–界面措辞含糊,甚至有错别字。连简单的消息框都设计不好,可能存在文不对题的语病。
–界面布局混乱,缺乏逻辑,凡是能放的东西都堆集上去,让用户不知从何下手。
–没有防错处理,不对用户输入的数据进行检验,不根据用户的权限自动隐藏或者禁用某些功能。执行破坏性的操作之前,不提醒用户确认。
–不提供进度条、动画来反映正在进行的比较耗时间的过程,对于重要的操作也不返回结果,让用户干着急。
3.2 问题和原因之一
由于国内没有开设软件界面设计的课程,大家对这部分知识没有深刻的意识,只是在工作中凭着个人的经验与感觉设计软件的用户界面,这样产生的界面往往得不到大众用户的认可。
3.3 问题及原因之二
开发人员在设计用户界面方面不仅存在先天的教育缺陷,更加糟糕的是还常常“错位”的毛病。他以为只要自己感觉用户界面漂亮、使用起来方便,那么用户也一定会满意。
3.4 问题及原因之三
Web软件和网站的运行环境和技术几乎完全相同,但是两者的用途和特征很不相同。
网站主要用于浏览信息,面向大众用户,主页面的内容随时会更新,不存在统一的网站用户界面格式。因此“个性化”和“不断变化”是网站的用户界面的特征。
Web软件本质是软件,只不过它在Web环境下运行、以页面的方式展示功能而已。软件用于处理有固定流程(逻辑)的业务,而不是仅仅让人们浏览信息用的。软件用户界面的设计要素有合适性、可理解、一致性、出错处理、及时反馈信息、最少操作步骤、合理的布局和彩等等,所以软件与网站的用户界面的特征是有很大差异的。
4.用户眼中的好软件
4.1“好”的软件意味着“实用、易用、美观”
如果软件的功能不实用(不能为用户解决问题),那么不管该软件是否易用和美观,用户一般都不愿意购买该软件,除非用户没有选择余地。
如果两个软件的功能和价格都相似,那么用户会挑选更加易用的那个软件。
如果两个软件的功能、价格、易用性都差不多,那么用户会选择更加美观的那个软件。
4.2 谁来评价“好或差”
用户才真正有资格说软件“好或坏”。如果用户对软件很不满意,开发人员不要有逆反情绪:从哪里来的笨蛋用户!
其实不是用户笨,是自己开发的软件太笨了。当用户真的感到软件很好用时,一股温暖的感觉油然而生,于是就用“界面友好”来表扬这个软件。
5.软件用户界面设计细则
5.1 操作性(易用性)
操作性(易用性)这是用户交互设计中最应关心的。
使用页面设计用什么软件做简洁的界面和简单的控制方法。除了快截的控制方式外, 迅速且合理的反馈也是同样重要的, 这也是操作性的一个组成部分。
按钮名称应该易懂,用词准确,摒弃没楞两可的字眼,要与同一界面上的其他按钮易于区分,能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。
易用性细则:
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):专业性强的软件要使用相关的专业术语,通用性界面则提倡使用通用性词眼。
17):长时间的操作应提供进度指示和取消功能。
18):对于一些常用的输入,软件应具有记忆功能,以避免用户重复输入相同的内容。
19):所有的提示要清晰易懂,避免让用户去记大量无用的东西。
5.2 一致性(规范性)
这里主要讲软件与Windows系统设计和操作一致。
通常界面设计都按Windows界面的规范来设计,即包含“菜单条、工具栏、工具箱、状态栏、滚动条、右键快捷菜单”的标准格式,可以说:界面遵循规范化的程度越高,则易用性相应的就越好。小型软件一般不提供工具箱。
规范性细则:
1):常用菜单要有命令快捷方式。
2):完成相同或相近功能的菜单用横线隔开放在同一位置。
3):菜单前的图标能直观的代表要完成的操作。
4):菜单深度一般要求最多控制在三层以内。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论