第一章绪论1.1 课题的研究背景和意义用户来看一个软件首先是通过界面的,通过界面来感知软件的好坏,界面关乎着一个软件的形象。
软件界面设计是产品开发中最重要的方面。
界面设计师必须要牢记:界面是面向用户的。
开发者开发的软件必须满足用户的需求,并且保证软件易于使用。
重视用户界面设计有重要的意义。
用户界面设计得越直观,越易用,越美观,用户就使用得越方便,越舒服,培训用户、维护系统的成本就越低。
客户支持成本降低了,系统就会更便宜,同时,也将获得更多的用户好感和订单,企业的效益就会更好。
1.2 软件界面设计的现状和基本对策尽管软件行业有许多技术出色的软件工程师,但多数工程师开发出来的软件既不好用又不美观。
客户对软件界面非常的不满意,经常要修改软件界面,导致极大的生产力浪费。
用户满意的好界面都是软件企业想要做的,但是他们却不知道怎么做。
软件界面设计一直以来都是中国软件行业的弱项,这里存在两方面行业共性问题:一是缺乏系统性的软件界面设计方法和相关的教育;这也导致了第二个问题“缺乏优秀的界面设计师和熟练的界面程序员”。
千万不要认为软件开发就是编程,仅懂编程的人,绝不可能做出好的软件系统。
要成为优秀的软件人才,仅学会编程语言是远不够的。
系统性的科学技术教育是国内理工科大学的计算机和软件专业偏向的重点。
基础课程有物理、数学、电学等,专业课程有数据库、网络管理、编程语言等等。
而且每门课程都有很好的教材,有的是国外外文的,而且有很好的老师。
所以国内理工科大学要培养出大量技术功底扎实的软硬件研发人才并不难。
相比照之下,软件界面设计专业的教育就差得远了。
既缺乏好的教材,又缺乏优秀的教师。
因为计算机软件专业学生接受的教育几乎都是科学技术理论知识,他们对于设计出易用美观的用户界面感到很茫然,许多人甚至不知道还有界面设计这回事。
我们把软件界面开发分为三个环节:交互设计、视觉设计和程序实现。
企业希望界面设计师负责“交互设计和视觉设计”,由熟练的程序员实现这个界面,这个要求其实并不高,但现实情况却不理想。
不少软件企业不但有程序员,还有美工人员,但遗憾的是这两类人不会配合着工作。
大多数人都认为界面设计是美工人员的事情,否则公司招聘美工人员有什么用?编程实现是在美工人员完成界面设计后进行,由程序员负责的,至于界面设计好不好程序员不去管。
美工人员大多是美术相关类专业毕业,他们的优点是擅长于视觉设计,缺点是:不知道待开发软件系统的业务逻辑,不了解用户的特征,难以开展交互设计;不懂得软件技术,他们不了解自己做出来的界面在技术实现方面的难易程度。
千万不要低估界面实现的难度,界面不是想做就能做得出的。
有些Web软件界面控件,不仅要功能好、性能好,还要易用,可以说技术难度非常高,这不是一般程序员能做得好的。
可见美工人员并不属于理想的软件界面设计师。
就目前情形来看,既能做好交互设计又能做好视觉设计的界面设计师还是比较少见的,能够在做好交互设计、视觉设计的基础上再做好程序实现的人更加罕见。
我作为一名学生,肯定不可能去改变中国的教育方法和体系,能做的只有总结一些软件界面设计的规范来供读者(开发人员)参考。
第二章软件界面设计应遵循的原则本论文总结了软件界面设计应遵循的原则:以目标用户为中心,容易被理解,反馈操作信息,排错性考虑,最少步骤(最高操作效率),合理的布局,色彩的选择与组合。
读者(开发者)理解这些设计原则的含义后,要结合准备的开发软件的基本特征,进一步融会和细研究,从而确定开发软件的界面设计原则。
2.1 以用户为中心以用户为中心,这是第一重要的界面设计原则,关系着软件的好坏。
不以目标用户为中心开发出来的界面,用户不会购买,即使买了也不会去用,即使界面美观也没用。
有些通用的软件系统如操作系统、文字处理软件等,面向的用户十分地广泛。
可是由于用户群体之间生活的环境不同,从而会存在年龄、性别、语言、教育程度的差异,进而导致使用习惯也有很大差异。
在设计软件界面之前,各类用户群体的使用习惯是我们需要迫切了解的,努力使用户在操作软件界面的时侯感觉不到麻烦,一般要为了适应各种类型的用户提供多种操作途径。
举例来说,Windows系统的文件管理器,对于一个初学电脑的人来说,他愿意使用鼠标、菜单一步一步慢慢地操作;但是对于熟练使用电脑的人而言,快捷键也许是他更愿意用的。
不要试图让一款产品在差异很大的用户群体中得到适用,要把广泛的用户划分为多个用户群体,根据自己所在企业的实力,选择一个分市场来开发产品。
一款产品最好是只面向一个用户群体,这样容易设计而且质量也可靠。
2.2 容易被理解在用户使用界面前,一定要确保理解界面的意图。
以下措施可以提高用户界面的可理解性:1.用户界面中的所有元素都不能有错误文字,也不能出现让人费解的文字。
2.图标一定要直观明了,最好让用户看到这个图标就能知道这是什么含义。
假如图标比较抽象,则应给图标加上文字说明,不让用户误解。
3.所有的界面元素应当给予有必要的提示。
4.界面结构要能够清晰地反映软件工作流程,这样用户就能有条不紊地操作。
5.没有先后逻辑关系的选择项,如姓名、标题等,可以按照字母排序,便于用户选择。
但是不要把功能菜单、有严格逻辑关系的状态集按照字母顺序排列。
2.3 排错行考虑用户在使用软件时,一些错误是时有发生的,当然也有一些是用户人为造成的,那么有什么方法来降低出错几率呢。
1.排错应该遵循的细则。
2.非正常中止的错误是最重要的,也最应该排除。
3.应当尽可能防止用户无意输入无效的数据。
4.采用一些控件限制用户输入数据的类型。
5.如果可能作出的选择只有两个,可以采用单选框来减少用户输入的麻烦。
6.当选择再多一些时,可以采用复选框。
7.当选项很多时,可以采用列表框。
8.在一个应用系统中,应当避免未经授权的操作,然后没有意义的操作也要避免。
9.对于某些输入字符,可能会引起严重错误甚至会让系统出错,应该要加以限制或屏蔽。
10.对于特殊符号,输入会与系统使用的符号产生冲突,该字符应该被阻止输入的。
11.当用户产生错误的操作时,软件最好能够提供取消系列操作。
12.对有些等待时间可能较长的操作软件最好能够提供取消功能。
13.与系统正在使用的保留字符可能会产生冲突的一定要加以限制。
14.在用户已输入的信息被系统读入时,可以根据需要选择来判断要不要去掉前后空格。
2.4 最少操作步骤在设计用户界面的过程中,软件设计师应当尽可能多地为用户着想,让用户用最少的操作步骤完成某项任务,保证使用效率达到最高,最大程度地让用户满意。
尽管减少一个操作步骤所节约下来的时间很短,似乎可以忽略不计,但是让用户感觉起来,反差却很强烈。
而且如果每个环节都能节约一点,整个工程下来,节约的时间就很长了,所谓聚少成多。
界面设计师一定要在深入地分析熟悉软件的业务流程和用户使用习惯的基础上,才能设计出最少的操作步骤,使效率最大化。
2.5 合理的布局首先,一定的逻辑性要在界面的总体布局中体现出来,总体布局最好能够与工作流程吻合。
界面设计人员要在全面地了解软件需求的前提下,才能找到对界面布局有一定帮助的信息。
其次,对于窗口上的界面元素的布局有整齐清爽的要求。
界面元素要在水平方向对齐,或者在垂直方向上使界面元素对齐,还要保证一样的行、列间距。
要保证合适的窗体尺寸,界面元素不要放得太拥挤,在边界的地方要留有一定的空间,但是也不能太宽松,那样会显得零乱。
界面元素要保证一致对齐,以避免产生不齐整的视觉效果。
同类型界面元素要尽量在大小上保持一致,最起码在高度或宽度上一定要保证一样。
与逻辑有关系的元素应就近放置,这样用户方便操作一些。
另外要善于利用窗体的空白,还有分割用的线条。
2.6 一致性界面一致性的体现包含了诸多方面,其中最需要注意的是一下几点:1.界面设计与企业营销的策略风格一致。
2.与不同产品操作界面的使用方法一致。
3.与同一产品不同版本的界面保持一致。
4.与用户的预期一起。
5.与页面元素一致。
6.产品在隐喻上的设计一致。
每件产品的用户族群都相当广泛,要与所有用户预期一致其实是很困难的。
但至少在评估这个话题时,可以首先界定目标用户群,分析用户需求,随之有效地探究界面一致性如何与用户预期吻合。
2.7 色彩的选择与组合在界面设计中,色彩的色调和组合关系会短时间起到“凝聚”用户视觉的作用,同时也会使用户产生心理的变化。
2.7.1 色彩的联想虽然色彩的联想作用在心理学范畴内,但是它的适用性却体现在了艺术设计中。
若不能够预测人是如何感知色彩的、如何发生作用的,也就不可能有效地应用色彩。
色彩的象征意义和心理暗示从人类的高级情感来分析,具体如下:1.红色红色是一种令人激奋的色彩。
它能使人产生冲动、愤怒、热情、活力的感觉。
这种色彩在女性和男性之间、衰老和年轻之间、内向和外向之间、意志薄弱和坚强之间,均倾向于后者。
红色最能引起人的视觉注意,因此,红色常被作为心理上的警示。
在逐渐变暗时,红色变得深沉而庄重;反之则变得有激情而欢快。
在色环上,当红色变向紫色时,红色就逐渐由兴奋变为安静,变得浪漫、豪华、严肃、富裕、强大和优雅。
当红色在色环上偏近黄色时,红色就变得更加具有爆发力、煽动力和暴力倾向。
2.黄色黄色能体现出快乐、希望和轻快的个性,它的明度是最高的,是一种自我膨胀和寻求幸运的颜色。
黄色还具有警示作用。
可能是对于马峰或黄蜂身上的黄黑条纹的恐惧联想,一般能马上注意到这种颜色搭配所暗示的危险的存在,这就是在现实生活中一些危险的地方,如变压器、停车位、放射性工作间等处,常能看见黄黑色设计的条纹和图表的原因。
3.蓝色蓝色具有凉爽、清新、专业的个性。
在视觉上往往给人一种被动、静谧、深邃、潮湿、谨慎、忧郁、科技和理智的感觉。
他颇受成年人的喜爱,因为它表现得更加理智、更加成熟。
蓝色越深,就越显得深邃、遥远;反之,便会引起人梦幻、童话、清凉的感受。
4.绿色绿色具有黄色和蓝色的某些特征,使人联想到和睦、宁静、健康、坚定。
在色环上绿色偏近黄色时,就变得温暖、活泼、健康而无危害。
它加进一点白色,就可以产生一种女性的优雅和轻盈的感觉。
当在色环上偏近蓝色时,绿色就变得更加坚定、顽强和持久,这种颜色很能吸引那些能抵挡得住各种诱惑、有信念、办事稳妥并具有强烈自尊心的人。
绿色已得到了广泛的运用,它已被人们理解为安全、正常和成功的象征。
在街道上,绿色的灯表示可以安全通过。
绿色的区域是安全的,绿色的逃生标志引导人们在紧急情况下的逃生路线;绿色的图标提示意味着一切正常等。
5.橙色橙色也像绿色一样具有其他两种颜色的特征。
橙色是一种激奋的色彩,具有轻快、欢欣、开放、温馨、时尚、有活力、无拘束和感情洋溢的感觉。
据研究,在橙色的氛围里时人的活动没有任何拘束,因此橙色在很大程度上代表了温暖和真挚的感情。
6.紫色紫色令人联想到昏暗、深刻、高贵、奢华、阴暗、悲哀、不可靠。