ui设计范文

时间:2023-03-29 17:13:59

导语:如何才能写好一篇ui设计,这就需要搜集整理更多的资料和文献,欢迎阅读由公务员之家整理的十篇范文,供你借鉴。

ui设计

篇1

(1)、界面清晰明了。允许用户定制界面。

(2)、减少短期记忆的负担。让计算机帮助记忆,例:User Name,、Password、IE进入界面地址可以让机器记住。

(3)、依赖认知而非记忆。如打印图标的记忆、下拉菜单列表中的选择。

(4)、提供视觉线索。图形符号的视觉的刺激;Gui(图形界面设计):Where, What, Next Step。

(5)、提供默认(default)、撤销(undo)、恢复(redo)的功能。

(6)、提供界面的快捷方式。

(7)、尽量使用真实世界的比喻。如:电话、打印机的图标设计,尊重用户以往的使用经验。

(8)、完善视觉的清晰度。条理清晰;图片、文字的布局和隐喻不要让用户去猜。

(9)、界面的协调一致。如手机界面按钮排放,左键肯定;右键否定;或按内容摆放。

(10)、同样功能用同样的图形。

(11)、色彩与内容。整体软件不超过5个色系,尽量少用红色、绿色。近似的颜色表示近似的意思。

尽量考虑到使用者的感受,而不是主观的表现。在艺术的创作过程中,实质就是对现实的审美认识与对审美认识的表现过程。

UI视觉设计也可以说是作为平面设计的一部分,也遵循平面设计的基本原则,要考虑到画面各元素组合构成的形式与方法以及这种形式对人心理引起的共鸣。在完善这一些基本形式规律的同时,更应该注意其形式感对人的心理作用以及其表达人的感情的深与广度,使其真正和设计的最终效果相一致,形成一个完美的、全新的整体形象。同时也要考虑到平面构成的基本形式如,重复与近似、渐变也发射、特异与对比、密集、机理等。

“以用户为中心”的UI设计方法,以人为本的设计思路,这一点在国内也经常被提起,但在事实的操作中还有很长的路要走。例如:苹果公司乔布斯领导研制的新一代电脑Lisa,当时Lisa电脑的设计人员就认为,必须将立即执行的命令和需要用户附加输入的命令分开。他们决定在后者的命令末尾添加省略号“...”,比如“Save as...(另存为...)”。这个省略号提醒人们:软件会显示一个对话框提示用户输入更多信息(暗示当前命令发生之前还有别的情况)。会立即执行的命令末尾没有“...”。

这条规则被广泛运用,包括菜单和按钮。Lisa计算机以及它的后来者MAC和Microsoft,采用这条规则在细节处理上起了很大的作用。这个也是现在游戏包括很多运用软件上上面常用的一些原则,这条规则被广泛运用,包括菜单和按钮。Lisa计算机以及它的后来者MAC和Microsoft,采用这条规则在细节处理上起了很大的作用。给用户带来了极大的方便。

当一个产品成功打入市场的时候,人们看到的是其强大的功能,上乘的质量,周密的市场策略,合适的价格定为,甚至是美观的包装设计,而很少有人会将亲和性的界面设计放在功劳簿上。例如现在的腾讯,1997年,现在的腾讯CEO马化腾接触到了ICQ并成为它的用户,他亲身感受到了ICQ的魅力,也看到了它的局限性:一是英文界面,二是在使用操作上有相当的难度,这使得ICQ在国内使用的虽然也比较广,但始终不是特别普及,大多限于“网虫”级的高手里。

1999年2月,腾讯在互联网上推出OICQ的第一个测试版本包含的功能十分简单,仅仅只包括简单的在线即时通讯功能,但其界面设计令人称赞不已,事实上,尽管到现在为止,腾讯已经先推出十来个版本以上的QQ软件,但其界面仍然没有任何改变,这表明,从一开始,腾讯OICQ软件的界面设计是十分合理的。

当腾讯推出QQ之前已经有了很多的类似的及时通讯软件。而腾讯的腾讯QQ在功能上面也没有什么特别之处,那么很多人一直在质疑,为什么QQ能够力压群芳,最终几乎接近垄断中国在线即时通讯软件市场?从功能上说,一直以来QQ并没有什么特别之处,但相比之下,其它在线即时通讯软件也没有什么特别之处,大家都是模仿ICQ。但QQ之所以能够取得成功,原因不在于它的功能如何强大,而在于它的界面设计的十分合理,用户操作简单,相比较和QQ同时代的其它在线即时通讯软件,如Sina pager、OMMO等,它们一开始的功能并不弱于QQ,特别是OMMO,其在一面世就推出了比QQ强大得多的功能,如电子邮件、网络硬盘,过多的功能反而让使用者觉得操作十分烦琐,这是它之所以失败的重要原因所在。其后几个月,腾讯推出OICQ 99a,先后新增了公共聊天室、传送文件、无线寻呼、手机短讯、语音聊天等,并且在这个版本里面,腾讯还做了另外一个大动作,那就是把唐老鸭、加菲猫、Kitty猫、皮卡丘、大力水手、汤姆猫、蓝精灵、史诺比、刺猬索尼克等知名熟知的卡通肖像换掉了,换上了腾讯自己设计制作的卡通肖像。令人吃惊的是,在腾讯新增了这么多功能后,OICQ的界面仍然没有任何改变。其合理的设计、良好的易用性、强大的功能,稳定高效的系统运行,赢得了用户的青睐。

毫无疑问,UI设计优势在产品竞争中扮演的重要角色是无庸置疑的,但是,这种优势实现和意识都是长期性的,而非短期行为。他意味着需要相当长的时间让客户了解到,但是一旦形成此种心理上的优势,就会在很长的时间内存在,会将易用的心理暗示代入整个产品的后续开发甚至整个品牌。

当一个产品成功打入市场的时候,人们看到的是其强大的功能,上乘的质量,周密的市场策略,合适的价格定位,甚至是美观的包装设计,而很少有人会将亲和性的UI设计放在功劳簿上。UI设计所倡导的是可用,易用,然而在消费者心中可用,易用是理所当然的。而设计师所应该做的就是默默的为人类服务。

技术是有局限性的,而设计师的思想是无限性的。完美的UI设计能给技术很普通的产品带来质的飞跃也能给企业带来意想不到的收获。这一切都是基于一个目标,以人为本,服务社会。

篇2

所以,我们必须了解移动APP客户端的UI设计原则及UI界面适配步骤。

第一点:移动APP客户端的UI设计原则

1)手机本身的物理特性受限引起的操作交互指南:

a、移动APP客户端的文字输入,必须要降到最低:由于手机在输入上的低效性,在设计的过程中,应尽量减少用户的输入,如果有可能可以设置默认值,或者让用户选择目标值。

b、移动APP客户端的信息结构好,屏与屏之间的逻辑关系清晰:由于手机屏幕都普遍较小,即使有4吋屏,那也只能展示较少的信息量,因此,在手机设计上,更需要有清晰的信息架构,用户知道当前在哪儿,并能返回到哪儿。

c、移动APP客户端的操作、功能不要隐藏太深,重要功能都需要在界面中有适当的提示:由于手机屏幕较小,不能展示所有的信息。因此,对重要的、使用频率高的功能或信息放在最重要的位置,并在首页上展示或指示。

2)手机的移动特性引起的指南:

a、移动APP客户端的最主要的功能操作,用单手可以完成:手机的使用情景多样性,在很多情景下,用户都只能单手来操作手机,因此,在客户端的设计过程中,需要考虑最重要的核心功能,能否单手操作完成。常见手势翻页交互效果和优点等。

b、移动APP客户端的界面必须简洁、操作简单,操作步骤少:由于用户操作情景复杂,在使用客户端的过程可能有额外的认知负荷,因此,在设计客户端的过程中,逻辑必须简单,操作步骤也要减少。

c、移动APP客户端的界面层次不要太深,最好不要超过3级。

d、移动APP客户端的提示包括界面、声音、振动多种形式:用户在操作手机时,往往不会一直盯着手机屏幕看,因此,很多手机状态页面的切换,脱离了用户的视线,这时,必须要提供视觉之外的其他感觉通道的信息(如听觉、触觉等),来对用户做提示。快速体验移动触摸响应操作等。

3)其他移动UI设计原则

a)客户端UI的适配不必恪守所有的平台都保持一致,只要一些品牌的关键元素能体现可。

b)客户端的主要操作方式(框架、导航、按键功能及软键对应方式等)应与所承载的手机操作系统保持一致:客户端都承载在某款具体的手机平台中,而用户会对当前的手机平台很熟悉。

因此,在设计的过程中,需要更好地理解当前的手机平台,并使客户端的设计与手机系统的设计逻辑保持一致。

第二点:.手机APP客户端UI界面设计适配的步骤:

移动APP客户端的适配要以一个平台为起始,但是要着眼于多个平台。

1)根据公司的战略,选择一个最先切入的平台;

2)了解该平台的UI设计规范,可用的UI控件及交互原则;

3)确定切入的屏幕大小,以此来设计第一个客户端,但是要考虑适配其他屏幕的可能性,是自适应来扩展或者缩小;

4)根据平台及屏幕大小,来选择一款最典型的手机,开始客户端的交互设计。

5)确定客户端的核心目的。如为娱乐为主的,应在设计方式更娱乐性;功能性完成目的为主的,以更易用性为主;

6)根据客户端的功能和内容,来设计客户端的信息架构;

篇3

多媒体设计

多媒体技术是指将多种单媒体复合而成的技术。多媒体技术融合了各种视觉和听觉媒体,包括动画、文字、图形、图像、语言、音乐和立体声响等,多媒体网页UI界面可以让用户同时接受多样的媒体信息来源。网页UI界面设计中使用多媒体技术可以体现以下几个特点:1)集成性,对远程多媒体的影音信息统一取得与。2)交互性,人性化的实现信息传播,能够主动选择和控制信息流方向。3)非线性,创建了超文本链接方法,把灵活展示浏览内容。4)实时性,实时控制多媒体信息,及时配合用户指令。5)动态性,用户可以按照自己的需求选择信息使用方式,甚至重组信息的各种表现形式。

网页交互设计

交互设计需要解决的是人与机器之间互动的问题,是表现层的东西,好的交互设计方案能够让用户感觉网页非常好用。怎样的网页交互设计才算是好的方案呢?1.让人有耐心等待。根据网络调查,大多数用户对网页打开的等待时间最多坚持5秒钟,如果5秒内页面都不能打开,那这个页面上的内容将没有任何意义都就将。所以在交互设计时,需要考虑网页等待时给用户提供的信息。最好的方式是反馈,当用户等待时,告诉用户他的操作是否成功并且将剩余的等待时间实时呈现,这样就能有效解决用户不能耐心等待的问题。2.让人不用动脑筋想。好的网站能够帮助用户快速完成任务,要达到快速完成任务的目的,交互设计必须使页面简单,尽量让用户浏览时不收不必要的干扰,最好能够符合用户心智模型。因为,大部分的用户在浏览网站时希望的是能快速找到勉强应付的方案,而不愿意主动寻找方案,百分之八十的用户只会用百分之二十的功能。

网页UI界面设计展望

目前,网页UI界面设计主要是三维的视觉界面和二维的图形界面,同时辅以动画、声音等多媒体插件布局设计。随着计算机技术的不断发展,三维立体的操作界面系统会在网页设计中逐步普及,三维立体界面的直接操作是虚拟现实(VirtualReality)交互性的一个重要表现方式。三维虚拟空间中的直接操作包括平移、拾取和旋转等操作,例如如今比较前沿的3D影装和多点触控技术。三维直接操作使得网页UI界面设计不再仅仅局限于视觉效果的三维变换,可以实现类似于四维空间的人机直接交互,从而更好的完成用户操作。

篇4

【关键词】UI设计;视觉设计风格;发展

中图分类号:TB472 文献标志码:A 文章编号:1007-0125(2017)07-0171-01

一、UI设计概述

(一)UI设计的定义:UI是由User Interface(用户界面)缩写而来。UI设计即为用户界面设计。是对软件的人机交互、整体操作的逻辑以及操作界面的视觉美观性的整体设计过程。

(二)UI设计中视觉设计风格定义:UI设计中视觉设计风格是指视觉设计师在进行用户界面设计时所使用的图形化语言。视觉设计师在进行软件界面设计时对数据进行全面分析并归纳总结,运用点、线、面等图形化语言并设定合适的色彩创造出符合用户审美的用户界面风格。当前主要运用于UI设计中的视觉设计语言有:1.拟物化风格,该视觉设计语言风格是对真实物体的模拟,最大程度在去模拟真实物体的形体和质感。2.极简化风格,该视觉设计风格是视觉设计师将想要表达的形体事物以最简单的线条或者图形概括出来,使用户看到这一图形即可联想到一定的实物。

二、国内外UI设计视觉设计风格发展现状

美国于上世纪中期便发明了计算机并建立了互联网,这方便了人们的工作和生活,在人与计算机使用和被使用的过程中便产生了人机交互这一概念。在人机交互上是以发现问题到解决问题的模式不断地形成了规范;在视觉设计语言方面,美国、德国、法国等国家受到包豪斯设计学院的影响,遵从包豪斯“艺术与技术的新统一、设计的目的是人而不是产品、设计必须遵循自然与客观的法则来进行”的观点,形成了简约至上的现代视觉设计语言风格。

国内关于艺术类的教育仍然处于讲述基本知识的学院式教育,教学仅仅是为了讲述知识,而并没有和当前先进的科学技术生产力接轨,关于UI设计的教学也仅仅是依靠教师在相关领域的相关经验,并不能切实地结合社会需求。这些都极大地限制了中国在UI设计行业的发展。随着互联网技术在中国突飞猛进的发展,目前国内也有许多互联网企业在借鉴了国外成熟的设计规范后,发展出了自己完善的UI设计规范,也做出了相当成熟的产品。

三、成熟UI设计视觉语言风格应用

(一)拟物化设计风格:是借助已有的实体进行设计,将设计中功能上并不必须的元素也要添加,这种真实的实物感以及质感带给用户极大的亲切感,能使用户更快地掌握如何操作和使用该产品。如锤子科技公司的手机系统Smartisan OS,该系统UI大量采用了拟物化设计风格:其系统自带软件计算器,其图标是具有真实质感的计算器按钮,能使用户快速识别。打开软件后,无论从质感立体感到屏幕显示、字体显示、界面颜色再到触觉反馈,无不呈现出一个真实的计算器。这样的设计能带给用户生活中的亲切感。

(二)扁平化设计风格:是指在设计过程中使用简单的特效或者不使用视觉特效,以极简单的形体去进行设计。这种设计方式较简单直接也更加轻量化,更加适用于移动界面的设计。如2010年微windows phone操作系统,其整体布局采用色彩明亮的色块进行区块划分和整体布局,图标设计也采用极简的线形和面元素设计,整体轻快简洁。随后,苹果公司和谷歌公司在iOS和安卓系统中也开始采用扁平化设计风格。目前无论是苹果还是安卓,在原生系统级的图标和布局的设计都采用了扁平化设计风格。受此影响,国内外的软件厂商为和手机系统风格保持一致也纷纷效仿改变风格。

(三)原质化设计风格:是谷歌公司所研究出来的一种新的设计语言,也是一种设计规范。该风格是由谷歌团队对于纸质和墨水材料的研究,在基本元素的处理上,借鉴了传统的印刷设计、排版、网格、空间、比例、配色、图像。同时强调结合实体物理属性和规律的、合理的动效和高效的空间化利用。以和物理世界接近的触感可以让用户更为自然、快速地理解和认知。该风格是在扁平化风格基础上加以真实物理世界的触感,是介于上述两种风格之间的风格,原质化设计风格尚处于发展初期,在未来的发展中它可能在UI设计视觉语言风格中占有一席之地。

四、结语

互联网技术发展日新月异,互联网商业也紧随其后,这就决定了UI设计发展的重要性。随着人们对各系统操作的熟识,UI设计视觉设计风格也要随着用户的审美变化而不断发展。而这种发展也会是符合现在设计发展的规律,由起初简单的文本界面发展为精美雕饰的形体界面,再由繁复的界面简化为简约轻快的界面,之后还会在简单的基础上再去增加体验。总而言之,UI设计视觉设计风格的发展也会遵从由简到繁再由繁到简这样一个过程。

参考文献:

[1]人机互动,UI 的绚丽与便捷*移动互联网时代的手机UI设计与主流终端厂商理念评析[J].新潮电子,2009,(9):29-47.

篇5

UI交互设计在科技飞速发展的今天,正在以非常快的速度被人们认可和熟知。UI的本意是用户界面,对于UI的理解也是从“接触”含义对交互设计进行探究。UI交互设计真正为人们所重视是基于电脑产品的诞生,人们理解电脑产品,首先需要一个可视界面,然后需要轻松处理程序并给予指令,使产品被人们轻松使用、为人服务,使用户获得愉悦的体验。文章着重从交互设计方面阐述UI交互设计在信息科技中的研究价值和研究方法。

关键词:

UI交互设计;用户研究;人机界面;用户体验;视觉美观

UI的概念,是人们为解决与机器的交流问题而提出的,如日常生活中的汽车操控界面,最早的收音机操作界面,电视遥控器界面,正在研制的各种更超前、更易用的感应式电子软件操作界面。人们正在经历着图形界面时代,产品操作界面的图形化处理越来越受到人们的重视。好的交互体验使人们一眼就能识别如何操作,能理解操作带来的实际作用。人们对用户体验和界面美观的要求提升得越来越快,这种图形化的界面设计也推动了新的经济时代到来。随着智能手机的飞速发展,人们对手机APP的使用迅猛增长,如今各种APP在互联网移动终端设备上的使用率越来越高,使用人群也逐渐细化。APP产品琳琅满目,产品经理开发手机APP的使用价值,就必须研究用户界面交互设计,通过用户界面交互设计的研究得出这些产品的推广和应用方式。实际上用户界面本身就是一种设计,像其他设计一样需要独特的设计方案。随着硬件技术的发展,人们关心的重点是软件的易用性和美观性。如何设计成功的界面,取决于对UI交互设计的理解和对用户体验设计的研究。

一、用户研究,了解用户,弥合差距

现实生活中,人们对周围世界的描述和感知有部分不是真实的,人们所感知到的在很大程度上取决于人们的期望,人们的描述根据期望提出并通过设计展现出来,人们的过去、现在、将来成为影响感知的三个要素,设计者对于用户也需要从这三个要素上去研究、观察、分析和反馈。现在,移动终端的开发不断创新,如几年前老年智能机的出现、近期儿童智能手表的广泛应用。各个科技公司正在研发更加强大的智能终端系统APP。如2015年底面世的锤子T2手机,锤子科技针对如何教会老年人使用智能触屏手机开发了远程协助功能,这给智能科技手机带来了新的盈利模式。正是出于对用户的不断探究,各种新奇、有用的APP应运而生。互联网公司、手机科技公司、软件公司对新产品的研发要从用户研究做起,要了解透彻用户,要寻找用户使用产品的痛点,然后进行痛点分析,据以进行产品开发或改造。在对用户研究的过程中,准确把握用户经验、使用环境、未来目标,是进行产品研究开发的必要基础。

移动互联网用品专家在分析网络移动终端产品时将用户分成三类。第一类是专家型用户。这类用户的特点是有强烈的愿望探索新的产品和服务。对于出现的新产品,专家型用户往往迫不及待地花时间探索产品的新功能、新特征。不过,这类用户在总体上占少数。第二类用户可以称为随意性用户。随意性用户可能不喜欢改变,接触全新事物的意愿可能不是太强。第三类用户可以称为主流用户。这类用户往往不会因为产品有某项技术而使用这种产品,他们使用产品的目的是完成某项任务,在情感上更加偏重手机的功能本身,但是他们往往不会花费精力学会所有的功能,在用户中,这类用户所占的比例最大。在研发过程中,设计者应尽量避免只针对专家型用户的需求进行设计,否则设计出来的手机APP可能会使主流用户知难而退。很多软件的开发要以主流用户为主体,设计者在进行用户分析时,可以多观察主流用户的行为习惯,通过用户测试改进手机和网站等,在研发过程中以主流用户为目标用户。总体来说,设计者要解决的UI交互设计的核心问题就是产品对用户使用心理的影响,要将产品设计的核心转移到以用户为中心上来。UI交互设计师或程序员要想设计出好的产品,就要明确目标用户是谁,正确定位用户的使用需要。当然,很多时候用户可能不清楚自己的需求是什么,或者难以清晰表达自己的需要,此时UI交互设计师或程序员就该发挥自身的作用,了解用户的特征、使用能力和使用目的,想办法满足用户的要求。好的UI交互设计应该能够在不影响用户个人目标的情况下,帮助他们达成实际目标。真正解决问题的关键在于设计者能够换位思考,以用户的心理状态、行为方式考虑产品设计。

二、应用视觉设计研究,设计过程

在过去的产品设计过程中,一般是程序员设计交互界面,但程序员往往没有足够的时间考虑UI交互设计,没有明确的产品设计方向,也没有恰当的设计思路和方法,所以一些电子信息产品的UI交互设计并不成功,甚至影响了产品的有效使用。现在,人们对于用户体验、交互方式的要求与日俱增,产品经理为了解决在信息时代所面临的复杂而独特的问题,对于营销思路方式、视觉设计研究、设计过程越来越重视,逐步提高对用户评价的重视程度,逐步改善产品的交互体验。在创建软件的过程中,战略层、框架层、信息层、用户层、设计层、体验层常常是在压缩成本时最先被考虑的部分。在产品设计的视觉层面,设计过度的情况时有发生,如果希望设计的产品能够得到用户的认可,就需要将产品界面设计得简洁而不简单,如果设计过程和视觉设计思路非常棒,就会大大提升产品的竞争力,使产品的使用寿命延长,具有更长的生命周期,有利于提高客户的忠诚度,使产品创造出更大的价值。

在UI交互设计研究开发过程中,设计师主要是对产品界面的文字、图形、色彩、版式进行研究,在设计过程中需要不断试错、改善,甚至在投入使用后,还要进行修改、更新。UI交互设计师为了了解用户的使用心理,会在实践中进行用户研究,注重和强调人作为主体的多样性,而不局限于运用市场人员通常采用的统计式量化研究方法。在UI交互设计过程中,视觉设计起着掌控大局的作用。随着网络移动终端产品的日益复杂和功能越来越多、越来越强大,用户对产品易用性的要求也越来越高。用户在使用过程中可能产生一些困扰,这时UI交互设计就会发挥联系产品和用户的桥梁作用。UI交互设计在软件开发过程中起着重要的作用。对于每一个新的系统,用户都需要新的适应过程,如果产品界面风格设计变化不定,会给用户带来很大的麻烦,增加用户的使用难度,甚至会招致用户的厌烦。在界面设计过程中,视觉设计部分也要注意交互的重要性,注重设计风格的统一性。如,APP界面中要有“返回”“后退”“上一页”等按钮,界面上图标的风格要一致,文字或图形不能随意摆放,从而保证用户获得较好的交互体验。UI交互设计对于界面元素的模块化也非常重视,版权信息、导航条、图片等要尽量重复使用,设计过程应尽量简洁,将元素缩减到最少或者排列到最合理的位置。

三、交互细节研究测试,说服沟通

