时间:2023-04-03 09:52:07
序论:写作是一种深度的自我表达。它要求我们深入探索自己的思想和情感,挖掘那些隐藏在内心深处的真相,好投稿为您带来了七篇界面设计论文范文,愿它们成为您写作过程中的灵感催化剂,助力您的创作。
关键词:格式塔网页设计视知觉
引言
格式塔一词来源于德文“Gestalt”的音译,本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论,其主要目标是探讨视觉感知及其与学习、思维的关系,它所研究的出发点就是“形”,“形”是经由知觉活动组织成的经验中的整体,与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸,主要是通过浏览者的视觉感知来接受网站信息。因此,研究格式塔理论在网页界面设计中的运用,无疑对网页界面的设计具有很大的指导作用。
格式塔理论在网页界面设计中的应用
网页设计是将特定的视觉信息要素,根据主题表达的需求在特定的页面上进行的一种编辑和安排,其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究,提出了一系列视感知规律,其中包含了“图底”这个核心概念,和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性,将这些规律引入页面设计,有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计,提高信息传达的速度与准确度。
1.图与底
在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域,“底”被看成是用来衬托图的背景。相对而言,图比底,轮廓较为完整、封闭,形状较为规则,面积比较小,色彩比较鲜艳;此外,更重要的是,能组织成为一定意义的区域倾向于被感觉成图。
由于图与底之间存在的这种相对性质,在网页设计中,应当明确区分图与底,主体与背景。另外,主体自身结构要清晰明了,背景不能过于复杂,这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色,尽量避免同时使用色相环中相对的颜色,大面积同一颜色宜采用低对比度,避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图-底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用,图形是依赖于背景而存在的,要使主体感到存在,必然要有底将它衬托出来。因此无论在文字、色彩、图像,还是动画和视频方面都要坚持图底原则。
2.简明原则
格式塔心理学家认为,人们的知觉有一种“简化”倾向,所谓简化并非仅指一般意义上的“简单”,即物体中包含的成分少或成分之间的关系简单,而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位,如果一个格式塔中包括太多不相关的单位,眼睛就会试图将其简化,把各个单位加以组合,使之成为一个知觉上易于处理的整体,否则,整体形象将无法被正确感知,这种形象势必会被人们忽视,以至拒绝接受。
我们可以将这一观点延伸到网页界面设计中。首先,在网页界面结构的设计上,应避免使用过于复杂的网格结构,结构的设置应尽量简单明了,符合人的视觉流程,也符合人们对规则形的喜好,利于浏览者以最短的时间找到最需要的信息。
其次,在图像的选择上,应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像,这样会增加浏览者找寻信息的难度。
再次,在进行文字编辑时,应该考虑编辑的最终效果。文字应给人以清晰的视觉印象,避免页面繁杂凌乱,减少不必要的装饰变化,使人易认、易懂、易读,不能为造型而编辑,忘记了文字本身是传达内容和表达信息的主体。在字体的选择上,虽然可供选择的字体很多,但同一页面上的字体种类最多只能有三四种,这样才不会显得花哨。字体的选择应依据段落大小和内容层次,由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小,但到了节以下的层面,可以选用同一字号但用不同的字体加以区分。在文本密度方面,文本应该以短小的组块形式出现,并且应该经过编辑,以简化内容。3.接近原则和相似原则
接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则,与前面的简明原则类似,人们在倾向于简化认识对象的同时,也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或图形组成部分位置靠近,浏览者就比较容易看出它们是一起的。根据这一原理,对于页面上的任何元素,如果在功能或内容上是相同或相近的,就应在一定程度上保持相对较小的空间距离,做到“物以类聚”。比如,页面中用以解释图形或用以表明某一部分图形的文字就应当紧挨其所指的图形或部分图形。
相似的物体也很容易被认为是从属于一个系统,具有相似的功能。因而,需要通过将浏览者注意力集中于视觉范围内的关键概念,帮助他们获得信息。在网页界面设计中,可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个图形中的组成部分都属于同一风格,这个图形就被视为一个整体。为了使浏览者重点关注图形中的特定部分,对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是,如果一幅画面中区别过多,也会使浏览者难以注意需要获得的信息。因此,这些方法应该用于强调关键信息或图形的关键部分,而不宜用于大片信息。
4.闭合原则与网页界面设计
闭合原则是指一种完成某种完形的行动。这一规则表明,每一种视觉样式都可以被看成是一种陈述,对于模棱两可的视觉样式,人们会根据以往的经验按照不同的样式加以组织,这时不同的人会看到不同的东西。因此,在网页界面设计时,应当避免出现不完整的图形,以免使浏览者花费过多的时间去琢磨图形的含义,而不是从网页上获取信息。
闭合规则还表明,视觉形象被知觉的形式是首先作为一个统一的整体被知觉,然后再以部分的形式被知觉。因此,在进行网页界面设计时,要强调整体风格的统一,内容与形式的统一。
结语
将格式塔心理学引入网页界面设计,目的是希望网页设计向理性化的方向发展。随着网络的不断发展,浏览者对页面的要求也越来越高,但现在的页面设计大多还是从直觉出发,离科学的页面设计还有相当大的距离,因此要想达到科学的页面设计,就要在设计时遵照人类的认知规律,并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来,仍是我们需要投入大量精力去研究与探讨的问题。
参考文献:
[1]曹方著.视觉传达设计原理,江苏美术出版社
[2]卡尔·考夫卡著,黎炜译.格式塔心理学原理.浙江教育出版社
关键词:人性化;网站界面设计(UI);老年人
网站界面设计,英文的全称是Web User Interface Design,又叫UI设计。包括三个方面:可用性,交互设计和视觉设计。通常研究的是让网站的界面具有更多的可用性,更良好的用户体验,以及更美观的视觉设计,概言之就是“人性化设计”。[1]在全球人口逐渐老龄化的今天,应该把更多的“人性化设计”真正应用在老年人这一弱群体上。本文旨在从老年用户的生理和心理各要素出发进行综合考虑,探析以老年用户为中心的网站界面(UI)设计要点。
1 老年用户研究
设计优秀老年用户网站界面的先决条件是与老年用户进行有效的交流,充分理解老年用户的需求,重视老年用户的生理和心理特征。
1.1 老年网民用户人数众多
据调查显示,近些年来,我国老年网民的比例一直在攀升,增长率已经超过了网民总体的增长速度,对于互联网的应用日益广泛。根据相关统计报告显示,2008年年底,51~60岁的网民从1999年的10.6万人增长到1251.6万人,60岁以上的由3.5万增长到447万人。虽然我国老年网民绝对数量不多,10%不到,处于上网人群的弱势群体,但却是以令人瞩目的速度增长着。
1.2 老年人对互联网的多样化需求
老年人由于心理上和生理上的变化,与儿童、少年、青年人和中年人人群有着不同的特殊需求。根据The Usbased Spry基金会报告显示,老年人的需求主要表现在四个主题:财产安全、身体健康、精神愉悦和良好的社会氛围以及参加智力活动。[2]具体表现在:获取相关信息,一些老年人希望上网浏览和查询最新的外界信息保持“耳聪目明”的状态,有些则是投身老年论坛,希望利用网络查询、浏览养生保健和常见疾病等信息沟通交流,有些希望通过网络和子女视频聊天、互发邮件;财务管理,还有相当一部分老年人希望能够使用网络来购物、买卖股票以及付账等。总之,老年人对互联网的多样化需求一点都不亚于其他人群。
1.3 老年人的生理和心理特点
从50岁到60岁这个阶段,明显地会出现一些衰老的迹象,主要表现在容易健忘,爱发脾气,认知过程缺乏适应能力;视觉模糊,色彩辨别力降低,视野范围和判断距离的能力通常大大不如过去;动作缓慢,手眼配合欠佳,听觉便开始逐渐减退。[3]总之,因此,随着年龄增长,工作效率逐渐下降。具体表现如下:
(1)近距离视力退化更大。比如在35厘米左右的读书距离内,视力减退的惊人,并伴有老眼昏花。据统计,70岁健康老人的视力超过0.6的只有51.4%。
(2)听力显著下降。特别是对较复杂和速度快的语言的理解,男性比女性减退的更明显。老年人并不知道自己的听力在下降,而是认为别人说话不清楚。
(3)记忆的减退,但也有自己的特点,比如老年人对往事的记忆清晰,而对新近发生过的事物或者新近学习过的内容遗忘较快;对需要将记忆材料进行组织加工使之进入长时储存方面的记忆力较差;老年人的意义识记减退较少,机械识记减退较多。例如,老年人对人民、地名、数字等东西的记忆效果就不好;
(4)思维能力弱化。在调查里,许多老年人常常抱怨自己已经不能像早先那样很好的思考问题了,这反映人的思维能力到老年时出现逐渐衰老的趋势。
2 以老年用户为中心的网站界面设计要点
在对老年用户做了研究之后,笔者认为适宜老年人的网站界面设计的总体原则是以人性化为本,同时注意网站的易用性,规范性,美观性,具体如下五点:
2.1 将操作任务化繁为简
在越来越强调人机交互的今天,对于老年用户来说,最好的人机交互就是简化操作任务,减少不必要的任务,[4]尽量让老年用户在网站上面的操作变得简单,同时又不宜出错。比如强调基本功能,尽量减少和弱化附加功能。如Gmail的登陆界面,简化到“登录信息+登录设置”即可,无须要其他的附加信息。
2.2 合理的信息显示
互联网的根本目的是提供信息,合理的信息显示包括两方面的内容:划分信息功能区和减少视觉密度。[5]
(1)划分信息功能区。当页面的信息较多时,为了避免视觉混乱,应该划分信息功能区。最重要的信息放在页面的视觉中心;同一类的信息放在一起,并与其他类信息间隔一定的空间;同一类的信息用同一种颜色或同一色系的颜色来表示;不同信息区又可以用不同背景色来区分。
(2)减少视觉密度。网站界面需表达的信息很多时,易造成界面看起来非常拥挤,信息挤在一团,对于老年人来说很难一眼就能获得所需的信息。因此,必须减少视觉的密度,比如:考虑适当的留白,适当的留白将使整个界面看起来清楚而美观;降低品牌识别logo、名称的大小,无需为了彰显品牌形象而刻意放大;使用简单的图形,尽量平面化,不要使用过度复杂的图像;使用空白空间,而非线条去区分文字内容;使用简洁的语句表达信息,避免内容过多等等。
如upcoming的首页设计,依据信息的不同类别划分板块,并按重要性摆放在相关位置。焦点活动咨讯配图放在视觉中心点,紧接着下面是活动信息介绍,左边的活动类型板块,右边是活动的辅助信息。信息安排布局井然有序,是划分信息功能区和减少视觉密度的最佳例子之一。
2.3 合理的文字规划
文字对于网站界面的作用不言而喻,对于老年用户来讲,网页文字的漂亮是建立在易读易辨的基础上的,合理的文字规划,主要表现为以下两个方面:[6]
(1)文字内容尽量简洁,配上有意义的图标或者图片,同时应该避免使用专业术语。字体的选择也要易于老年用户辨认,网页默认的字体是宋体。可以根据需要选择一些特别字体。例如,为了体现专业可以使用粗仿宋体,体现设计精美可以用广告体,体现亲切随意可以用手写体等等,但前提是一定要易于老年人辨认。
(2)井然有序的排版。有时候别出心裁的界面设计或许会带给使用者眼睛一亮、赏心悦目的视觉感,但无论何,井然有序的文字区规划,才易达成最有效、最舒适的效果。如有较多的说明文字,要让说明具有顺畅地阅读连贯性。举个例来说,一个向中对齐与一个向左对齐的文字区块,明显地,向左对齐的区块读起来顺畅多了,因为使用者在读完一行字后,自然而然往左下方继续读下去,不需要重新找寻开头,相较之下,向中对齐的区块看起来混乱多了。因此,有规矩地文字区规划将可大幅度提升用户界面的品质。
2.4 合理的色彩规划
网站界面的色彩对于老年人来说同样重要。老年人的视觉衰退很明显,一个好的色彩规划可以提高界面的视认性,从而提高操作的准确性和效率;可以减轻视觉上的疲劳。另外,通过色彩规划来增强界面的美感和亲和力。[7]
具体来讲,老年用户界面中,最好不要超过3到5种颜色。大区域最好使用浅色调,如白色、浅灰等。对于老年人而言,配色要采用视认性高的色彩,要加大色彩的对比度,背景与主体对比度要大,背景色不宜采用有金属反光的颜色,如银色和金色。对于重要的按钮或信息要用诱目性高的色彩来表达,但颜色不宜过多,且区域不可以太大,否则看起来过度混乱,缺少美感,也容易造成视觉上的疲劳。
2.5 细节为王
对于老年用户来说,细节同样重要,比如尽量使用有意义的图标,尽量不要使用生涩难懂的专业术语,注意提供精确的导航提示,提供声音控制,尽量减少噪音干扰,克制使用新技术的欲望等等。
3 结束语
关注老年人网站界面设计,是以人为本的需要,也是国内所有优秀设计师的责任。限于篇幅有限,对于老年人使用的网站界面设计,笔者也只能泛泛而谈,有所不足和欠缺,还望读者指正。同时,撰写本文,以期抛砖引玉,引起大家对老年人更多的关爱和设计出更多更好适宜老年人使用的产品。
参考文献:
[1] 刘春花.基于用户体验的界面设计UI研究[C].天津工业大学硕士学位论文,2007(12).
[2] 杨足.老年人使用的家电的人机界面设计研究[C].江南大学硕士学位论文,2004(06).
[3] 廖晔.网页界面设计及其学科相关性研究[C].湖南师范大学硕士学位论文,2006(04).
[4] 赵侃用户体验设计――网页界面设计的重中之重[J].艺术与设计(理论),2010(09).
[5] 何荣.浅析网站界面设计[J].科技信息,2008(26).
[6] 宗明明.老年人网站界面设计前景分析[J].设计(Design),2012(10).
关键词:设计模式;界面设计;交互设计
1 设计模式思想简介
设计模式思想的主旨是针对常见的设计问题提供已被验证为有效的解决方案,从而充分利用前人经验和成果解决设计问题,避免无意义的重复劳动。该思想最早由建筑师、加州大学伯克利分校建筑学教授Christopher Alexander在20世纪70年代提出。Alexander如此论述建筑设计模式的价值:“每一模式描述我们周围环境中一再反复发生的某个问题,接着叙述解决这一问题的关键所在,这样,你就能千百次地重复利用这种解决问题的办法而又不会有老调重弹之感。” [1]
Alexander阐述了设计模式的基本构成要素,他认为,每个模式都是一个规则,由三部分组成,表达了一个特定情境、一个问题和一个解决方案之间的关系。[2]其中,“情境”表示该模式在解决问题时的周围环境和状况,“问题”表示该模式的目的或预期目标,“解决方案”表示解决该问题的方法的核心。然而,设计模式思想影响最为深远的领域并非建筑,而是软件工程。20世纪90年代,Erich Gamma等人将设计模式思想推广到了软件工程领域。在Alexander的理论基础上,Gamma等人制定了软件设计模式的格式规范。他们认为一个模式有四个基本要素:模式名称、问题、解决方案、模式效果。[3]
Alexander和Gamma等人并没有发明新的解决方案,而只是分别对建筑和软件设计中现存的“无名”(即存在于设计实践中,但尚未被人明确命名并提出)的优秀解决方案进行了系统化的总结和归纳,并以设计模式的形式表述出来。尽管如此,设计模式的价值仍得到了高度认可。尤其是在软件工程领域,设计模式已成为重要的程序设计指导理论。近年来,设计模式思想在界面设计领域也逐渐受到重视。
2 界面设计领域的设计模式研究现状
Alexander的设计模式思想很早就已进入交互设计研究者的视线。早在1988年,Donald A.Norman就在他影响深远的著作《The Psychology of Everyday Things》(后更名为《The Design of Everyday Things》)中提到了Alexander的研究成果。[4]但设计模式在该领域的发展较为缓慢,直到2000年前后,国外的交互设计和界面设计研究者对设计模式的关注才开始逐渐加深,并逐渐出现了一些重要的研究成果。一些研究者和机构提出了自己的界面设计模式规范和模式库,如Jenifer Tidwell在《界面设计模式》一书中以设计模式的形式总结了界面设计的法则,给出了常见问题的解决方法及其在实践中的运用,并以该书内容为基础构建了一个设计模式库。[5]雅虎公司也了一套具有影响力的网页设计模式库。[6]其他知名模式库包括、Quince等。
相对于国外研究的逐渐兴起,国内对于数字产品界面设计模式的相关研究和应用则十分匮乏。虽然近年来出现了少量关于界面设计模式的论文和著作,如《Web2.0界面设计模式》,但这些文献并未深入挖掘设计模式的思想,也未能提出较为系统、规范和全面的设计模式库,实用价值有限。总体而言,国内的相关研究和应用与国外相比有较大差距,研究文献的数量极少,深度不足,极其缺乏理论化、系统化的中文研究资料。
目前,界面设计模式相关研究主要集中于设计模式个体的研究和构建。虽然也涉及不同设计模式之间的关系,但并未系统和深入地探讨设计模式的编目方法,即如何将多个设计模式组织、统筹起来,以跳出单个设计模式的狭窄范围,服务于更高层次的用户目标。这是目前相关研究的一个不足之处。Alexander虽然提出了“模式语言”的编目思想,但该思想仍然主要基于个人的主观经验,缺乏可推广性。Robert Hoekman,Jr.和Jared Spool的研究起到了一定弥补作用。他们在《网站设计解构:有效的交互设计框架和模式》一书中提出,应将多个设计模式组织成框架体系,从而从全局的角度指导由多个设计模式组成的完整的界面系统设计。[7]在该书理论的基础上,他们创建了一个公共的框架体系资源库,包含了网页交互设计的几种常见框架示例。其框架格式与设计模式格式类似,主要包含应用情境、用户目标、任务流程、所用模式等。[8]
总体来说,现有的界面设计模式研究主要存在三点不足:(1)缺乏对模式在设计实践中的使用方式、方法和流程的研究。 (2)缺乏对模式编目方式(即如何综合运用多个模式解决问题)的研究。 (3)缺乏对模式库建立(包括模式识别、模式记录)及扩充过程的系统化研究。目前,模式库的建立主要依靠建立者个人的经验和观察。
3 界面设计模式的应用价值
在交互界面设计中,设计模式的价值主要在于[9]: (1)设计模式包含了问题的相关信息,使得解决方案能够确实地发挥作用。 (2)设计模式详细阐述了解决方案是如何受上下文(即情境)限制的。 (3)设计模式阐述了解决方案的基本原理,其中包括了前人积累下来的经验性知识。 (4)设计模式具有一种潜力:多个模式可以组织成一种模式语言,使设计师能够以一种积极活跃的方式来跨越性地解决不同细节层次上的设计问题。
如上所述,设计模式不仅能有效地解决问题,而且充分考虑到了问题的上下文情境,并从方法论的角度阐述解决方案的原理。这是设计模式与一般的零散性设计原则的重要区别。
设计模式的另一个应用价值是它有效地弥补了目前广泛应用的设计指南(guideline)的不足。设计指南通常由企业,为该企业相关产品的界面设计提供指导和参考,以保证设计的一致性,帮助设计师提高设计质量。典型例子有苹果公司的《iOS Human Interface Guidelines》《iOS 7 UI Transition Guide》等。与设计模式库相比,设计指南通常实例数量较少,且多阐述抽象和纲领性原理,而非像设计模式那样提供具体设计案例,因而难以为设计师提供具体问题的解决方法。而利用设计模式,设计师可以更为系统化、具体化地解决设计问题。例如,西门子公司在实践中成功运用设计模式提高了其软件开发效率。该公司从2000年起就持续对界面设计模式进行探索,并建立起了一个内部界面设计模式库,其模式的应用范围覆盖了桌面、网页应用和移动设备等不同平台。[10]
4 总结与展望
从以上研究可以看出,设计模式在交互设计和界面设计领域的研究和应用已取得了一定进展,但近年来数字产品发展迅速,以iPhone等移动设备为代表的新一代数字产品在我国迅速普及,扁平化、模块化等新设计思想不断涌现,设计模式思想也需要不断跟进,以符合时代快速发展的需求,体现出新一代数字产品的界面设计理念。国内虽然引进出版了《界面设计模式》等一批重要著作,但设计模式思想的影响力仍然不足,并未在界面设计领域得到广泛认知。如何挖掘设计模式的优点,将其推介给国内设计界,从而对产品的界面设计有所助益,是国内界面设计研究者应该思考的方向。该领域还存在其他一些有待探索的研究方向,比如如何将零散的设计模式以系统化的方法组织起来构成整体框架,以及如何将设计模式应用到硬件界面的设计中。此外,最新涌现的扁平化设计、响应式界面设计等界面设计思想也亟须得到设计模式理论的支持。总体而言,界面设计模式在界面设计领域仍有很大发展潜力,有待于设计研究者进一步探索。
参考文献:
[1] Christopher Alexander,et al.建筑模式语言[M].北京:知识产权出版社,2002:3.
[2] Christopher Alexander.建筑的永恒之道[M].北京:知识产权出版社,2002:194.
[3] Erich Gamma,et al.设计模式:可复用面向对象软件的基础[M].北京:机械工业出版社,2000:2.
[4] D.A.Norman.The Psychology of Everyday Things[M].Basic Books,New York,1988:229.
[5] Jenifer Tidwell.界面设计模式[M].北京:电子工业出版社,2013.
[6] Yahoo!Inc.[DB/OL]http:///ypatterns/.
[7] Robert Hoekman Jr.,Jared Spool.网站设计解构:有效的交
互设计框架和模式[M].北京:人民邮电出版社,2010.
[8] Robert Hoekman Jr.,Jared Spool.[DB/OL]http:///.
[9] Stefan L.Pauwels,Christian Hübscher,Javier A.Bargas-Avila,Klaus Opwis.Building an interaction design pattern language:A case study[J].Computers in Human Behavior,2009,26(3):452-463.
[10] Helmut Degen,袁小伟.UX最佳实践:提高用户体验影响
力的艺术[M].北京:机械工业出版社,2013:174.
关键词:形式服从功能;界面设计;用户需求
0 引言
数字时代的产品,以各种移动终端作为平台,随着数字应用类产品的普及,互联网进入移动互联网时代,众多企业与个人开发者希望从中掘金。在这样的背景下,软件界面设计、用户研究、用户需求分析等成为应运而生的热门职业和话题。大家在分析界面设计,交互设计和视觉设计时候有这样一个比喻,利用建筑设计行业的一套说法:建筑设计对应的是界面设计,结构师对应交互设计,建筑外观设计师则是视觉设计。当设计师设计一栋建筑时,最主要的作用是发挥功能的作用,在功能的基础上做好外观的设计。这个比喻让我想到了在20世纪初期的建筑设计领域,有一个非常有影响力的设计原则。自从美国芝加哥建筑派的领军人物路易斯・沙利文(Louis Sullivan,18561924)提出“形式服从功能”的设计口号以后,该口号影响了整个现代主义设计。在路易斯・沙利文看来,自然界的形态与机能是恰当而又自然地融合在一起,那么我们所做的设计也应该如此。沙利文并不反对装饰,他曾表示:只要装饰部分与本体部分融为一体,那么它比看起来像贴上去的装饰要美得多。这个原则应用在界面设计也非常的恰当。
1 “形式服从功能”原则在界面设计中的体现
1.1 界面设计首先需要做到符合人们的期待
人们总是喜欢符合自己期待的行为。当人、事物或者软件的行为始终符合我们的期望时,我们会感到与之关系良好,这也是界面设计应该做到的。在实践中,这意味着用户只要看一眼就可以明白接下来将会有什么的反应,如果它看上去像个按钮,那么它就应该具备按钮的功能。设计师不应该在基本的交互问题上做过多的“创新”,要在更高层次的问题上发挥创造力。
1.2 可用性是设计的基础
在设计领域,界面设计成功的要素就是有用户使用它。例如,一个应用软件,虽然界面漂亮美观,但是功能不全,不够实用,那么用户不会选择使用它,它也就是失败的设计。界面设计仅仅能够满足其设计者的虚荣心是不够的,它必须要有用。苹果的设计之所以精彩,连中老年的用户都能够很快入手,其中的一个重要原因是苹果在处理设计的样式以及优先级方面非常成功,设计师在设计的过程中一定是非常有魄力的砍掉多余的元素,从而让重点的变的更突出,让功能变得更明确。
1.3 设计师要摒弃盲目的外观崇拜,减少非功能性的多余装饰
设计师比较容易陷入盲目的外观即“形式”崇拜中,设计人员甚至是用户都有可能受到诱惑,去盲目崇拜功能或者设计的复杂性。人们总是希望购买价格最高,功能最全的产品。他们需要这么复杂的产品吗?不,他们不需要!他们真正用到的功能并不多。很多时候人们因为产品过于复杂,页面设计过于花哨,导致使用的时候无从下手。以拟物化设计为代表的设计风格方便了用户的使用,增强用户体验,但是在其发展过程中,拟物也渐渐地展现出一些不如人意的地方。从界面设计来看,以苹果的数字产品界面为例,它常常使用精致的机理效果来模仿金属、皮革等质感,在造型上过于注重美感表达,较大的视觉空间里却只能表现少量的信息,信息的传递效率较低。为了视觉效果,用户需要增加与产品的交互步骤,延长了交互的流程。原本简洁的界面变成复杂的视觉元素间的堆砌,拟物那种老少咸宜易用性的初衷已经丧失掉了。
2 案例分析
在我接触到的工作中,由于新的工作任务需求还未出来,所以一开始同事们只是修改视觉方面,不修改交互。由于没有方向性,我们设计的视频会议软件的界面风格变得“像雾像雨又像风”。这个过程中,返工增多,工作效率也严重下降。如果那个时候有正确的出发点的话,不只关注产品外观也注意用户整个体验的小细节,或许就不会发生这样痛苦的过程。
为了方便深入分析,我需要再次借用关于苹果iOS7的案例――苹果在iOS7的官方主页最显眼的位置写道:“When something is designed to work beautifully,it tends to look that way,too。用起来漂亮的和看起来漂亮的,总是不谋而合”意思是:当某种东西是为了让运行更加完美而设计的,那它就是最恰当的设计。我想苹果的意思可能是,更简洁的扁平化设计,令整个界面可以容纳更多的信息、更多的功能、更容易使用,所以它就是最好的。显然苹果希望避开iOS7美丑的争论,好用和功能才是他们希望强调的。苹果的官方主页声称,一切新的设计都是为了更好用。似乎他们已经预知了iOS7界面上的改变太大:模仿代替了创新,扁平化设计代替了立体化设计,会让“果粉”心情难受,甚至觉得新的丑,所以干脆说,形式不是重点,重点是功能更好用。那么对于产品,究竟是“用起来漂亮的”重要,还是“看起来漂亮的”更重要?
2.1 “用起来漂亮的”――功能与可用性优先
正如前面案例描述中所提到的该软件(用于视频会议)是先专注于提升产品的视觉愉悦性,然后再考虑人机交互、操作逻辑等用户体验的交互性,尤其在新需求提出的这个阶段,设计理念与用户需求总有不符的时候,尽管两者都是以人为本的,为用户能在体验过程中更加愉悦而设计,但要有所取舍,比如新需求文档中有要求类似QQ等即时通信产品 “入会时,视音频会议直接与文字讨论窗口合并,并且支持合并拆分”,后来之所以暂时不实现,是因为我们认为视频会议软件不能为了文字讨论窗口,而把视音频窗口设计得很大,必须严格按照显示分辨率,找到人们最舒适的操作使用,使它最终成为一个切实可用的产品。
为了让产品更加实用,我们增加了更有价值的更多功能,其设计过程也让我想到了“形式服从功能”这句话,在设计的过程中,设计师有计划去落实更多的想法,实现更多有意思的功能,但同时也做好了将其中大部分可能扔掉砍掉的准备,其成本确实高,但却是极为需要的。从长期的角度来看,这样的方式可以帮助我们打造出用户真正需要的产品。出于这些原因,我个人倾向于功能与可用性优先的方式,不过这种通过理性分析入手的设计思路或多或少会让设计师失去一些在创意上实现突破的机会,但是对于任何界面来说,保证产品功能和可用性都是最重要的前提。无论我们的实践方式从哪个角度出发,有一点是无疑的:任何一个好的设计方案都必须以产品功能的可行、可用、可靠为基础。产品是给人使用的,是给目标用户带来最佳体验,不是只当做装饰、艺术品,所以我认为,作为设计师,我们设计产品过程中最需要关注的是产品功能如何运作,而不仅仅是考虑视觉呈现方面的问题。
2.2 “看起来漂亮的”――视觉设计提升产品体验的愉悦性
我们都知道第一印象的重要性,不可否认,人们确实会以貌取物,精心雕琢的界面可以在最短时间内给用户带来视觉上的冲击。一个好的产品,看起来赏心悦目又有艺术感,将会让用户在使用过程中更加愉悦,这就如同家具,功能固然重要,然而设计的好看仍然是你相中一款家具的最重要原因,不然谁愿意从早到晚都使用枯燥单调的界面?
近两年来,在设计领域中,我们听到最多的就是“扁平化设计”了,关键是,你是否将扁平化设计视作是一种模仿和跟风。最早开始扁平化设计是微Windows Phone、安卓4.0智能手机和Google+社交网站,基于有限的屏幕要容纳更多的信息,简洁和一目了然的扁平化设计当然会大行其道,iOS7也好,整个业界也罢,它们设计的扁平化只是响应了这个无可阻挡的设计潮流。也正因如此,同样基于扁平化设计的产品有了更多的相似性。iOS7的设计并没有给我们太多新意,但是我觉得iOS7与同样采用扁平化视觉风格的其他产品或多或少有所区别,因为其结合产品的具体需求来创建或维持更加定制化的特色,在一些细节有注入能够让用户在使用上为之吸引的元素,比如设备的倾斜会使系统界面产生随之轻微倾斜的视觉效果,背景图片朝着设备水平位置较高的一个侧面进行简单的移动,虽然这是不足以改变业界的重大视觉效果,但可以取悦用户,也从中隐约感受到其设计团队付出的心血。
3 总结
如果说交互的方式和界面的风格属于“形式”,那么用户需求就是最根本的“功能”。随着用户体验设计的不断深入研究,我们发现有很多问题最终都会归结到用户需求上面来。只有对用户体验的各个阶段、渠道和接触点进行全面的研究与分析,去了解目标用户的需求、行为和想法,才能提供最适合的解决方案。用户体验设计的质量很大程度上取决于我们对目标用户的了解程度有多深,而不是界面的交互或视觉设计形式有多赞。该论文研究的创新点也在于此。仅仅专注于界面够不够漂亮,或者仅仅为了满足用户需求所设计出的产品都不会是最好的作品。文章并没有抨击拟物化或者过度褒奖扁平化的意思,拟物化风格为了更好地体贴用户所做出的努力是我们有目共睹的,设计师在使界面更为仿真,更具震撼的视觉效果上执着的追求也令我很感动。在这个追求创新和快速消费的年代,需要设计出更效率,更新颖、更有个性的作品,设计师也应该不断调整自己的眼光以适应环境的变化。最后,我认为好的产品,美观又不失功能性;好的设计,能为用户的需求而设计,提高质量,并且实用,经得起时间的考验;好的设计师,能知道如何处理好形式与功能之间的平衡,并解决产品中的实质问题。
参考文献:
[1] 夏颖.数字产品界面中朴素的设计和冗余的设计[J].装饰,2013.
[2] 高茜.现代设计史[M].上海:华东理工大学出版社,2011.
[3] Steve Krug.DON’T MAKE ME THINK[M].北京:机械工业出版社,2006.
[4] Smashing Magazine.众妙之门网站UI设计之道[M].贾云龙,王士强,译.人民邮电出版社,2012.
[5] 雷纳德・A・诺曼.设计心理学[M].北京:中信出版社,2010.
高校毕业论文管理信息系统的研究,主要研究的对象是云南省曲靖师范学院,从曲靖师范学院的实际情况出发进行研究和开发,在对学院实际情况分析研究的前提下,采用软件工程方法对系统进行系统模型选择,结合ASP技术,以MicrosoftVisualStudio2005和SQLsevter2000作为开发工具,设计开发一个基于ASP的高校毕业论文管理信息系统。以实现毕业论文设计和论文撰写的管理信息化和网络化,减少师生在毕业设计中的工作量为目的,系统设计完成后管理员能对导师及学生进行相应的管理,导师选题后需经过管理员审核才能被学生选择。导师可通过网络提交自己的论文题目和资料,浏览已经选了论文题目的学生信息资料;学生可通过网络直接选老师在网络上的论文题目,在系统中完善自身资料,提交开题报告等功能;高校毕业论文管理信息系统的开发,主要是为了使高校毕业论文管理能快捷、方便的进行,以提高工作效率,最终减少师生工作量的目的,高校毕业论文管理系统的开发对改进教学管理,提高教学质量有着十分重要的意义。
1.国内外研究现状
随着教育产业化进程的逐步推进,许多高校走上了强强联合的道路,高校的规模不断的扩大,为合理的利用教学资源,加强教学管理工作,对学生进行网络化管理已经成为一种趋势。目前,很多高校都具备了相关的管理软件对学生的学籍、成绩等都采用了网络化管理技术,但毕业论文的管理大多采用单机管理模式。这种管理模式只能简单的完成论文的输入和输出工作,而毕业设计过程中如:出题、选题、资料交流论文检查等任务只能靠师生的手工操作来实现。
国外高校很早就开发了实现毕业论文管理网络化的系统,如英国诺丁汉大学很早就开发了专门的毕业论文管理系统用于实现毕业设计的网上双向选择,国内高校近几年也有了相关软件来实现毕业论文设计的网络化管理,但在服务范围、服务质量、机构设置等方面与国外高校相比都存在一定的差距,造成这种现状的原因是国外信息化建设起步早,网络应用及设计都更见成熟并具有稳定的技术队伍,网络发展稳定,而国内信息化的建设与国外相比就显得起步较晚,虽然发展迅猛,但由于缺乏像国外那样成熟的网络技术加上信息化发展时间较短。在实现校园管理信息化的进程中,国内各高校面临既要不断投资购建各种硬件、软件和网络,又要不断开发各类应用于教学、教务、科研、办公管理等应用系统的两大难题,在信息起步晚,技术队伍不稳定规模不大的背景下,国内高校经过发展虽然也初步形成了具有一定规模的信息化建设体系,但是由于整体信息化程度落后,信息化建设任务多而重、经费短缺,理论体系不完善等原因,导致国内高校教务管理系统仍然不完善。
2.高校毕业论文信息管理系统研究的主要内容
高校毕业论文管理信息系统的设计采用ASP的C#编程技术和SQLserver2000数据库工作平台结合Dreamweaver作为开发工具进行设计,本系统研究的最终目的是实现以下功能:
(1)学生:能实现选择自己的导师及毕业论文设计题目,浏览公告、修改信息、给导师留言等功能。
(2)导师:能够通过网站给学生毕业设计的课题,供学生选择;可以浏览本站的所有信息,可以给自己的学生、其他教师和管理员进行留言,并查收自己的留言。
(3)管理员:可以对学生、导师、通知等的基本信息进行修改、删除等的操作。
3.高校毕业论文信息管理系统功能介绍
系统的主要功能是通过几个功能模块来实现的。具体的设计过程如下:
(1)系统登录模块:将用户分为学生、教师和管理员三种不同的角色登录以实现用户权限的管理,加强系统的安全性及稳定性。
(2)学生模块:①查看通知②查看论文题目导师信息并进行选择③留言:提供学生和导师之间的相互留言。
(3)导师模块:①查看通知②提交论文题目③留言:提供学生和导师之间的相互留言。
(4)管理员模块:编辑、删除、添加用户,对老师论文题目进行审核,查看修改学生基本信息、导师基本信息、学生和导师之间的留言等,对系统进行全面管理。
4.毕业论文管理信息系统的设计
系统要具备易操作、美观、安全等特点,所以在对系统进行外观设计时,要充分考虑到网站的可视性及美观性,界面设计要力求达到层次分明、简单大气、兼顾美观、突出重点、有吸引力等特点。在系统的后台代码设计上要能够精炼,确保系统的稳定性及安全性。
4.1 系统登陆界面的设计
系统的登录界面能起到管理系统安全性的作用,高校毕业论文管理信息系统的用户名和用户密码保存在用户表中,本系统有三种权限学生用户:学生、导师和管理员。不同的用户在不同的角色选框中进行登陆,系统通过在用户表中加入power属性来判断用户的权限并进行身份验证,若用户名和密码都正确,系统将跳转到与角色相对应的页面,若用户或密码错误,则提示“您必须输入有效的用户名和密码的提示信息。”
4.2 系统主要界面设计
本系统的主要界面如下:
(1)学生选题界面:本界面主要包含我的信息、修改密码、修改资料、可选题目、帮助信息、打印本页、退出等选项,学生从登录界面正确登录后将跳转到本页面,学生在本界面可以根据自己的实际情况进行相应的操作,可进行修改个人的资料修改密码,查看可选题目及教师相关信息等操作。
(2)学生个人资料修改界面:本界面的提供学生的基本信息修改功能,学生可在本界面下对自己的功能进行修改和完善。
(3)教师提交选题界面:本界面主要功能是让教师通过本网站进行毕业论文题目及论文说明的,通过本界面提交毕业论文题目,在通过管理员审核后即可作为学生选题。
(4)系统功能设定界面:此界面是在管理员模块中的一个子模块,通过本界面的相关操作,可以实现对选题系统、添加课题、审核课题、学生注册等功能的开通和关闭操作、实现网站的分时处理,在相应时刻提供相应操作,减少了系统的开发加大了系统的安全性。
(5)审核题目界面:本界面罗列出各教师的相关毕业论文课题的相关信息,通过本界面可以知道老师的毕业论文所面向的专业、学生选择状态的信息,通过功能选项可实现对教师作废毕业论文的删除操作。
5.毕业论文管理系统的测试
由于条件限制,系统未能经过大规模访问及超大容量数据库测试,仅进行了小范围及叫嚣数据库测试。测试结果为基本测试:测试显示系统的用户功能全部实现,能够满足用户的各项要求。并发性测试:系统的并发性测试显示多用户同时登录时未出现不正常状态,服务器对不同用户请求进行分布处理,工作正常。容错性测试:系统对非法请求进行限制,对非法操作进行正确提示,限制非法用户访问页面。
摘要:本设计是为某公司的新产品——生产现场无线数据采集器进行产品形态设计和人机界面设计。由于这款产品的应用环境为生产现场的物流信息传递,所以设计时除了要满足功能对产品的需求以外,还要考虑到工作环境里的安全性、防污性、防震性,界面的可操作性、美观性以及与工作人员使用的仪式性,定位人群的喜好等问题。
关键词:生产现场无线数据采集终端造型设计
根据数据采集器的用途不同,可将其分为两类:有线数据采集器和无线数据采集器。无线数据采集器是为适应现场数据采集和扫描笨重物体条码等脱机使用场合而设计的。无线数据采集器主要用于生产制造、仓库管理、销售窜货追踪、企业资产管理[1]等领域。随着生产过程、管理、装备信息化步伐的加快,生产现场数据无线采集终端将得到快速的发展[2,3]。国外应用于生产现场的无线数据采集器主要有具备存储功能的手持数据采集器、无线条码扫描器及数据采集器、LED生产管理显示看板[4]等;国内这种产品还很少。而且面对众多的零、部件加工车间大量的现场数据实时控制如何进行;不同层面上的制造与管理人员如何能实现更好地在线沟通;现场的操作方式与持握方式怎样?等等,这些问题在现有国内外的产品中均没有得到综合的体现,本设计正是针对上述问题展开,从实现在制造物流中的顺利、快捷、体现个性的沟通方面进行了探索。
1产品形态设计
根据应用人群为工厂中的工人和管理人员,产品必须赋予抗摔防震、耐脏的功能,所以在产品形态设计上必须给人予结实有力、浑厚大气的感觉,作为工厂的建设者还应体现出产品的尊严,体现持握产品的人的象征感,这种感觉使他带着自信和积极认真地态度去迎接每一份工作,故本产品并没有采用一般工业产品的仪器使用的象征感觉。采用富有个性和流行时尚感的造型设计,增加了造型的亲切感与使用的舒适感,一种当家作主和被尊重的感觉。在颜色上采用易耐脏并且流行的有时尚感的银灰色和给人以稳重感的深蓝色。
2产品持握方式设计
根据生产现场数据采集的特点,在生产现场的工位、检测点、材料、工具的出入口以及巡检人员等配置生产现场无线数据采集器,实现作业现场数据实时采集与通讯。
对于生产工位的工人,一般双手经常处于工作状态,为了不影响工作效率,又能实时传递生产信息,所以将采集器设计成戴在的胳膊上,并尽量靠近头部,用语音输入生产现场物流传递信息,在技术交流和临时通知方面提高效率
对于工厂管理人员,可以采用手持、戴在胳膊上两种方式。手持时,在生产现场通过扫码器快速识别各种部件,灵活地运用语音、键盘、扫码等功能实现实时的数据在线通讯。
键盘采用推拉式,屏幕显示方式可以实现纵横向切换。
3无线数据采集信息界面设计
在操作方式的选择上,避免触摸屏操作易出错、寿命低、成本高等缺点,采用按键方式。
人在进行操作机器时,主要受价值和动机目的支配[5],在设计中要考虑人视觉、思维、动作的习惯过程,使操作界面的设计符合人的日常习惯,使产品容易掌握和不易出错。为了减少操作的不确定性,按钮的设计采用不同执行操作发出相应的声音和光的变化,以增加人们的操作信心与可驾驭感。
在数据采集的过程中,可能会遇到同一种零部件重复读入的情况,还有可能是同一种零部件,由于不在同一个位置所导致的重复录录情况。在进行易出错界面设计时,根据用户的使用出错频率改进设计。对输入数据的域值进行设定,当输入值大于该值时就要对操作员进行提醒,使之尽量减少出错的发生。
3.1数据采集的信息界面设计在界面设计时,设计师不应当提供过多的选择可能性。录入时只需输入被采集物品的编号,填上数量即可完成采集。如图4所示。并根据被采集件输入的频次,决定检索的次序,使专用部件的搜索快捷、方便。如有临时添加的信息,通过语音输入与求助键配合使用,使物流实现准确快捷的传递。整机的物流识别可采用条码扫描录录。数据采集器的操作程序可根据实际的需要进行编制,充分考虑操作使用过程的方便、灵活和通用性。
3.2数据传送的信息界面设计数据传送功能有数据的下载和上传。
数据下载时通过要件按钮将需要数据采集器进行确认的零部件信息从计算机中传送到数据采集器中
数据上传时将采集到的零部件数据通过发件按钮将数据传送到计算机中去。
数据采集器的菜单,可以将所要完成的系统功能加入,如:零部件入库、出库、补货和盘点等。同一批数据,既作为入库数据又作为出库数据,给操作带来了方便,减少了数据的再次读入。
4耐用与节电功能设计
为了防护采集器的屏幕,在采集器的两侧和中间屏幕部分装有减震功能的防震橡胶,可承受一般的撞击,即使跌落在地板上,也能正常运作;自动的省电运行模式设计,10秒无操作自动进入省电运行模式,按任意键自动“唤醒”。所以,使用两节普通7号电池能正常使用达一个月以上。
5小结
姓名: 专业: 所属系别:
学号 指导教师姓名 职 称:
开题报告时间: 年 月 日
论 文 题 目 :小型医院业务管理系统设计
1、拟选课题国内、外的研究动态、水平、存在问题,与本人实习、社会实践、调研的关系,并附主要参考文献:
医院的医疗水平和服务质量一直是国内外关注的焦点,仅靠增加基础设施投入和脱离信息化的管理方法的改进,是不能从根本上提高医院的工作效率、服务质量和管理水平的。医院业务管理系统的目的就是减轻业务劳动强度,减少了差错,科学管理药品,节省人力,提高医院的财、物管理水平,增加经济效益,改善患者的就医环境,方便患者就医和查询,提高医院的服务效率和服务质量,提高医院的医疗质量和管理水平。所以,一个现代化的适应社会发展需要的医院,除了具备一流的医疗队伍、一流的服务设施之外,还应具备一流的业务管理系统。
医院业务管理系统不仅能提高医务人员的工作效率和医疗水平,而且能提高医院的服务质量。因此,医院对业务管理系统有着强烈的需求。本文介绍了医院出入院处、病区、药房、药库的业务流程,在整体分析医院各部门以及部门之间的实际工作业务的基础之上,结合管理系统开发的理念,用VB 6.0作为前端开发工具,开发了医院业务管理系统。目的就是利用计算机软硬件技术、 网络通讯技术等现代化手段,对医院及其所属各部门的业务进行综合管理。从而为医院的整体运行提供全面的、自动化服务的业务信息系统。全文通过对业务流程的分析以及对系统的模块设计、实体-联系图(E-R图)设计、关系模式设计、数据库设计、代码设计、人机界面设计等,详细地阐明了本系统开发的目的、过程及预期效果。
业务管理系统是一门集管理科学、信息科学、系统科学及计算机科学为一体的综合性学科,研究的是管理活动的全过程,以便有效的管理医院。
参考文献
[1]张莉 王强 赵文方 董莉 《SQL Server 数据库原理及应用教程》清华大学出版社,2002
[2] 萨师煊、王珊.数据库系统概论(第三版).北京:高等教育出版社,2000
[3] 张海藩.软件工程导论(第四版).北京:清华大学出版社,2003
[4] 催五子、于宁。界面设计与Visual Bbasic.北京:清华大学出版社,2004
2、课题拟解决的主要问题,在理论和应用方面的意义,完成课题的条件(包括实习单位情况)和设计(论文)的主要内容:
意义:1、为病人提供更好更快、更快的服务,提高医院在医疗市场的竞争力以及吸引更多的病人到本医院就医;
2、人力工资昂贵,迫使医院采用计算机以提高劳动效率;
功能:1、门诊挂号:为病人提供就医卡方便病人;
2、住院病人管理系统:是医院可以随时了解病人情况;
3、药房管理系统:提高了药品管理的质量,和工作效率;
4、门诊医生工作站、住院费用的管理、病历管理系统、以及外部接口等。
3、指导教师对学生选题报告的评语:
指导教师签字: 年 月 日
4、选题报告会评议组意见:
组长(签字): 年 月 日
5、学院审查意见: