软件界面设计七原则

作者:Admin  来源:郑州易佳四方网络科技有限公司  录入:Admin  更新时间:2010-12-15 21:56:19  点击数:3

  人机界面的定义、起源、发展、研究内容及发展趋势;人机界面设计中认知心理学、人机工程学、人机界面的艺术设计、色彩设计等;人机界面设计,硬件人机界面的设计风格、人文关怀等;软件人机界面的形式与标准、软件人机界面设计、Internet网页界面设计、图标设计等;人机界面设计评价与可用性测试;新交互技术及展望,介绍了多通道用户界面、下一代人机界面展望及附录。

   软件界面其中的主要部分即为UI

   UI(User Interface)即用户界面,也称人机界面。是指用户和某些系统进行交互方法的集合,这些系统不单单指电脑程序,还包括某种特定的机器,设备,复杂的工具等。 

  软件用户界面(Software User Interface)是指软件用于和用户交流的外观、部件和程序等等。如果你经常上网的话,会看到很多软件设计很朴素,看起来给人一种很舒服的感觉;有点软件很有创意,能给人带来意外的惊喜和视觉的冲击;而相当多的软件页面上充斥着怪异的字体,花哨的色彩和图片,给人网页制作粗劣的感觉。软件界面的设计,既要从外观上进行创意以到达吸引眼球的目的,还要结合图形和版面设计的相关原理,从而使得软件设计变成了一门独特的艺术。通常的讲,企业软件用户界面的设计应遵循以下几个基本原则:


1.用户导向(User oriented)原则
  设计网页首先要明确到底谁是使用者,要站在用户的观点和立场上来考虑设计软件。要作到这一点,必须要和用户来沟通,了解他们的需求、目标、期望和偏好等。网页的设计者要清楚,用户之间差别很大,他们的能力各有不同。比如有的用户可能会在视觉方面有欠缺(如色盲),对很多的颜色分辨不清;有的用户的听觉也会有障碍,对于软件的语音提示反映迟钝;而且相当一部分用户的计算机使用经验很初级,对于复杂一点的操作会感觉到很费力。另外,用户使用的计算机机器配置也是千差万别,包括显卡、声卡、内存、网速、操作系统以及浏览器等都会有不同。设计者如果忽视了这些差别,设计出的网页在不同的机器上显示就会造成混乱。
2.KISS(Keep It Simple And Stupid)原则
  KISS原则就是"Keep It Simple And Stupid"的缩写,简洁和易于操作是网页设计的最重要的原则。毕竟,软件建设出来是用于普通网民来查阅信息和使用网络服务。没有必要在网页上设置过多的操作,堆集上很多复杂和花哨的图片。该原则一般的要求,网页的下载不要超过10秒钟(普通的拨号用户56 Kbps网速);尽量使用文本链接,而减少大幅图片和动画的使用;操作设计尽量简单,并且有明确的操作提示;软件所有的内容和服务都在显眼处向用户予以说明等。
3.布局控制
  关于网页排版布局方面,很多网页设计者重视不够,网页排版设计的过于死板,甚至照抄他人。如果网页的布局凌乱,仅仅把大量的信息堆集在页面上,会干扰浏览者的阅读。一般在网页设计上所要遵循的原理有:   (1)Miller公式。根据心理学家George A.Miller的研究表明,人一次性接受的信息量在7个比特左右为宜。总结一个公式为:一个人一次所接受的信息量为 7±2 比特。这一原理被广泛应用于软件建设中,一般网页上面的栏目选择最佳在5~9个之间,如果软件所提供给浏览者选择的内容链接超过这个区间,人在心理上就会烦躁,压抑,会让人感觉到信息太密集,看不过来,很累。例如Aol点com的栏目设置:Main、MyAol、Mail、People、Search、Shop、Channels和Devices共八个分类。Msn点com的栏目设置:MSN Home、My MSN、Hotmail、Search、Shopping、Money和People & Chat共七项。然而很多国内的软件在栏目的设置远远超出这个区间。   (2)分组处理。上面提到,对于信息的分类,不能超过9个栏目。但如果你的内容实在是多,超出了9个,需要进行分组处理。如果,你的网页上提供几十篇文章的链接,需要每隔7篇加一个空行或平行线做以分组。如果你的软件内容栏目超出9个,如微软公司的软件,共有11个栏目,超过了9个。
4.视觉平衡
  网页设计时,也要各种元素(如图形、文字、空白)都会有视觉作用。根据视觉原理,图形与一块文字相比较,图形的视觉作用要大一些。所以,为了达到视觉平衡,在设计网页时需要以更多的文字来平衡一幅图片。另外,按照中国人的阅读习惯是从左到右,从上到下,因此视觉平衡也要遵循这个这个道理。例如,你的很多的文字是采用左对齐〈Align=left〉,需要在网页的右面加一些图片或一些较明亮、较醒目的颜色。一般情况下,每张网页都会设置一个页眉部分和一个页脚部分,页眉部分常放置一些Banner广告或导航条,而页脚部分通常放置联系方式和版权信息等,页眉和页脚在设计上也要注重视觉平衡。同时,也决不能低估空白的价值。如果你的网页上所显示的信息非常密集,这样不但不利于读者阅读,甚至会引起读者反感,破坏该软件的形象。在网页设计上,适当增加一些空白,精炼你的网页,使得页面变的简洁。