交互设计侧重的是交互式系统的开发。UI交互设计研究以技术为重心,强调的是设计技巧。这种设计技巧通常着眼于呈现内容时的视觉美感,即对界面的视觉美化和包装。视觉美感是设计师通过对界面中图形、文字的编排展现的,体现的是技术性,强调的是平台相关的范式。UI交互设计师是连接程序员和用户的有效桥梁。在设计过程中,UI交互设计师需要考虑的第一个重点是系统的易用性。UI交互设计师要明确并不是每位用户都能非常熟练地掌握计算机网络技术,一些工具栏的图标对于初次接触网络移动终端产品的群体来说是比较陌生的,因此图标的设计起着至关重要的作用。在交互细节研究测试过程中,最好可以让不同的用户从首页开始操作体验,不要给用户任何操作提示和帮助,设计者观察用户使用的熟练程度,记录并查找软件的所有缺陷,加以改进。UI交互设计考虑的第二个重点就是流程简便。交互的核心在于用户和产品的对话,即用户和系统与服务的对话,交互设计是为了让产品产生更大的使用价值,展现出能够引起目标用户共鸣的良好设计,使用户更加简便地解决复杂问题,最终增进用户的愉快体验。UI交互设计对人有直接的影响,理解了这一点,就能为整个设计过程注入独特的、人性化的一面,从而将设计的重心从技术工艺转移到人。只有以人为中心,研发的产品才能更好地为人所用,才能获得长足的发展。UI交互设计的精髓在于:设计应该以用户为中心,说服沟通。真正理解用户需求的唯一途径,即与用户进行实际的互动。理解用户的过程就是尝试了解他们的所思、所说和所做的过程,设计师由此创造可用、有用和令人向往的UI交互设计作品。

四、结语

UI交互设计师尝试在独立的组件之间建立有意义的视觉表达,以期了解它们背后的关系。创建这些可视化表达的终极目标是获得深入的理解。设计师用新奇的方式对各种想法进行分析、重构,对想法之间抽象的、有意义的关联获得深入的理解,这种理解会被应用到系统、服务或人工制品的开发过程中。在UI交互设计过程中,沟通是设计中极为重要的问题之一,做好沟通是UI交互设计的前提。产品的设计要注重为用户着想,人性化设计是项目成功的保证。我们周围充满各种各样的APP产品,好的UI交互设计能给用户带来愉悦感,使工作效率得到提高,使产品突出、耀眼、深入人心。优秀的UI交互设计给人们的生活方方面面都带来非常好的体验,UI交互设计的工具和手段不仅可以用来开发产品,还能被借鉴以解决社会问题。先超越风格之设计,进而提升到深远的世界之大设计,是UI交互设计师不断探索研究之本。

参考文献:

[1](美)普里斯等.交互设计——超越人机交互.刘晓晖,张景等,译.电子工业出版社,2003.

篇6

【关键词】网页UI设计;视觉设计;视觉吸引;交互设计;交互艺术

随着信息化的深入,网页成为人们浏览信息、获取信息、放眼世界的主要窗口之一。在传统网页的界面设计中,人们认为网页界面设计就是美工,而美工就是单纯对网页进行装饰。随着网络技术的发展与普及,网页界面设计的技术在不断的进步,设计的理念也在不断的更新,网页界面设计不再是单纯的视觉设计,而是将视觉设计与人的行为习惯、生活方式、心理体验等结合在一起的设计,基于用户体验的网页UI设计是当前研究的热点。

一、网页UI设计及用户体验

UI即User Interface(用户界面)的简称,指对软件的人机交互、操作逻辑、界面美观的整体设计。网页UI设计用户体验(User Experience,简称UE)则是一种纯主观在用户使用产品过程中建立起来的感受。由于生活习惯、文化背景、行为方式及心理体验等不同,用户体验产品时会有不同的感受,一个好的UI设计要能充分满足大众的需求,使用户在体验过程中都能心情愉悦、操作流畅、交互高效。

就网页UI设计而言,用户浏览网页的需求是什么?抽象出来可以归纳为两点:一浏览信息,二操作数据。这里的数据是指在数据库中躺着的数据,用户在单纯浏览信息时,不会对页面背后的“数据”造成任何操作,但用户进行点击链接、跳转页面和处理信息时,就要和页面背后的数据进行交互。所以,在做网页UI设计时候主要满足于用户的这两方面的需求,第一是用户在浏览信息时候,要有一个赏心悦目的界面,即网页界面的视觉设计要美观。第二是用户在操作数据时候要高效,即网页界面的交互设计灵活。

二、网页界面视觉设计

爱美之心人皆有之,漂亮的网页界面能吸引浏览者的眼球、提高网页的浏览量。传统网页美工设计,更注重网页的布局以及网页的颜色搭配,换言之,就是重在设计网页平面效果图和以及对网页进行装饰。随着人们生活节奏的加快,快餐文化日渐丰富,仅靠传统网页美工已不能适应当今网页发展的需要。那么,如何让你的网站跟上时代的步伐,满足当今用户的需求呢?

从用户体验出发:什么东西能让我们从电脑屏幕上看到接近于现实世界的东西?是视觉吸引,视觉吸引是非常有效的提示工具,通常在用户第一次打开某个应用,或进入某个新的界面时出现。简单的视觉吸引能扭转乾坤,把令人沮丧万分的第一次使用经历变成满意的产品使用体验。[1]常见的网页视觉吸引的模式:

1.对话框

这是最常见的视觉吸引模式,它是网页中一种次要窗口,包含按钮和各种选项,通过它可以完成特定命令或任务。

2.提示

提示指给予相应的提醒、明示和解释,它可以出现在网页中的任何位置,比对话框更能融入到网页的应用情景。

3.使用导航

导航是网页布局中最重要的元素之一,是网页主要内容的提炼,是网站的框架更是网站信息的分类,直观漂亮的导航能吸引用户的操作。

4.视频演示

将视频嵌入到网页当中,通过视频形象直观的画面来吸引浏览者。在进行视频嵌入设计时,为了便于用户的操作,一般要提供常见的视频控制选项(停止、暂停、音量控制等)。

5.首次使用引导

用户首次使用网页或是网页界面中的某些操作时候,提供适当的引导,帮助用户进入操作界面,比如说利用图像或是其他视觉线索来引导用户使用。

6.持续视觉吸引

持续视觉吸引设计,主要是将一些网页元素进行有别于其他网页元素的设计(比如说,通过字体的大小、颜色区别开来),并将这些元素一直保持在网页中,通过持续的视觉刺激来吸引用户。

7.可发现的视觉吸引

可发现的视觉吸引是一种在保持页面简洁的前提下,用户通过执行特定交互操作的方法(如点击和滑动等),就能看到页面中某些隐藏的元素。如比较常见的视觉吸引模式是鼓励用户刷新数据的提示。

三、网页界面交互设计

“交互”是人与机器之间的相互作用。良好的交互能保持或是激发用户使用网站的兴趣,传统的网页交互设计重在技术上关注人机之间的交互,忽视了人机之间“情感”交互。发挥设计中人的情感体验作用,使设计更具有人性化的自由,满足审美的追求,这不仅需要交互技术,更需要交互艺术。所以,从用户体验出发,来进行网页界面的交互设计。

1.交互技术

人机之间信息交互的有效性主要取决于交互技术。好的交互主要包括两方面:

(1)时效性

如今生活节奏的加快,人们更注重时效性,在人机交互过程中,如果交互不及时,浏览者就会厌烦甚至放弃浏览该信息,有网络调查研究表明,用户打开网页等待的时间最长为五秒,如果五秒之后没有任何的反馈信息,用户一般会放弃该网页的操作。所以,在进行网页界面设计时,要考虑到受众的心理,在提高交互速度的同时,也要为用户在等待交互过程中提供相关的信息,减少用户的疑惑以及焦虑。比如在用户等待操作时的,提供操作成功与否的信息或是提供操作成功的数据量和剩余所需等待的时间等。

(2)直观性

简单直观的交互能帮助用户快速完成任务,繁琐的交互会增加用户操作和思考的时间,也会引起用户心理上的厌倦。在进行交互设计时,反馈回来的信息要直接明了,因为在操作过程中用户都喜欢被告诉怎么做,而不喜欢去思考如何做。同时,交互设计要减少干扰,让用户的操作能更顺畅。

2.交互艺术

交互发生取决于交互技术,交互持续取决于交互艺术。交互艺术,是指运用一定的创意,使用户在体验交互的过程中,能沉浸其中,并保持愉悦的心情。在交互设计中,运用艺术表现形式,改变传统媒体的线性秩序叙事方式,强调观众的积极性和能动性,引导用户更好地进行交互操作,达到人机交互的自然、和谐。

四、结语

“以人为本”的创新设计是UI设计的核心,好的设计既是美的设计也是为人的设计,这也是未来UI设计的趋势。[2]所以,在网页UI设计中,我们要摒弃以往界面设计就是美工的观念,网页UI设计不是给网页进行简单的装饰和美化,而是要赋予其独立的思想和创意,结合用户的心理体验、行为习惯、生活方式等因素,以人为本,基于用户体验进行网页UI设计。

参考文献

篇7

关键词:手机UI界面;平面元素;界面设计;情感化

手机作为日常生活中最常见,几乎是更新速度最快的个人电子用品终端和电子用品集合体,越来越多地介入和更大地影响着人的日常生活。其集合体性质的发展决定了在未来的日子里手机不仅仅是一个携带电话,而更多的是一个娱乐、生活、资讯的集合体。其的终端性质也决定了其在人机交互方面也必须更加的人性化,趣味化,功能集成化。本文主要讨论的是在现在的设计趋势下几种手机主菜单用户界面(User Interface)设计的手法和其应用性中所蕴含的人机交互原则抑或是商业原则,切入点主要是视觉传达方式及交互方式给用户的体验。

一、手机UI界面情感化的需求

应该说,好的界面设计一直致力于人性化的设计,即以用户为中心的设计。好的技术并不意味着就易于人们接受或者说满意,它只能在一定角度上易于操作。但一味追求交互效率,容易陷入冷漠的技术误区。前面在阐述可用性问题时,曾提及一种要素,这就是用户的满意度。人性需求的高级阶段是情感化的,而高效率不等于高情商。由于手机与人们生活的高度密切性,手机的交互界面在涉及人-机-环境三者关系的同时,其中人的情感更值得关注,产品设计中的符号化元素其实就是从情感需求出发的一种体现。这种关注是设计对“人”的重视,它的要求甚至远高于对达成交互的结果的研究。

二、UI界面的本能水平情感化设计

本能水平情感是脑内最简单、最原始的部分本能水平的设计的基本原理来自人类本能,在不国家,不同种族都是一致的。我个人认为,对于面设计师来说,要做就是尽量使所设计的界面能引并给使用者带来开心、愉快、轻松、舒适、快等直观的心理感受,我认为本能情感层面的设计通过美观性、趣味和幽默感等方法来实现。

(一)美观性

古典美学家黑格尔说:“美,是理念的感情显现”,荣久庵宪司说“我赞美轻盈简洁的美感,渴望提高功效,舒适,豪华和多样性。实现美和对美的渴望是未来设计的目标。”

而色彩,图形的则是能引起感官对美最直接,最本能的刺激和反应的元素,可能没有其它设计元素能像颜色一样能影响人们对界面的感受。它可以瞬间改变我们的情绪和意见。颜色会让我们感觉到舒适、敬畏,或者激动”。

在界面设计中,颜色组合对设计非常有用。我们针对软件类型以及用户工作环境选择恰当色调:如:安全软件,根据工业标准,可以选取黄色,绿色体现环保,蓝色表现时尚、紫色表现浪漫等等,淡色可以使人舒适,暗色做背景使人不觉得累等。颜色蕴含的另外一个财富就是可以带来灵感。举个实例,为了促进都柏林的旅游业,都柏林的旅游网站采用了爱尔兰海岸的一种颜色组合。这种组合非常生动和吸引人,使都柏林看起来很有游玩的乐趣,并且广阔、豪华。图形在界面中具有重要作用。图形就是信息媒介。特别是游戏产品,图形甚至是界面本体。可视化图形往往能引起人们的注意,并激发阅读兴趣,图形给人的视觉印象要优于文字,合理的运用图形。可以生动直观、形象地表现对应功能,降低了使用难度,增加亲切感,方便用户理解使用(尤其是中老年,儿童等)。

当我们的界面设计遵从了美的形式法则,经过设计师尽心的努力所呈现出美观、大方、时尚、典雅或华丽等特性时,激发出人类“爱美”的天性,从而使界面使用者自然而然地产生美好、愉快的心理感受,即获得本能情感的认可。

(二)趣味性和幽默感