5.色彩的搭配和文字的可阅读性
  颜色是影响网页的重要因素,不同的颜色对人的感觉有不同的影响,例如:红色和橙色使人兴奋并使得心跳加速;黄色使人联想到阳光,是一种快活的颜色;黑颜色显得比较庄重,考虑到你希望对浏览者产生什么影响,为网页设计选择合适的颜色(包括背景色、元素颜色、文字颜色、链节颜色等)。   为方便阅读软件上的信息,可以参考报纸的编排方式将网页的内容分栏设计,甚至两栏也要比一满页的视觉效果要好。另一种能够提高文字可读性的因素是所选择的字体,通用的字体(Arial,Courier New,Garamond,Times New Roman,中文宋体)最易阅读,特殊字体用于标题效果较好,但是不适合正文。如果在整个页面使用一些特殊字体(如Cloister,Gothic,Script,Westminster,华文彩云,华文行楷),这样读者阅读起来感觉一定很糟糕。该类特殊字体如果在页面上大量使用,会使得阅读颇为费力,浏览者的眼睛很快就会疲劳,不得不转移到其他页面。
6.和谐与一致性
  通过对软件的各种元素(颜色、字体、图形、空白等)使用一定的规格,使得设计良好的网页看起来应该是和谐的。或者说,软件的众多单独网页应该看起来像一个整体。软件设计上要保持一致性,这又是很重要的一点。一致的结构设计,可以让浏览者对软件的形象有深刻的记忆;一致的导航设计,可以让浏览者迅速而又有效的进入在软件中自己所需要的部分;一致的操作设计,可以让浏览者快速学会在整个软件的各种功能操作。破坏这一原则,会误导浏览者,并且让整个软件显的杂乱无章,给人留下不良的印象。当然,软件设计的一致性并不意味着刻板和一成不变,有的软件在不同栏目使用不同的风格,或者随着时间的推移不断的改版软件,会给浏览者带来新鲜的感觉。
7.个性化
  (1)符合网络文化   企业软件不同于传统的企业商务活动,要符合Internet网络文化的要求。首先,网络最早是非正式性、非商业化的,只是科研人员用来交流信息。其次,网络信息是只在计算机屏幕上显示而没有打印出来阅读,网络上的交流具有隐蔽性,谁也不知道对方的真实身份。另外,许多人在上网的时候是在家中或网吧等一些比较休闲,比较随意的环境下。此时网络用户的使用环境所蕴涵的思维模式与坐在办公室里西装革履的时候大相径庭。因此,整个互联网的文化是一种休闲的、非正式性的、轻松活泼的文化。在软件上使用幽默的网络语言,创造一种休闲的、轻松愉快、非正式的氛围会使软件的访问量大增。

   (2)塑造软件个性   另外,软件的整体风格和整体气氛表达要同企业形象相符合并应该很好的体现企业CI。在这方面比较经典的案例有:可口可乐个性鲜明的前卫软件"Life Tastes Good";工整、全面、细致的通用电气公司软件"We bring good things to life(GE带来美好的生活)";崇尚科技创新文化的3M公司软件"Creating solutions for business、industry and home";刻意扮演一个数字电子娱乐之集大成者的角色,要成为新时代梦想实现者的索尼软件;平易近人、亲情浓郁的通用汽车公司软件体现了"以人为本"的企业定位和营销策略;服务全面、细致、方便,处处体现"宾至如归"服务理念的希尔顿大酒店软件。

软件设计可分为两个部分:编码设计与UI设计。编码设计大家都很熟悉,但是 UI设计还是一个很陌生的词,即使一些专门从事网站与多媒体设计的人也不完全理解UI的意思。UI的本意是用户界面,是英文User和 interface的缩写。从字面上看是用户与界面2个组成部分,但实际上还包括用户与界面之间的交互关系。

   界面设计。在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。界面设计不是单纯的美术绘画,他需要定位使用者、使用环境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。

   User interface也可以称之为用户接口或使用者接口,是系统和用户之间进行交互和信息交换的媒介,它实现信息的内部形式与人类可以接受形式之间的转换。

   用户接口是介于使用者与硬件而设计彼此之间互动沟通相关软件,目的在使得使用者能够方便有效率地去操作硬件以达成双向之互动,完成所希望借助硬件完成之工作,用户接口定义广泛,包含了人机交互与图形使用者接口,凡参与人类与机械的信息交流的领域都存在着用户接口。

   用户和系统之间一般用面向问题的受限自然语言进行交互。目前有系统开始利用多媒体技术开发新一代的用户界面。