与美学性一样,趣味性和幽默感也是人的本性之一,趣味性和幽默感事物同样能够直接激发人的本能情感。界面设计中所讲的“趣味性和幽默感”是指图标,图形,字体等的形态、色彩、形式等方面看起来很有趣、有意思、有味道、能引人注意,或则呈现出圆润、憨厚、笨拙可爱、亲和力等特了使界面具备趣味性和幽默感的特征,它追求的是不同寻常或出乎意料的情景,激发人们的好奇心,并能在转眼间带给人一种惊喜、快乐的心理感受,这也属本能情感。

三、感官与机械的完美配合

由于手机的机械特殊性,其交互设计除了要考虑界面视觉的感受,还要兼顾听觉和触觉的运用。正如日本著名设计师原研哉先生所提出的“五感”设计。即信息构建的时候,思维维度要多样化,设计作品应触及到“五感”,视觉、听觉、触觉、嗅觉、味觉。给受众全方位的触动。虽然原先生所说的是商业广告以及生活品设计范畴的传达学,并且手机也没有办法涉及嗅觉和味觉。但是人机交互一样可以导入这个概念,因为人与物的交流,反馈的模式是一致的。

手机的传达模式是:显示屏输出,用视觉来向外传达。用户的输入来进行指令再次向内传达。手机设备再次反馈。而反馈的方式就很多,比如视觉的反馈,颜色,亮度,位置的变化都会让用户的视觉得以刺激。

或者用听觉给用户提示,甚至手机震磁震动的触觉。

篇8

在当今社会,智能电子设备在人类生活所占比重愈加重要。在这个以数字信息作为主要交换方式的网络化时代,传统的计算机软件系统、智能手机,平板电脑等人机交互式智能设备,以其高效快速的信息传达功能与直观的视觉传达效果

而就当前竞争愈来愈激烈的智能便携设备消费市场而言,软件核心部分的功能固然还在不断的创新和发展当中,但是我们同样需要认识到作为首先视觉感知的软件界面设计,即UI设计(user interface design),在越来越强调视觉对系统和软件消费者的心理和使用感受方面的影响,诸多的厂商和开发者也开始关注到这一点。对于以往传统认识中,对于软件开发过程中还存在重技术而不重应用的现象逐渐消失。开发团队在关注于软件核心功能的研发的同时,同样会系统考虑界面设计如何去有效的体现出科学的人机交互性、操作逻辑和用户心理的适应度,从而成为一个更为缜密的系统。

回顾一下智能设备系统和软件界面设计的发展历程,特别是进入21世纪以来,软件界面经历了从拟物化设计(skeuomorphism)到当前扁平化设计(flat)的视觉效果演变过程。从APPLE、GOOGLE等公司在先期的系统界面中以模拟真实物体的材质、质感、细节、光亮等视觉表现效果来体现人机交互的拟物化,模拟现实中的交互方式。到如今更为流行的界面扁平化设计通过简单纯色的组合或单色极简的抽象矩形色块,去掉冗余的拟物化界面元素而体现软件核心功能,以现代主义式的审美去表现视觉传达的高效性。

设计师在进行UI设计中,对于色彩的运用,必然要更多的考虑到色彩心理学在设计中的运用。特别是在当前扁平化设计大行其道,视觉元素主要由纯色组合去传达功能含义的主流趋势之下,如何去科学的将色彩进行运用,是不可忽视的一个命题。从色彩心理学的广义角度而言,色彩心理学包括了美学、光学、心理学和民俗学等多重学科所要研究的范围。在与一切与视觉有关的人类活动之中,色彩是除形体之外,最能直接的客观刺激人类心理的形式;从人类的应激主观反应而言,色彩往往又是能够去促使人类行为的一种显性或潜在诱因。在心理学家的研究结果之中,人类的色彩心理,即对于色彩的生理向心理的反应系统,从视觉开始而向知觉、感情进行延伸,最终形成记忆、思想、主观意志乃至与潜意识中的具象象征,这样一整套演化过程是极其复杂而又缜密的。因此,我们在进行与色彩相关的设计时,需要重视这种因果关系,即如何通过色彩在第一直观视觉角度去赢得受众的心理认同。

在人类日常的观察活动中,人的心理因素往往会受到色彩的很大影响。这种由色彩带来的应激反应,学界将其称之为心理颜色视觉感。人类常常会感受到色彩对于自己心理的影响并且能有效影响到情绪与行为,这种影响有时会是直接刺激,有些则是通过对于色彩潜在意味的联想而产生。比如在通俗的对于色系的区分上,我们时常会将色彩区分为“冷色系”与“暖色系”,这种对于冷暖的物理性反应,正是来源与人类心理中对于色彩的物理光刺激而产生的直接性心理效应,我们看到波长长的红光和橙、黄色光,本身会感觉到温暖感,并由此而对此类光所照射到的物体所具象表现出的色彩产生明显的温暖感觉;我们看到诸如紫色、蓝色、绿色等光源和色彩的时候,则会产生寒冷感。这些由色彩而产生的心理错觉构成了我们最初的对于色彩的生理性反应。同时,冷暖色系的不同还会带来一些诸如质量等物理方面的联想。比如我们看到暖色系的时候,会觉得这个色系的物体相对厚重,而冷色系的则显得轻薄,冷色给我们带来的更强的透明感,而暖色则相反。

诸如此类的视觉物理反应而带来的心理和感情因素,通过人类的进一步联想而产生了更为具体的关乎于主观意志的影响,而由此而通过思维去产生象征意义。比如我们在看到红色时,往往会联想到此色彩所附加的形态之上一般象征着征热情、性感、权威、自信,是个能量充沛的色彩。这样的暖色系色彩往往会带来兴奋感与直接的刺激性作用。往往在促进人类行为方面有着较为直接的效果。因此我们在诸如生活消费类APP,如一些电商软件等UI中,可以看到如红色这样的暖色系运用较为广泛,其目的就在于通过这样一种暖色系的高纯度高明度的色彩去充分的调动起消费者的积极性,促使消费者通过色彩的心理暗示来进行积极行动。反之,我们在看到一些冷色系的色彩时,会必然由此而产生沉静感。比如我们在看到那些明度低纯度也低的冷色系色彩诸如蓝、紫、绿等色彩时,往往会将心理活动降低到一个缓速阶段。比如蓝色所能具体象征出的灵性和知性兼具,以及象征希望、理想、独立、诚实、信赖、权威、坚定、智能;同时蓝色视觉形象也能自己、也让对方完全放松。我们往往可以在一些诸如搜索引擎、辅助应用软件等软件的UI设计中看到大量的运用。

篇9

【关键词】用户体验 界面设计 研究

随着计算机网络技术的高速发展,人们快速步入了信息时代,生活和工作方式都产生了翻天覆地的变化。人们的生活已经离不开网络技术和通讯技术,个人移动通信设备也成为了生活中的必需品,随着智能手机的普及应用,3G高速体验时代的到来,使得人们对于移动通信产品中出现的各种概念和功能提出了新的要求,这就需要了3G产品用户界面能够符合人们的期望,有一定的亲和力,同时又有更加个性化设置的操作性流程,能够有更好的操作体验。

一、UI设计基本概述

用户界面(UI,USER INTERFACE)是一种用户与界面之间交互关系。它是一种以用户为中心的设计方式,主要目的是为了让用户对客户端的软件操作变得自由、简单,同时能够体现软件的特点,使得软件变得更加具有个性化。UI设计主要包括了用户研究、交互设计、界面设计三个部分。

(一)用户研究

UI设计首先要做到的对软件需求阶段的研究,也就是在产品开发的前期,对潜在的用户进行详细的调查研究,了解到用户的工作环境、工作性质、工作中的使用习惯,进而挖掘出用户对产品的需求,为界面设计提供一个定位标准,确保设计出来的界面能够满足用户的要求。同时还需要了解同类竞争产品,做到知己知彼,百战不殆。

(二)交互设计

交互设计主要是指人与计算机之间的交互,工程师根据要求进行软件制作,主要包含了分析设计、调研验证阶段、方案改进阶段。在进行充分的需求分析后,UI设计便进入了设计阶段,需要同时设计出几套不同风格的界面用来筛选,并且要保证这些界面都是在通达的设计制作水平上,继而进行调研验证阶段,让用户去选择并且进行评价,根据用户反馈结果来进行方案改进,得到目标用户最喜欢的方案,将方案做到最精致。

(三)界面设计

在改正以后的方案,就是即将完成的界面设计,但这并不是代表完结,还需要用户对界面的反应良好,零距离与客户接触,得到用户真正的使用感想。

二、界面用户体验研究

针对UI设计工作来说,实际上并不是单纯意义上的美术工作,而是对软件产品进行界面设计。界面设计的最主要的设计原则在于,能够在保持界面的一致性的条件下,使得界面能够完全被用户控制,并且要尽可能的降低用户的记忆负担。因此,界面用户体验可以分为感觉(听觉、视觉、触觉)和情感两个层次。基于感觉层次的界面用户体验,更多的是体现软件的实际功能,即软件的可用性,是否能够在操作界面下很好的使用软件的功能,充分满足用户需求,是否能够适用于用户进行交互体验。基于情感层次的界面用户体验,则是从消费者的心里角度来分析,用户在界面体验中是否产生了美好的感觉。

实际上,人们对物质的需求是在不断变化的,也就是说,用户对界面的体验不再局限与从前的“好看的界面”这样一个简单的要求,而是希望从界面中得到更好的心理体验,主要包含以下两个方面:一方面是能够满足用户的生活需求,注重经济时代产品的功能性,让用户不仅产生美好的感官享受,而是进一步的让用户产生心理上的依赖感、安全感、熟悉感;另一方面,体验界面服务是为了更好的实现消费活动的实际价值。

以较为成功的IPHONE的界面设计来说,它在界面设计上有硬件的优势,即全触摸的超大液晶屏,能够配合用户进行更好的互联网操作体验,并且采用了人性化设计,图标、按钮与机身都保证着倒角方形的统一形态特点,很符合用户对产品的设计要求,使得用户在视觉上产生柔和感,符合许多人对于美的欣赏标准,满足了人们对手机的心理要求和使用要求。与此同时,在iphone的界面设计中,更重要的是体现了设计师的情感,它的色彩表现十分强烈,外形的单一和界面上斑斓的图标有着强烈的视觉冲击,显得更加趣味和活跃,充分体现了设计师的情感态度。

三、基于用户体验的界面设计发展趋势

用以衡量界面设计的手机用户体验需要考虑到如下几个方面,这也将会成为界面设计的主要发展趋势。

(一)感官体验

感官体验主要来自用户对手机的硬件的感受,如手机的大小、屏幕的清晰度、按键的位置、按键的功能和本身的材质等等,而界面设计需要完全配合手机本身的定位,能够给予用户最好的感官体验,例如输入方式需要简单有效,提醒方式多样,用户能够根据心情来切换不同界面模式等等。

(二)可用性体验

可用性体验来自于界面设计的简便性,使得用户在使用过程中能够轻松理解和使用,给予用户轻松愉悦的使用体验,准确的反馈满足用户的操作需求,带来流畅的操作感觉,界面要有效的给用户提供一定的使用帮助,并且尽可能的简化步骤,减少用户的记忆负担。

(三)界面信息体验

界面信息体验主要是指用户在进行与界面之间的交互行为的时候,界面能够带给用户清晰的界面信息体验,例如对信息项目的合理布局,能够让用户能够快速分辨每条信息,交互的语言可以进行个性化选择,在字体、颜色、大小风方面给用户良好的视觉感受,符合用户的认知习惯。

(四)增值体验

增值体验主要是在用户对界面产生良好的感官体验与可用性体验的基础上,进一步的满足用户在交互过程中的使用需求,通过良好的界面设计来提升用户的体验感觉。如多功能的自主个性化操作让用户体验到操作的自由感觉,让用户对品牌特性有更好的体验。

四、结束语

界面设计需要考虑最多的就是用户的体验心里,而不是盲目的按照设计师的理念来设计,因此,在进行界面设计的时候,设计师应该在掌握社会信息发展的动向的基础上,来思考作品的用户体验感觉,这样才能使得界面能够更符合用户的心理需求。

参考文献:

[1]杨若男.基于用户体验的智能手机交互设计研究[J].湖南大学:设计与艺术学,2006..

篇10

关键词:人性化;网站界面设计(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).