界面交互设计范文

时间:2023-03-29 05:45:02

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

界面交互设计

篇1

引 言

当今的产品设计不仅作为审美观念阐释,而更多的关注人类的情感与行为以及对社会发展进程的预测与控制,而交互设计正是链接艺术与生活、科技与时尚的桥梁和纽带。现代产品的功能日趋复杂,所呈现的信息量剧增。大多以触摸屏为操作界面,并且搭载了智能系统,人们在使用的时候感到有挫折感。在体验经济中,设计的目的并不仅仅是设计一种创新的产品,消费者消费的不再是只局限于实实在在的产品造型、功能和触觉,而更多的是一种感觉,一种非物质层面上的生理、心理的体验,享受设计带来的乐趣和新感觉。

设计现状分析

当下界面设计领域在苹果公司引领下流行华丽的、半透明的界面设计。很多产品在界面实验上花了很大的气力来增强界面的视觉冲击,但这也是出现问题的根源。伴随着巨大运算量,使得当时大多数电脑无法很好的兼容。首先,用户的机器性能参差不齐,其次,多数用户通常会使用一台电脑实现多任务的功能操作,安装大量的应用软件,最终使得电脑系统臃肿不堪。可见功能对于用户来说是排在首位的,因此做好界面设计与软件性能的平衡非常重要。

交互界面设计原则

随着科技的发展,电子设备成为人类生活及交流的重要工具,软件界面作为人机交互的窗口,决定着用户的体验和使用效能,界面设计已经成为一门重要的设计学科[1]。交互界面设计方法包括数据如何在平面上与自身交互,以及用户与数据操控和展示之间的交互。

1. 功能至上

亨利・凡・德・威尔德明确提出了“功能第一”的设计原则,奠定了现代设计理论的基础。美国芝加哥建筑派的领军人物路易斯・沙利文,他提出“形式服从功能”设计原则[2]。 “功能至上”在界面设计中的具体意义就是要以软件的主要功能为核心,试想如果软件连最基本的功能都不能实现或者不能高效流畅实现的话,再华丽的界面都是多余。因此,“功能至上”应当作为软件界面设计的基本原则被遵守。

2. 简约直观

设计师制作交互界面、交互系统是为了让人们能够通过对界面的操作来完成他们想要做的事,而不是只为了创造视觉上的感受。从根本上讲,一个好的界面设计应该拥有明确的视觉导向系统,能够很好的引导用户去浏览需要的资源。一个是否具有人性化设计的界面,直接关系到应用系统的性能能否充分发挥。

3. 可持续意义

近年,设计界越来越重视关注人类长远发展可持续设计[3],界面设计目的就是服务于用户,给用户带来极佳的使用体验。优秀的界面设计要通过长效发展设计的系统概念,深入分析用户可持续的使用行为与消费心理,通过围绕核心任务,满足视觉方面的用户体验要求的同时,更要保证与产品匹配的效能与效率,进而减少产品制作与实现过程所消耗的时间成本,深度考虑产品更新换代的可移植性等方面,进行系统可持续的设计规划。

4. 情感化意义

情感是人类所特有的,也是最丰富和最能够表达人的内在欲望的。界面设计是一个比较复杂的学科,在心理学、设计学、语言学等学科都充当着重要的角色,情感化设计最终的目的也在于把握用户的情感,诱发潜在的购买欲望,不仅使用户能够获得心理上的情感愉悦,也让商家达到获得最大利润。所以,将“情感化设计”理论导入到交互界面设计中这一想法,不仅符合交互界面设计的根本要求,也更好的体现以人为本的“人性化设计"这一设计理念。

5. 用户参与行为

设计界面是被用户使用的。所以在设计过程中要时刻贯彻以用户为中心。其核心理念就是:用户清楚他们需要什么样的产品和服务,最清楚他们的需要和使用偏好,而设计时就要根据用户的需求来进行设计,主张用户参与产品的设计的全过程。交互设计思想在领域的影响不断深入,优化了产品设计部门及人员构成,提出工业设计师、交互设计师与其他设计人员共同协作的以交互设计思想为核心的设计流程,它为设计开发提供了一条新的思路。

结 论

篇2

【关键词】交互;教户;界面;技术

交互界面设计定义

从用户的角度来说,交互设计(Interaction Design)是一种如何让产品变得易用,让使用过程变得有效而让人愉悦的技术。它致力于了解目标用户和他们的期望,了解用户在同产品发生交互活动时彼此的行为,了解"人"本身的心理和行为特点。同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充。交互设计已经涉及到多个学科,再研究交互设计时,需要和多领域多背景的相关人员进行沟通。

当今的交互设计原则主要是以用户为设计中心,参考UCD理论的设计过程。以用户为中心的UCD(User-Centered Design)设计理论可以算是一门哲学也可以算是一个过程。设计来源于用户的需求、目标和环境这一系列前提。UCD的设计过程侧重以人为本,比如用户的认知、感知和物理属性,以及用户的使用条件和环境都是不可忽视的因素。

"教户"界面设计概念

也许你是第一次听说"教户"设计这个名词。但是我觉得你应该不难理解。如今所谓的交互界面设计注重的是如何向用户传递信息。而忽略了用户主动提出问题与界面交流的环节。换一种简单的说法。如今的交互设计就像一栋花园洋房,虽然有许多房间可以让用户随意选择进出,但是无论从哪条路,进哪个房间都是系统所事先设计好的。而用户没有改造房子的权利。这种看似让用户随意操作的单方面系统我觉得并不能称得上交互设计。

如今我们评价某交互界面是否合理人性化的测试标准时看使用者能否在初期使用时就能无障碍得使用,并掌握该界面的主要功能(易学易用)。所以我觉得既然如此注重不借助外界帮助,靠系统自身让使用者学会使用这一标准的话,那如今的交互界面设计其实注重的只是一个"教户"功能。

因此我定义如今的交互界面设计依然停留在"教户"阶段。或者说如今大部分存在的交互界面设计都只能算是"教户"界面。

影响交互界面设计的决定性因素

说道现代交互设计大家一定有所概念,所谓交互设计从字面理解就是和用户能够交流,互动的设计形式。目前谈及交互设计时,我们脑海中一定会产生许多称得上为交互的设计案例或者模型。界面设计是交互设计理论的主要应用领域之一,而网站设计又是界面设计中已经较为成熟的设计形式。首先让我们设想一下这样2个模型

模型一:

说明性的介绍网站,它主要起到让用户根据自己需求查询,阅读,浏览信息的作用,是公司与消费者了解沟通的一种互动形式,也是大多数企业宣传推广自身形象的重要途径。我们俗称这一类网站为静态网页。静态网页占据了如今互联网上80%左右的存在比率。

模型二:

随着网络计算机技术的发展,一批批动态网页相继问世。一些网页运用Flash这一工具,通过与用户之间的进行游戏,提供娱乐平台等特殊交互形式,(如为使用者自动生成照片,在线游戏等)给浏览者意想不到的酷炫效果与反馈。使用体验远比静态网页深刻。

在对比之下,我们可以明显感受到后者的受欢迎程度远远超过了前者。(虽然这两个模型都还没有真正做到与浏览者的交流互动,浏览者只是单方面的接受信息而已);两者的区别就好像学生在课堂上和老师互动,与学生和魔术师在舞台上互动的情况很类似。在和老师的互动中我们提出问题,等待老师单方面的回答。而在魔术师面前我们无法预测将要发生的是什么,或许下一秒"就是见证奇迹的时刻"。虽然都自称是在互动,但后者给我们的意外效果使我们得到极大的满足。在老师和魔术师这个职业层面上说是技术和技巧的问题。同样,如果深化到界面设计的层面上来讲,说白了就是技术的力量。

交互设计的众多理论体系,在某种程度上都受到了当时技术的局限,也更多的把精力放在了研究消费者身上,隐喻(设计师要好好研究使用者,更好的研究他们的习惯,对使用者的行为进行准确的预判,这样才能用最简单的技术最好地向他们传递信息!)虽然这些用户研究是非常有必要的,但是我依然觉得交互设计其实没有那么可怕,如果有成熟的应用技术,设计就能有更大的发展空间,需求就有更多的呈现方式,就更容易被满足,信息也更容易传达。正所谓房子小才要螺丝壳里做道场,如果你身居豪宅,家具怎么放都很宽敞吧。

中国交互界面发展缓慢原因

让我们重新审视一下交互领域,虽然交互设计在近年3G-4G发展的阶段,网络数据信息传输速度得到了很大的提升(仅是下载速度,用户的上传反馈情况依然不容乐观),但是传输的方式和形式中国还有很大的发展空间。2009年Microsoft公司推出的Move Touch技术使国人大开眼界,认为"谁说鼠标键盘是最好的沟通形式"的宣言打开了进入交互新领域的大门。但是,谁又知道这只是微软推出的技术是已经在美国沉淀了好几年的"箱底货"呢。

我想信,中国绝对不缺少技术的创新人才,在电子商务的兼职经验体会告诉我,中国网络用户体验发展缓慢,有很大一部分原因是由于利润的驱使。以网络购物为例,很多时候当商家发现有价值的消费领域--即网上购物形式,就希望尽快占领市场,用最简单直接的方式交换信息,取得利润,(产品能上架,能生成订单,能收到汇款就行了)就简单得做一些界面布局设计,而不愿意花时间去研究开发更好的体验型界面,将交互界面做得更合理,体验更深刻。所以目前我们国内真正能称得上交互的界面设计在商业中的运用少之又少,绝大多数的"交互界面设计"只具备了单方信息传递反馈的"教户"能力。

在这里有要申明下,我并不是主张如今交互设计理论学习无用的"无用论",良好的用户研究是如何正确适当运用技术的前提保证。况且技术的发展是不能拔苗助长的,如果在需要的技术还没有成熟的前提下,那我们就必须要学好互设计理论的必修课,好好学习当今交互设计理论,做到成功的"教户"也不是一件容易的事情。(请允许我将当今大多界面设计归类到我自定义的"教户"领域。)我只是希望通过此文能促使设计研究与技术研究相结合的合作机遇。毕竟理论脱离了技术就无法实现,技术脱离了理论研究就无用武之地。我相信只要我们注重技术在交互理论中的结合运用,"教户"界面一定能够完成向交互界面进化的完美蜕变!

【参考文献】

篇3

关键词:人机交互;界面设计;教学环境

中图分类号:G642.0 文献标志码:A 文章编号:1674-9324(2014)45-0281-02

一、引言

人机交互技术(Human-Computer InteractionTechniques,简称HCI)是一门新兴学科,指通过计算机输入、输出设备,以有效的方式实现人与计算机对话的技术。简单地说,“交互”就是指人与设备、系统、网站等的直接或间接的通信过程。“人机交互”是计算机科学和认知心理学两大学科交叉与结合的产物,同时吸收了语言学、人机工程学和社会学等学科的研究成果,经过多年的发展,已经成为一门以研究用户与计算机关系为特征的主流学科之一[1,2]。一个友好、美观的界面会给人带来舒适地视觉享受,拉近人与电脑的距离。如今,“人机交互与用户界面”已成为计算机应用的主要障碍,人机界面设计已经被列为计算机发展技术的重要内容之一。因此,如何使《人机交互与界面设计》这门课程更好的为学生所掌握,重点是要培养学生的应用能力,改变纯理论的教学方法从而达到使学生可以灵活做到学以致用,如今这已经成为我们进行课程教学改革探索的首要任务。

《人机交互与界面设计》这门课程目前在陕西开设的并不多,主要集中在理工科院校,例如西北工业大学、西北大学、西安电子科技大学等高校。由于软件工程专业在高等农林院校开设较晚,因此目前开设“人机交互”课程的较少。此外,关于“人机交互”这方面的教材也比较少。早期的“人机交互与界面设计”一般归属于软件工程的某一章节,如清华大学钱乐秋编著的软件工程第九章“人机界面设计”[3];张海藩编著的《软件工程》[4],“人机界面设计”属于第六章详细设计部分。然而,“人机交互”的应用领域十分广泛,发展前景非常广阔。人机界面交互的学习适合于软件或网站的设计人员,尤其是用户界面的设计人员、可用性测试的专业人员、软件或网站公司的市场开发人员。在当前形势下,掌握人机交互技术的工程师已成为企业的急需人才,然而对于这门即将开设的新课程目前还存在一些问题。

二、存在问题

《人机交互与界面设计》课程是软件工程系即将开设的专业必修课,目前该课程建设存在如下问题。

1.开设学期晚,学生兴趣不浓。《人机交互与界面设计》课程属于软件工程专业的必修课,是在《程序语言设计》、《软件工程》、《Web技术及应用》、《数据库技术》、《面向对象系统分析与设计》等课程基础之上开设的一门专业课,旨在提高学生设计软件产品的可交互性,提供一个友好的人机界面。因此这门课程开设的学期较晚,一般都会选择开设在第三学年第二学期或者第四学年第一学期。在这两个学期,学生都在忙于找工作或者考研,因此学生的学习兴趣不够浓厚;另一方面,学生在掌握了计算机基础、软件工程基础之后,已经能够进行一般的程序设计、软件开发,在没有学习这门课程的重要性之前,不会特别重视这门课程,因此学生的学习兴趣也不高。

2.教材选取难度大。目前关于“人机交互与界面设计”方面的教材比较少,且侧重点有所不同。例如,《用户界面设计:有效的人机交互策略》、《人机交互技术――原理与应用》、《人机界面设计:实践篇》、《人机界面设计》、《人机界面设计与应用》等有它们各自的侧重点和特色,有的注重理论知识的讲解,有的侧重交互设计,有的侧重界面设计,所以需要根据教学的实际情况和需求选取合适的主教材以及辅助教材。

3.课程教学设计方面有待进一步提高。由于《人机交互与界面设计》是一门新开课程,所以需要对课程进行合理定位,需要完善教学方法,组织教学内容、教学方法,建立课程组织结构,对教学过程、实习实验、综合训练等环节进行更加翔实的设计。另外,需要建立完善的课程资源,参考传统教学仅可以完成这门课程相应的教学课件、教案、讲义的建设,建立一套适合人机交互技术使用的软件及相关配套的教学资源才能够更好地满足课程教学和学生学习的需要。

4.考核与评价方式单一,缺乏整体全面的考核体系。《人机界面设计》是一门实践性很强的课程,因此仅仅依靠传统的考核方式达不到检验学生是否掌握知识的目的,需要通过学习更为先进的考核方式、建立多元化的考核方式来考查学生对这门课程的掌握程度。

三、教学探索

1.增强学生的学习兴趣。“兴趣是最好的老师”,只有学生对学习的内容感兴趣,才会产生强烈的求知欲望,自动地调动全部感官,积极主动地参与教与学的全过程,这是获取知识、发展能力的重要途径之一。《人机交互与界面设计》是一门理论性与实践性相结合的课程,枯燥的理论知识不能够引起学生的兴趣,只有将理论应用于实践,指导学生将“人机交互与界面设计”的设计原则用于进行多种软件产品的综合开发、运用,才能有效地激发学生的学习兴趣。首先需要让学生意识到对于一个软件产品来说,一个用户友好界面的重要意义。比如以某一界面设计有缺陷的知名软件为例,鼓励学生通过使用这一软件,指出软件设计中界面不友好的部分,比如按钮放置位置不合适、菜单项不全、重点内容体现不完整等问题,进而进行局部改进。其次在进行软件产品界面设计时,应该遵循由易渐难的原则,一开始可以让学生进行功能简单的界面设计,进而进行复杂功能的界面设计。另外,课件制作的质量也是吸引学生的一个方式,由于多媒体的广泛应用,新软件层出不穷,而目前教师采取的课件并未能融合多种媒体,往往只是依靠文字和图片来进行讲述,如果能适当将音频、视频、动画融入到课件中去,必然能够激发学生的想象力,增强学生的学习兴趣,调动学生学习的积极性与主动性,从而提高教学质量。

2.建立完善的教学方法,建立交互式多媒体教学软件,完善教学过程的知识结构、框架、教学内容设计、教学方法设计、教学过程设施和教学结果评价等体系,建立基于交互式的多媒体教学软件,建立配套的教学资源,以此来提供高质量的教学效果和教学水平。交互式设计策略可以创设新奇情境,引发学习兴趣,能为学生自主学习搭建良好的教学环境,充实教学内容,拓展学生视野,培养学生自主学习的能力。为了提高教学效果,建立交互式多媒体教学软件,拟建设功能较强的网络教学辅助系统,包括课程网站、作业管理系统及交互答疑系统三个模块,这样可以实现师生互动的网上交流。课程网站上提供了教学大纲、电子教案、多媒体课件、习题解答、演示动画、电子参考书、教材官方网站资源、教学录像、实习指导、自学资源、应用案例等丰富的教学资料,作业管理系统可以提供实习内容的网上提交功能、教师批阅功能,同时能设置截止日期,可以督促学生尽快完成实验,既方便了学生提交实验报告,又方便了教师批改实验报告,同时还有利于优秀实验报告的积累。交互答疑系统为学生提供了一个答疑平台,为学生解答了“人机交互”学习和使用中的各类问题。

3.探索全面合理的考核方式。传统考核采取笔试考核的方法,是对知识、专业技术水平和文字运用能力的一种书面考试形式。笔试可以有效地考查学生对理论知识,包括基本知识、专业知识、综合分析能力和文字表达能力等素质及能力的掌握差异程度。笔试考核也是计算机专业早期普遍采取的一种考核方式。然而由于计算机专业实践性强的特点,仅仅依靠笔试达不到检验学生能力的目的,因此上机考试的考核方式逐渐被采纳,一般上机考试模式比较单一,比较适合程序设计、等级考试等科目。也有一些计算机专业课程会采取“笔试+机试”的考核方式。针对《人机交互与界面设计》单纯依靠笔试或者机试也不能达到全面考查学生的目的。“人机交互”的目的是使人与物之间信息交换方式更科学、更合理、更为人性化,界面设计的目的是为了使设计的产品更加实用、易用、好用,因此针对《人机交互与界面设计》这门课程的考核方式应采取结合项目来进行,此外还要考虑结合我们农林院校的特色,通过实际项目应用使学生达到学以致用的目的。采用实际项目来锻炼学生对人机交互设计的理解,提高他们的动手实践能力,设计界面友好的应用系统,使考核具有实践意义。

四、结论

本文从《人机交互与界面设计》这门新开课程中存在的教材选取、缺乏教学资源、缺乏合理完善的考核方式等问题出发,为了更好的进行“人机交互”课程的讲解,分别从激发学生学习兴趣、教学体系完善、教学方法改革、考核方式等方面进行了探索。

参考文献:

[1]骆斌,冯桂焕.人机交互软件工程视角[M].北京:机械工业出版社,2012.

[2]吴秀玲.浅析多媒体人机交互技术[J].中国现代教育装备,2008.

[3]钱乐秋,赵文耘,牛军钰.软件工程[M].北京:清华大学出版社,2007.

[4]张海藩.软件工程[M].北京:清华大学出版社,2010.

篇4

关键词:交互设计;交互界面;界面设计(UI);图形用户界面设计(GUI)

中图分类号:J522        文献标识码:A        文章编号:1005-5312(2015)02-0044-01

一个产品的思维和想法是无法直接被用户读出,则需要适当的方式将用户与产品连接在一起到达互动与交流,这种联系往往发生在视觉上,既是交互界面。最早的图形用户界面是受史蒂芬·保罗·乔布斯(Steve P.(aul) Jobs,1955—2011)最早研发的Macintosh的影响。纵观国际市场,越来越多的业界人士开始注重GUI的设计,甚至有公司专门设立设计团队组建自己的产品的GUI设计。业界老大“苹果”公司则是最好的代表,其产品的GUI设计引领GUI设计的发展潮流,并成功地创建了用户与产品的情感。

一、图形用户界面设计的意义

计算机技术的发展使得它的操作系统越来越复杂,交互设计者需要解决人机交互交流过程的技术操作流程,通过分析用户认知心理和操作习惯,将用户与产品行为保持一致性,让产品达到易用。界面设计中的元素都有其基本的属性,在不同的功能性产品中有着不同的个性,比如形状,颜色。

二、图形用户界面设计原则

人的大脑是一个超级模式处理计算机,能理解我们无论何时何地看到的这些高度密集的视觉信息。我们的大脑通过辨别视觉模式,并且对所见到的事物建立优先级系统来处理这些来自视觉的海量信息。大脑的视觉系统按照视觉提示(Visual Cue)把视野内的部分装配成模式,大脑的这个能力是我们之所以能够如此快速和有效地处理视觉信息的原因。就像前边提到的人类对于视觉信息的辨别能力是与生俱来的,所以要在用户第一反应时就做出反应就必须在图形用户界面中研究人类的视觉处理能力,更和谐地将产品和用户联系起来。

在图形用户界面设计的研究中,有一些重要的原则,能更快地帮助处理视觉界面的逻辑性、一致性和功能性以及更好地满足用户对于艺术层面的审美需求。

1.基于逻辑性的设计原则。一个界面需要一套完整的交互设计构架,一套清晰的视觉元素组合和一个有层次的视觉信息结构,构成图形用户界面设计的逻辑性。首先得到基本系统构架后则需要了解界面中视觉元素的属性和组成属性,使用视觉元素:图形,颜色,版式来区分界面每个结构的层次。

图形:不同形状的图形所被接受到的视觉感官不同,选择适合形状,以尺寸的大小来排列信息的重要性。

2.达成一致性的设计原则。一致性的图形用户界面设计指产品属性与界面风格的一致性,产品行为与界面与用户的一致性。一致性设计原则目的让产品更准确地传达信息,提高产品易用性,让用户更好地理解产品,降低操作难度,创建和谐的操作过程。其次有利于定位品牌形象,扩大影响力和提升知名度。

反射于图形用户界面中表现为:产品的属性决定界面的颜色基调,版式结构和字体的运用,界面中所有菜单,窗口均采用同一字体,同一形状和统一的色彩搭配。

3.功能性的设计原则。在功能性设计中,人们在视觉元素中创建独特的有意义的符号,例如GUI中的图标设计,窗口的纸张折叠设计,文件的文件夹设计,播放器的音乐符号等,都是提供了功能性的设计,让用户在一次就能得到系统所表达的功能指向。如果要尝试创造新的设计形式,不仅是对用户习惯的挑战,同样是对自然界的挑战。所以目前的GUI设计,都是遵循着功能性的设计原则,包括最新的设计风格——扁平化设计,也是在功能性的基础上摒弃一些多余的复杂的表现效果而已。

三、图形用户界面设计如何突破与创新

当“苹果”系统的GUI设计从IOS 6升级为IOS 7时,它向世人展示了GUI设计中的突破与创新。从以前保守的拟物化设计变身为扁平化风格设计。我们一再提到用户习惯,我们的原则中也是自始至终“以人为本”,利用用户的习惯创造GUI设计,但是我们却忽略了人的大脑是完美的设计器官,我们不仅能通过使用习惯对事物做出反应,面对新的事物时,我们通过特定的方式经过大脑培养新的习惯同样可以做出相应的回应。科学技术的进步也是促使GUI设计出新的手段,3D技术将传统的静态交互界面设计三维化,给GUI设计提供了新的创作灵感。

我们提出的原则不是为了限制设计者的思想和表达方式,只是为了更准确地指导设计者。GUI并不是单一的设计工作,它的跨学科性,就注定它的多样性和可塑造性。也许在创新的过程中会遇到很多挑战和风险,但一个突破也许就会成为下一个能改变用户使用习惯的设计。

篇5

关键词:信息可视化;交互界面;设计

中图分类号:J022 文献标识码:A 文章编号:2095-4115(2013)02-41-2

自1946年,世界上第一台电子数字计算机(ENIAC)在美国诞生到现在,虽然发展只有短短的半个多世纪时间,但它已经深深地渗透到我们生活的各个角落,影响着我们人类的基本生活模式。从计算机的出现,人类就在不停地探索如何进行更有效的人机交互,尤其当今是一个信息时代,网络的快速发展,大量的信息涌入人们生活的各个方面。一方面,这给人们带来了无限信息,人们可以快速获得所需的资源。另一方面,信息泛滥也使得人们为之烦恼。技术工程师和设计师逐渐意识到单纯地提供信息及美观的交互界面并不能很好地帮助人与机的沟通,关键是如何使沟通更加快速、准确,让人们快速方便地接收、理解并利用信息。

目前人机交互界面主要以视觉传递为主,因此信息可视化的应用和研究获得广泛的关注。从中应寻找一种匹配的、易于理解的视觉形式表现在交互界面中。与此同时界面设计更应该体现“以人为本”的设计核心,运用美学与人机工程学的人与物的设计,展现了一种人文精神,是人与产品、人与自然完美和谐的结合设计。

一、信息可视化的理解

信息开始只是一条条粗糙的原始数据。图表的出现是一大进步,是图形化的开始,其目标是使抽象数据更易于被人们理解。随着技术的进步、网络的发展,各种复杂的图形不断出现,它们能够呈现更多的信息,有助于帮助人们获得更多的资源。但人们如何可以通过交互操作,能够自主地对信息进行过滤、筛选,采用合适的方式来浏览信息,并发现所需的资源。这就要通过人机交互界面设计来实现。

二、信息可视化在人机交互界面上的理论研究

人机交互界面的“好”与“坏”,主要是看它是否“便于人们使用”和看起来是否“美观”。首先,人机交互界面的信息可视化表达是为适合人的需要而建立的,所以必须要符合人机工程学的原理,即人性化;其次,界面的信息可视化设计要符合美学上的基本原则,就是说,一定要让人们觉得好看,即美观;最后,界面的信息可视化设计是要让人们觉得好用,容易理解便于掌握,即易用性。因此,这就要求在设计交互界面时应以“用户”为中心,融人人性化设计元素和情感因素,以满足人们日益增长的高层次情感需求。

1 视觉感知的理论研究

视觉感知是人脑对直接作用于眼睛器官的客观事物的个别属性的反映。

(1)视觉注意力。人的神经系统高级中枢的加工能力是有限的,面对外界大量的信息,视觉注意力会有选择性地集中在具有强烈刺激性的对象上。

(2)视觉流程。人的视觉习惯一般是从上到下,从左到右的顺时针进行,且水平方向优于垂直方向。人眼对屏幕浏览的视觉习惯是从屏幕左上方开始,所以一般网页界面左上方为重要的标志信息。

(3)色彩的识别。当人们在辨认多种不同颜色的时候,其易辨认的顺序依次是红、绿、黄、白。

(4)视容量与记忆。视容量是指在一定的时间内,视觉所能容纳的信息量。人眼的视觉容量一般用比特作为计算单位。人的正常视觉容量约为每秒25比特,即大约每秒4个信息单位(如文字)。视觉容量的接受过程受到视觉对象的清晰程度、照明对比程度以及人们的文化程度和实际经验等因素的影响,每个人略有不同,因此一般交互界面的标题信息需要简短、醒目。

2 视觉认知的理论研究

视觉认知是人通过感知器官接收信息,然后在人脑中对具体事物的印象进行加工所发生的反映。

(1)视觉认知的选择性。首先人们总是选择少数事物作为认知对象,而对其余的事物较为模糊。其次在固定不变的背景上,运动的物体容易成为认知对象。因此在交互界面中一些重要的信息通过动画的形式出现。

(2)视觉认知的整体性。人们具有把个别属性、个别部分综合成为一个统一的有机整体的能力。因此同一页面设计要有统一风格,便于人们加深印象,易于操作。

(3)视觉认知的恒常性。对某些对象在一定范围内变化时,人们的认知印象在相当程度上却保持相对稳定的特性。如不同页面的右上角始终有最小化、最大化、关闭按钮的认知印象。

(4)视觉认知的理解性。用已往所获得的知识经验来理解当前的认知对象的特性。如不同页面的不同房子图形按钮,人们都会联想到首页的意思。

3 交互理论研究

人机交互(Human-computer Interaction)是在人与计算机的交互中,发展出来的一门新的学科,主要研究人和机器相互关系的科学。中心问题是研究开发便于用户使用的交互式产品。在交互过程中,产品应易学,能有效使用,并能提供舒心的用户体验。设计交互界面反映着人――物之间的交互关系,在设计界面时,要考虑以下几点特征,才能更好地进行人机信息交互:

(1)界面设计要符合人的认知习惯,使人获得精神上的满足。情感化的界面设计能符合多数人的认知情感,反映着设计与人的关系,能够使人心情愉快、富有启发性和让人有成就感等方面的用户体验。

(2)界面中显示的信息要形象、直观、准确和便于交互。界面设计要符合所需求信息可视化特征,在保证足够准确的条件下,要尽量降低显示的复杂性,避免过多的信息干扰用户感知。如百度网站的交互界面信息表达得简练化。

(3)人机交互界面设计要考虑色彩、观看距离和计算机屏幕大小等方面的影响。对颜色的运用要符合色彩搭配的一般原理,重点突出、层次分明。

(4)出错和帮助设计,尽量减少用户挫折感。当用户操作错误时,系统要提供错误提示告诉用户该如何处理。具有在线帮助功能,但也要考虑在界面上使用什么样的信号来指示在线帮助的存在。

三、信息可视化在人机交互界面的设计研究

信息可视化中交互界面设计的优劣直接影响操作结果和用户感受。这就要求技术工程师与设计师共同合作。一方面需要对数据的结构、特征有着充分的理解;另一方面需要正确理解用户,满足用户的需要。

1 对原始数据进行合理筛选

由于信息的庞大,毫无保留地将全部信息呈现给用户是不合理的。应当根据交互界面设计目的,只挑选最具代表的部分,同时,保留一个途径以便于用户访问更深层次的信息。这映射到视觉表现形式上,则是对空间的合理利用,即如何在有限的空间里显示无限的信息。

2 信息元素的正确表示

信息是抽象的,因此每一条信息应该有一个最能够代表其含义的视觉元素来表示它。可以采用简单的几何图形,也可以采用图标,甚至照片和短片。例如肯德基网站推出的新品西班牙红烩烤鸡腿堡就是以广告短片的信息表达方式准确、生动地描述其产品的背景和风味。让人从视觉中想象得到它的美味,促其用户购买。

3 界面设计要一致协调,具有连贯性

交互界面的设计应该遵循一致性的操作概念,在版面设计、内容安排与浏览方式甚至导航栏、按钮及色彩都应该有一致和统一的设计。这样的设计能给用户带来预期的行为模式而更有操作上的安全感,而不至于产生混乱和不知所踪的感觉。

采用标准化或通俗易懂的图标可以减少用户对操作命令或功能的记忆负担,可以使用户比较集中注意在自己的信息上。如果图标不能准确表达其栏目或链接的含义,可以使用精确的文字加以辅助说明。另外,整体交互界面色彩要美观协调,导航之间跳转要连贯等都视作基本的要求。

4 技术对交互界面设计具有较大影响

多媒体技术、动画技术和虚拟现实技术的发展,使文字信息转化为图像、声音和视频等多种形式,使信息更丰富、更直接地呈现在界面中。

5 合理的工具设置或操作方式的设计

用户需要一定的操作或工具的帮助才能完成与界面的交互。这些工具应当放在最为顺手的地方,便于获取。工具本身也应该是最自然的操作方式。

6 帮助用户发现问题的设计

好的信息可视化形式,是能够让用户从界面上就能够发现问题或规律。比如色彩的纯度可以表示危险度,密度的分布提示用户趋势发展方向。此外,还可以采取一些提示、警告来帮助用户。

篇6

[关键词] 交互界面 发展的心理学 虚拟玩伴

儿童交互界面设计是互动设计学科里新兴的设计类别,要求互动设计师能够较科学和准确地掌握互动界面、人和使用环境三要素的整合运用。而这里所提到的“人”的因素,应包括人机工程学、行为学和发展心理学三个方面。对于作为生物和社会两个范畴均存在的人类来说,一生中在心理、情感、行为上的发展和进步是一个重要的学科范畴,特别是在心理成熟和定型前的儿童阶段,其过程是儿童交互界面设计领域项目的理论依据。因而互动设计师能够在其中发掘出许多以儿童心理特征为依据的设计楔入点;在儿童行为的演进性与互动设计的情感化、艺术特质、技术性和市场策略性等方面将旁类学科范畴的知识有机地转化为设计内容的内在支撑因素,促使抽象概念化的理论应用到实际的设计当中。

一、儿童情感和行为的发展过程

通常,人的一生被描述为一个持续渐进、经验累积的过程,唯一不的东西就是发展和变化本身,按照发展心理学理论分为婴儿期、幼儿期、学龄前儿童期、学龄儿童期、青少年期和成熟期,也有将幼儿期、学龄前儿童期和学龄儿童期统称为儿童期。

人在社会当中与他人的交往和沟通是人作为社会属性的重要组成因素,在人与人的互动交往当中,需要了解别人的思想和观点,在提出自身观点的时候,能与他人进行建设性的协作关系。这些可被称作社会方面的“技能”,在儿童期阶段已经能够逐步开始建立和发展。那么儿童是如何快速学习和适应这种社会属性的发展要求的呢?通过互动的游戏!互动设计师关注的焦点是由发展的心理所引起的行为特征,并由此行为特征为切入点,设计相应的多媒体软件、网站、教育辅玩具等,在情感、认知、知识教育等方面对儿童进行必要的训练。

俄勒冈大学的心理学家玛乔丽・泰勒和华盛顿大学的心理学家斯蒂芬妮・卡尔森曾经提到:在充满各种稀奇古怪想法的孩童时代,有部分儿童经常会在生活当中,故意想像出一个根本不曾存在的玩伴,想像这个玩伴和自己一起生活、玩耍、学习,在很多时候这个想像出来的玩伴甚至比现实世界当中的真实伙伴更亲密和信任。泰勒的观点认为:在孩子们的世界里,幻想一个朋友,也许就是打开了一扇心灵之门。儿童将“虚拟玩伴”当作自己一起玩耍的同伴,是儿童保持精神寄托和自信的一种初级方式,把它作为自己生活、玩耍、学习、探索新事物当中一位虚拟的伙伴角色。

儿童在“幻想伙伴”身上倾注了大量感情,从衣食住行,到学习、娱乐,无论白天还是黑夜,只要周围环境允许,这个“虚拟玩伴”便会“出现”,占据儿童的想象空间,通过第三视觉观点来看待生活中所遇到的各种情况,大胆去探索一切未知的世界。在儿童情感受到挫折和打击的时候,这个“虚拟玩伴”便会通过不断的对话来获得精神支持,顺利度过难关。从这点看出,儿童与“虚拟玩伴”之间存在着“安全型依恋”关系,能为儿童的独立性格起到促进作用。“虚拟玩伴”并不一定都以人的形象出现,可以是多种多样的拟人化事物,在形象塑造上尽可能地发挥了儿童的想像力,因而作为互动设计所存在的价值机会便由此出现了。

二、虚拟玩伴原理在儿童交互界面设计中的应用

虚拟玩伴原理在儿童交互界面设计当中起到很重要的意义,遵循这个前提条件,设计师可以通过“SET(社会-经济-技术)”的推演模式,设计出适应儿童心理要求,促进儿童心理健康发展的交互产品,将虚拟的概念通过界面技术表现出来,更可创造新的“想象力”体验。儿童在愉快的玩耍中,提高其社会技能和心理发展质量。

图1的产品被设计成顶部显示、用户界面可触摸控制的交互控制形式,儿童在使用这套产品进行学习的时候,参与者组成团队,每人需要扮演相应的角色,利用手中带计算机功能的玩偶“伊莉”,按照计划完成一定的任务。在具体的活动中,玩偶通过身上的装备收集数据,当玩偶接入电脑主机系统后,主系统的屏幕上会出现玩偶的虚拟形象,引导儿童进行游戏。虚拟的“伊莉”能对使用者给出恰当的指引和信息说明,并反馈系统的最新数据。在学习游戏中,团队成员携带“伊莉”玩偶在现实世界中发现新知识,不断向主机发送诸如明信片、图画、音乐和视频片断等多媒体信息,并与小组其他成员共同分享自己的成果。电脑主机系统在这个游戏中被称作“时空传送者”,显示部分拥有一个可触摸的大屏幕,一套工具和能够放置玩偶的小贮藏室。人机界面呈六角形的组合显示,能为最多三个用户提供充裕的屏幕使用面积;软件系统所提供的显示方式能满足独自操作和协同完成任务的功能需求,同时每位成员还可以随时相互分享成果。在主机边缘分别布置三个圆形控制键,软件界面的形状和大小随时间和课程进度的变化而产生相应的改变。

该设计通过实物玩偶和交互界面两种不同物质媒介的角色贯穿,发挥两种媒介的优势。产品终端使用玩偶造型,可引起儿童的高度兴趣和愉悦感,伴随儿童在学习过程中收集个性化的信息并传送出去的过程,可以在儿童心目中建立起个性化、可靠的虚拟玩伴角色,在与虚拟玩伴角色的互动游戏中,达到自然学习的目的;而在主机交互界面中仍然使用终端的形象,则可以使实物角色与计算机所产生的虚拟角色连贯一致。

三、构建“虚拟玩伴”交互界面的特点

通过交互界面而建立的“虚拟玩伴”互动产品在设计上的首要价值机会是情感因素――用户体验的直接感受和情感因素引导用户的想像空间和使用情绪。情感因素是与他人进行交流的桥梁,是共同体验的核心,并包括以下的一些特点:

1.神秘性:通过对界面多媒体内容的策划和设计,引发儿童的好奇心。

2.探索性:通过好奇心激发儿童的探索欲望,在探索中培养获得知识的技能。

3.可延展性:从使用到内容上除了固有的功能以外,还能产生一定的扩展能力,使儿童的想象力不受限制。

4.愉悦感因素:从界面艺术风格到使用过程的易用性均符合儿童的心理和行为特征,给用户以愉悦的感受。

5.心理安全因素:多媒体界面设计的高可靠性和完善的功能给用户以安全感,直接影响使用当中的愉悦程度。

6.设计美感:为儿童设计的产品除了符合儿童的特点之外,实质上仍需要兼顾其家长的审美口味,大人与小孩均能接收才是最终合适的设计方案。

四、“虚拟玩伴”在设计应用中应注意的问题

儿童在心理发展期间有强烈的情感表达需求,但学龄前儿童的语言表达能力有限,让其透过各种交互界面所构成的玩具进行情景代入和角色扮演,从而学习不同的情绪表达方法和伙伴之间的共享交流,过程应遵循科学的内容对其的理论支撑,令合理的交互流程在交互内容中科学地体现出来。同时,因“虚拟玩伴”的形象是儿童心目中建立可安全依赖和“虚拟”交流的概念角色,因而必须注意:

1.适应性:儿童期的行为特征是一个心理发展的演进过程,外延到具体行为的形成是交互界面设计所要针对的目标,人机交互界面对儿童操作的心理认知应具有适应性。

2.艺术审美:包含多媒体界面自身设计的风格独特性、所蕴含的时尚适时性、对使用环境的协调性。

3.目的性:由儿童情感发展促使的行为特征在交互界面设计中所体现出的设计价值应能在商业运作里得到应用,所涉及的成本和交互界面功能、内容应能充分符合用户的期望。

4.内容扩展性:交互界面在实现任务应用上的项目可扩展性,应能符合功能目的发展要求。

5.社会道德:界面内容应能符合社会相应的道德规范。

上述问题最终影响整个交互产品被用户认同和被接受的程度,即“情感因素”框架内所导致的用户忠诚度、整体印象和社会影响力。

研究显示,与“虚拟玩伴”做伴的孩子通常具有更强的口头表达能力,在理解他人观点方面也更胜一筹;拥有“虚拟玩伴”的孩子可能有超出平均水平的智商,更富于创造力;在陌生环境面前不会显出害羞和胆怯,在群体里较擅长于社交;拥有“虚拟玩伴”的儿童在长大以后,其影响并不会随童年的结束而结束,他们在艺术、文学方面的天分较没有“幻想伙伴”的儿童为高,而且在社会交往当中一直能占据主动地位,社交的圈子也比较宽广。“虚拟玩伴”产品对于儿童心理发展是起积极意义的,在父母或成年人的正确引导下,可以使儿童在童年获得有益的心理成长助推剂,为成年的发展奠定积极基础。

参考文献:

[1]董建明 傅利民 (美)沙尔文迪:人机交互:以用户为中心的设计和评估[M].北京:清华大学出版社,2003

篇7

关键词:图标;图标设计;交互;界面设计

中图分类号:J524 文献标识码:A 文章编号:1005-5312(2012)33-0218-01

一、图标设计在交互界面设计中的导入

图标是图形用户界面最重要的组成部分,而且正成为计算机环境的主要组成部分,大量应用于屏幕技术产品,如:移动电话,计算机等。用户使用图标完成任务的所有信息都从图标的图像和相关的知识中推断得到。图标是界面设计者和界面使用者都能理解的语言,通常难以纯粹的划分为语标的,表意的,表音的或其它类别。图像根据用户的背景,经验和任务属于多个类别,各类别中不存在一个清晰的边界,可以同时出现多层次的含义。图形用户界面是小空间中的大量图形和组件组成的可视化世界,设计时必须把这整个世界作为一个整体的视觉生态系统。图标设计从某个角度来说,有点类似标志,它的设计是为了让人们能够被吸引.设计图标时,不能孤立的设计,而必须与界面上其他组件和隐喻相符合,图形用户界面使用隐喻和现实世界的对象相关联,人们在现实世界建立起来的关联会影响他们对图标的图像特征的理解,这些图标的设计不能与人们现有的这种期待相冲突。

图标设计需要考虑的要点有很多。细节、颜色、大小、形状、位置可以使图标的设计更加完美。恰当的细节有助于图标的搜索,无关的细节应该省略;颜色可以帮助区分图标,但受到用户感知能力的限制,应避免混乱的颜色设置;多数系统使用标准的图标大小,但图标上的图像的大小没有标准要求;图标上的图像应该有不同的形状,图像应该比图标小,使得图标便于查找;恰当的图标位置可以帮助其快速被发现。

二、图标设计在交互界面设计中的应用

图标的理解必须是可用的,否则节省的空间再多也没有意义,如果某项功能是以固定的方式完成,这种形式就是惯例,人们期望以这种方式完成相应的任务。图标的设计,应该利用这些惯例;它与其它元素一起显示在屏幕上,如:菜单、文本、图形或其他图标等,人们感知图标与其它的屏幕元素有关,这些元素提供了理解图标的参考;它不依赖于语言,因此对于整个世界范围而言也是有着巨大应用潜力的。同样对于国际公路标准以及其他的公共场所,如:导视标牌、禁止吸烟等标志都用图像来展示,图标也可以本地化,反映一些在其他地方不存在的特定情形。

界面是人与物体互动的媒介,换句话说,界面就是设计师赋予物体的新面孔。界面设计是人与机器之间传递和交换信息的媒介,包括硬件界面和软件界面,是计算机科学与心理学,设计艺术学,认知科学和人机工程学的交叉研究领域;近年来,随着信息技术与计算机技术的迅速发展,网络技术的突飞猛进,人机界面的设计和开发成为国际计算机界和设计界最为活跃的研究方向;通过对界面设计不同需求进行分类,,以及界面设计元素对用户行为的影响,来研究用户界面设计中所体现的重要性,交互性已经成为网络界面设计中设计追求的目标。为了使设计满足可用性要求,全面了解用户特征及多元化要求是十分必要的,这就需要找到正确的方法来记录和实现多元化的用户要求。

图标是软件标识,界面中的图标是功能标识;图形界面中图标的意义和作用是使图标界面快速识别,便于记忆和国际化;图标个性化设计的意义和作用个性的美感,是一种带有明显的主观色彩的特殊的社会意识。不同的民族和文化背景的差异,人们对事物的感受其产生的结果也是不同的。在传播媒介上,图标代替文字传播,因为图形在信息传播中比文字要直观,使用图标设计可以提高软件的实用性;在视觉体验上,图标代替文字视觉,因为图标在视觉体验上比文字更漂亮,使用图标设计可以提升视觉效果。因此,图标设计应用于交互界面设计是非常有必要以及具有很高的研究价值的。

三、小结

图标设计是用户界面设计一个非常重要的一部分,差的图标设计最终导致用户界面的操作失败的体验;但视觉审美和可用性有时候存在矛盾的方面,我们不能走极端,只顾及可用性但忽视设计美观的一面,也不能追求设计上的美的需求而忘了这是功能性很强的界面图标,最好是能在两者之间取得平衡。

参考文献:

篇8

关键词:交互式动画;界面设计;应用

中图分类号:J218.7 文献标识码:A

文章编号:1005-5312(2012)17-0037-02

一、交互式动画概述

(一)交互动画概念

交互动画是指在动画作品播放时支持事件响应和交互功能的一种动画,也就是说,动画播放时可以接受某种控制。这种控制可以是动画播放者的某种操作,也可以是在动画制作时预先准备的操作。这种交互性提供了观众参与和控制动画播放内容的手段,使观众由被动接受变为主动选择。交互设计就是设计使用者与产品交互的过程、方式等。具有互动性特征的媒介系统更易被使用者接受,更能给人以满足感,更易学习与掌握,而且能够增加合作感。不仅能明显提高产品的友好性。使原本单调、生硬的信息传递系统的界面变的更加华丽,有亲和力。更重要的是,可以增加信息传递效率,达到更好的信息推广的效果。

(二)交互式动画的特点

1、交互性。交互动画的使用是一种人机交互的信息传递形式,受众并不是被动地接受信息,而是主动地查找,因此设计更注重使用者的参与性,改变了受众被动接受信息的情况。这种设计可以提高使用者的兴趣,调动其积极性,符合现代信息的传播理念。

2、集成性。交互式动画与计算机和网络技术的发展有着极其紧密的关系,是技术和艺术结合的产物。具有文字、图形、声音、影像、动画并茂的立体表现的集成性特点。它使视觉语言有了一个纵深地扩展,其信息传递的效果会比单纯的图片、文字要高出许多。

3、娱乐性。交互动画参与设计使作品不再是单调的一个图片或者文字的展示,丰富的视觉、听觉、甚至是触觉、味觉的整体调动,使整个设计气氛活泼,扩展了使用者的想象力。带来一种更令人愉悦的视听感受,使娱乐性大大增强从而充分调动使用者主观能动性。

4、准确性。对于交互动画设计应用来说,信息的准确传达是交互动画设计的基本原则,交互动画设计是综合多项技术的设计手段,可以综合处理包括文字、图像、视频和声音在内的多种信号,实现视听、图、文的一体化。

(三)交互式动画的实现方式

动画的实现方式多种多样,传统手绘、三维制作、实物动画、等等。除此之外一些网络编辑软件flash、dreamweaver、toombom都能根据需要来实现动画效果。下面列举下常用制作方式。

1、矢量动画。许多网络编辑软件flash、dreamweaver、toombom都能根据需要实现动画效果。其中以adobe 公司的软件flash 制作的为最多。Flash是一个非常优秀的矢量动画制作软件,是以数学公式而不是以记录每个像素的色彩信息来处理图像的,所以完成作品需要的内存和存储空间小很多,而且集成绘画、动画编辑、特效处理、音效处理等功能。制作的动画具有短小精悍的特点,所以被广泛应用于网页动画的设计中,以成为当前网页动画设计最为流行的软件之一。

2、传统二维手绘动画。不同的制作手段会带来不同的视觉效果,传统手绘多以点阵图的形式记录画面,擅长表现细腻的色彩丰富的画面,更易于展现创作者的艺术风格。

3、三维动画。成熟的三维动画技术擅长从一种更为直观、动态的方式多角度展示对象的功能、特性、结构、组件等细节问题。三维动画依赖CG技术通过电脑强大的运算能力来模拟现实,并满足观众对三维动画作品越来越高的视觉要求。模拟摄像机的强大功能又可以实现二维动画难以达到的多机位、多角度的拍摄效果。

4、定格动画。纸和毛笔、铅笔、沙和粘土、铁丝、各种我们身边的材质都可成为定格图形动画的创作素材。这种创作手段,采用实拍和制作相结合的手段,保留了传统手工艺制作的粗糙感、亲切感的定格动画,不仅充满质朴的童趣意味,其技术特征更是展现出了动画艺术最原始的魅力。

二、交互动画在界面设计中的应用

(一)交互式动画参与界面设计的必要性。

20世纪70年代,美国未来学家阿尔文·托夫勒在《未来的冲击》一书中明确提出“服务业最终会超过制造业,体验生产又会超过服务业”的观点。而“体验经济”的提出,正是体现了人类文明程度的提高,如何满足人们日益增长的物质文化需求,提高互动式体验是当今设计师的重要研究课题。

交互式动画参与界面设计给使用者提供一种自助式的体验,以一种更加自由、自然、友好、多渠道的信息传播方式,通过参观者的多种感官进行信息传递。在信息爆炸的今天,这种信息传递方式以其交互性、非线性、娱乐性、准确性等诸多人性化的特点迅速介入到设计领域中,构建起人与人之间、人与产品之间、产品与产品之间、人与环境之间的交互网络,增加了产品沟通的有效性。体现了设计以“人”为本的理念,围绕着人的需要,满足人的需求。

(二)案例分析

下面以笔者参与的2011年度河南省教育厅人文社会科学研究项目“现代多媒体技术在城市导向系统中的应用”为例, 来分析交互动画设计中的在界面设计中的思路与方法。

当前,随着我省城市化发展进程的日益加快和城市空间的不断扩张、城市道路状况不断翻新,使原本就不完整、不清晰的标识系统变得更加难以辨认:

1、标识不醒目。城市现有的道路标识大都相对简陋甚至接近老化,许多信息都模糊难以辨认。

2、 标识不准确。由于道路的不断翻新扩张,许多路段出现道路信息缺失,或者不完整的情况。

3、标识不系统。道路标识经过长期不断的变更,难免出现位置不统一、规格不统一、字体不统一等情况,甚至有些时候还会出现同一道路路口两个或者多个不同道路信息。

由导向标识牌的不完善等现象,给生活和工作在城市中的人们带来了许多出行的不便。并逐渐成为困扰诸多城市管理者的一大顽症。如何通过交互式动画的介入,完善视觉传达因素在城市导向设计中的科学应用,让所有本地区的出行人员安全、准确的到达目的地的同时,高效、有序地引导人们在城市不同公共空间环境中自如的行动,就是本课题所要研究的目的和方向。

本项目以郑州市金水区东部繁华地段为例,此路段包括酒店、学校、医院、动物园、餐厅、大型超市、广场、公交车站、长途车站等公共设施。经项目组成员的讨论,结合本项目实例,交互动画的最终效果定位在以简洁、清晰、亲和力、易操作上。并最终选择了以传统手绘方式作为交互式动画的主要表现形式。手绘的地图既具有严谨性又具有艺术观赏价值;交互式动画画面的笔触感增加了导向系统的亲和力;声形并茂的动画准确、高效的传递了道路信息;简单、清晰的操作方式方便所有年龄和层次的人使用。在具体应用上,主要包括以下几种应用:(1)查找某地点信息。例如:当使用者将鼠标点到花园路沃尔玛超市时,便会有相应窗口弹出此地点相关文字介绍和对应的交互动画(例如会出现超市购物车的小动画,和收银台扫描货品的声音。)声形并茂的展示该地点相关信息。(2)查找两地之间行进路线。首先在界面上方搜索两地之间行进路线,然后在对应的窗口中选择某种出行方式:步行、公交、自驾等。主界面便会出现一个可爱的卡通吉祥物(步行或者乘坐交通工具)带领着使用者在地图中寻找最正确和最便捷的行进路线。(3)查寻路况信息。当使用者搜索某路段信息时,界面上会以动态形式显示该路段单、或者双向、单个或者多个复杂道路以及连接这些道路的路口、红绿灯以及现阶段路况的拥堵情况等相关道路信息。在应用上,除了交互式动画本身所具备的优越性以外。还能达到及时更新的目的。随着城市不断的发展,交通和道路状况日渐复杂,除正常更新以外,修路、事故等状况都可能会改变道路的通行信息。对于这种由网络统一控制的城市导视系统,我们只需要在控制中心改变数据即可最快、最高效的进行实时更新。

复杂多变的社会需求对设计者提出了多方面的挑战,社会的发展需要多学科的融合,交互动画设计也将应用领域发挥出更大的作用。

本文为2011年度河南省教育厅人文社会科学研究项目“现代多媒体技术在城市导向系统中的应用”(厅级项目)项目论文,项目编号:2011-GH-212。

参考文献:

篇9

关键词:交互界面 可用性设计 家庭医疗保健 老龄化 健康管理

中图分类号:TB472

文献标识码:A

文章编号:1003-0069(2015)09-0120-03

微电子技术快速发展直接导致科技产品快速全面地介入人们现代生活的方方面面,我们的生活已全面数字化,当这一切似乎给人们带来了极大便利的同时,人们却也在忍受或被迫适应着人机交互过程中所带来的不适感。这其中,各个年龄层的“被数字化”程度和接受度不同直接导致这样的结果:当老年人操作电子产品时总会顾虑重重,因为那些复杂的按键会让他们担心错误操作会导致坏的结果,自然很多新功能都不敢去尝试,转而一定要求助于家里的年轻人来完成操作。如此的现状并不特殊,科技应用并未如预期一样带给用户诸多的愉悦体验,特别是老龄用户群。

随着自我保健意识的增强,越来越多慢性病患者或亚健康者希望能够在家里随时监护每日身体状况,辅助慢性疾病的记录和防治,达到随时监护、方便操作、实时记录的作用,以及应对突况的呼救,甚至舒缓使用者的情绪。医学与信息技术的结合使Home Health Care家庭医疗保健成为可能,基于技术、网络与大数据之下的“用户-家庭-社区-医院”的共享系统平台正在形成,在医疗产品数字化和家庭化的趋势背景之下,将会有更多的提供便捷服务与功能的电子医疗产品逐渐走入家庭,如何减少老年用户群在面对数字化医疗保健产品时的无所适从感,将他们从人机交互的被动地位中解脱出来,提出人机交互的有效策略应用,成为迫切需要关注的事情,其情感化、可用互设计研究正不断引起重视,可用性的研究意义将不再局限于某个具体产品运用的层面。

1老龄化社会趋势与老年人家庭健康管理

据统计,目前国内老年人口数量已大于2亿,至2025年将突破3亿,而到了2052年将达到4.87亿,占总人口的34%。在我国老年人口迅速增加的大背景下,老龄化逐渐成为现代社会的一种常态,我们会越来越多地关注老年人的长期护理怎么办?老年人医疗保健怎么办?如何管理各种老年慢性疾病等。我们所需要研究的不仅仅是当老年人失去生活自理能力以后我们如何提供长期护理,更要研究如何能使得老年人生活的更健康。在这当中构建包括政府、家庭、市场、企业、社区等未来老龄社会的行为主体整合,才能形成良性的产品支持体系。

针对老龄用户需求开发设计老年产品,提高老年人生活质量,促进老龄产业发展,已成为中国老龄事业发展规划中的重要内容。随着家庭小型化,独生子女家庭占主体,新一代老年人文化程度更高,经济实力更强,消费观念更新,对高品质的养老生活有更多的期待。这将催生包括面向所有老年人的健康管理服务业、康复护理业等,从而引导老年人消费。

随着近年来家庭健康管理需求的增加,越来越多的人开始在家中操作数字医疗产品以满足日常保健需要,医疗产品的直接用户由具备专业知识的医护人员转为非专业的普通家庭用户,其中大部分是老年人,甚至是残障群体,而一般的数字医疗产品的交互界面并不适用于普通的家庭用户,更不要说方便老年用户使用了,面对老年用户群而设计的家庭医疗产品则应以可用性为设计导向,满足老年用户的特殊需求,以老年用户为中心去设计,让产品体现对用户的关心、亲近和体贴。

2老年用户群体的共性特征

据统计:超过65岁的老年人当中有80%的老年人患有慢性疾病,随着生理机能的逐渐衰退,老年用户群体体现出明显的生理和心理共性特征,在设计老年人相关家庭医疗产品及交互界面时要充分考虑其用户特征,在产品交互设计和界面设计时首先需要针对老年用户群体进行用户需求分析和用户测试与评估,了解老年用户的行为,依据具体的设计要求,获得市场分析数据,建立老年用户模型,用于指导产品交互界面的设计。

(1)老龄用户的心理特征

A.讲求实际、方便和实用:老年消费者注重实际,要求使用上方便实用,消费倾向以自身健康为主要目的。

B.不会轻易冒险:往往比较重视完成任务的准确性、避免犯错误,做事轻易不愿冒风险,这一点在老年人操作数字产品时特别明显。

C.其积极情绪体验表现为轻松感、自由感、满足感和成功感。

(2)老龄用户的生理特征

A.运动反应迟缓

老年人的感官系统随着机体的衰老,视觉和触觉等都会发生变化,反应变得迟缓,行动、持物动作、发音等方面反应速度较青年减慢20%一30%。

B.记忆能力的错位

机械记忆、回忆能力明显衰退,记忆速度明显减慢,短时记忆能力下降。

C.疾病发生率

老年人由于生理功能减退和慢性疾病发病率高使其常体验到躯体不适,因而容易产生焦虑、抑郁感和孤独感。

老年人家庭医疗产品的交互界面设计是针对老年用户为主体的设计,在研究用户行为、分析交互设计主要任务的时候都需要了解其基本感觉和认知特性,从而会让产品更具有可用性和实际意义。

3老年人家雇医疗产品交互界面分析

家庭医疗保健终端的可用性设计是医疗产品设计发展的一个重要方向。老年用户群体与家庭数字产品之间的联系就如同尼葛洛庞帝所言,“在知觉与实体的接触上都受到相当的限制”,尽管目前的家庭医疗产品对于视觉显示持续改进,但从心理层面上展现的微妙互动反应仍还有相当大的改善空间。建立在按键以外的触觉感官与互动层面的听觉仍需要进一步改观。

(1)视觉层面分析

老年人眼睛的老化十分明显,家庭医疗产品借助矩形显示器的信息传递与使用者建立交互关系,视线焦距与显示对比都会让眼睛产生疲累感,为何不能作点突破,提供智能的显示环境,或是扩充视觉感官,根据老年人视觉特征设定显示信息结构的设置,使其感觉有如真实空间。

视觉交互的设计是一个从外观到界面的综合设计结果,从视觉设计角度分析老年人家庭医疗产品交互界面的要点:A.清晰性(从界面字体大小到按键分布位置,所有的操作与交互界面在任何情况下必须清晰可见,符合老年人视觉特点);B.可识别性(符合老年人动作行为及操作习惯,能给出清晰指示,独立出重要的信息,加强文字和背景的对比);C.美观(线条优雅的外观,适当偏圆润的造型,简单漂亮的界面,沉稳的风格倾向,使用不反光的表面,图案符号选择适当大小和颜色);D.反馈(交互方式易亲近易上手,界面与按键反应一致,有适当的提示,具备引导与反馈)。

(2)触觉层面分析

老年人家庭医疗产品的设计需重视在基本感觉之外的尺度上符合人体工程学的操作范围,建立触觉交互模式,利用触觉进行设计以达到与老年用户的关心和亲近。家庭医疗产品有许多按键式感触的互动模式,按键的设置同时考验着手指运动的灵敏度,针对老年人感官系统的退化,可在研发感知使用者界面(TUI)方面设计触觉响应,将触觉感官提升到更高的层次。

触觉体验与交互设计要点集中为:A.触感(建立产品外观使用的材质与用户的亲近感,不要有过多棱角,并且做到防滑防尘);B.尺寸(控制器的大小和形状能用单手轻易的握持,方便携带和收纳,可调整使用方式,按键与界面大小适当);C.安全(必须确保老人在使用时没有障碍或危险,提供明确反馈信息和安全防护)。

(3)听觉层面分析

听觉作为补偿视觉识别的同时,能够直接反映人的情绪指标,老年人家庭医疗产品听觉层面的设计要点:A.提示音(提供音量控制,适应不同听力,减少因产品产生的噪音,符合听觉识别习惯);B.可识别(对警报、信号和控制键提供多种感知方法);C.音乐(轻柔亲切的语音对话,柔和悦耳的按键提示与轻柔的背景音乐,不要使用噪音作为提示音)。

在这此基础之上的老年人家庭医疗产品交互界面的可用性原理探讨,以老年人家用医疗产品终端的界面设计为主体,需结合老年人的感觉、认知、生理、心理等诸方面的发展,研究老龄用户与产品交互过程中反映出来的问题,以寻求针对特定群体设计的具有普遍意义的可用性方法与实践基础。

4基于可用性的老年人家庭健康管理系统人机交互设计

交互界面设计必须针对目标用户展开,如果问题的产生不被“自然”地解决,就会让用户感觉不到产品的“体贴”,这往往是由于缺乏用户体验分析而降低“可用性”的结果。基于可用性的交互设计产品所提出的是一种创新的使用方法,注重用户体验(User Experience),从人的角度来看,产品系统是否易用、高效、令人满意,让使用变得更简单,尽量减少逻辑错误,在使用过程中感受到愉悦、舒适和便捷。

以用户为中心的思想是可用性理论的核心,基于可用性的家庭数字医疗产品设计首先应该站在用户的角度,服务该平台系统的各项健康管理终端产品及人机交互界面,要以深入分析研究老年用户为核心,根据老年人用户群体特征为依据,设计符合该用户群使用特征的人机交互界面及终端操作平台,而非一般平常的电子产品设计原则一概而论,为他们真正的需求而设计适合他们的易学、好用、亲切的交互产品,如图4.1所示。

(1)老年人家庭健康管理系统

在借助和整合互联网(移动)技术、通讯网络、智能急救呼叫、信息云技术等科技手段,以信息化网络服务为依托、老年慢性疾病患者为对象,建立“医院-社区-家庭”全方位信息化健康管理服务系统,并以此为信息交互平台开发具有稳定性、便捷、安全的家庭健康管理终端。通过建立老年人慢性疾病和健康信息数据库,提供老年人日常家庭健康管理远程监控、测量、提醒、医疗咨询、紧急救援、定位、生活娱乐等基础健康服务内容,远程对老人各项医疗测量指标的监测,及时发现异常并通知本人或子女,可以供老人就医的医院参考,有效整合医疗服务个体性人性化服务资源,建立灵活便捷的老年人“随身护理专家”平台。

(2)基于可用性的人机交互设计

首先,该类产品的User Interface要满足针对互基础需求,涉及明确的图标、颜色、文字设计等,突出的是界面的排布和展示,重点在于表意清楚的文字结合,用户主要通过它们来使用系统,其设计的要求点:图标精美、文字直接、注重情感化,设计上要趋于简单、明确、自然、达意。

其次,基于UI界面形式之下的内部运行机制构建的User Interactive,要满足用户在使用产品时的习惯和操作模式,在产品和用户之间建立更有效、易用、亲切的沟通模式,这种模式除了界面的美观之外,更加注重的是操作的简便快捷和功能的综合化。其设计要求:稳定、可靠、安全、便捷;注重可用性、网络化、及时性、大数据。

(3)UCD的设计思想

一个好的人机交互界面从设计一开始就要考虑可用性问题,并在以后的实现过程中始终将可用性问题作为一个重要的方面,始终围绕用户为中心的设计思想(User-Centered Design),从用户的需求和感受出发去设计产品,而不是让用户被动适应产品,如图4.2所示。老年人家庭健康管理系统应建立在老年用户的使用习惯及情感体验之上,通过预期的使用方法、心理感受、视觉反应、行为模式等方面,在产品的使用流程、信息架构、人机交互方式上达到有效性、效率和用户主观满意度,这其中包括产品的易学程度、友好程度、体验感受和心理变化等。

(4)适用于老年人家庭健康管理系统的交互设计可用性原则(heuristics):

“零”学习――外形简洁和结构简单,尽量做到一看就会用,一学就会。

简化功能――提供有效的达到用户目的的功能,抛弃不需要的累赘功能。

易辨性――针对操作动作应提供相应的反馈,以便用户随时掌握系统的运行状态。

便捷性――减少操作步骤,精简功能,将常用功能和紧急呼叫按键放在最醒目的地方,对于错误操作便于用户退出异常状态。

有效识别――对于操作、选项应提供可见性,并尽可能预防错误的发生。

灵活性――进行针对性的设计,操作简单、直观、图形化,适合老年用户的生理心理需求;适合家庭使用环境特性需要,可以进行信息分组和详细信息记录,并可以随时调阅。

篇10

【关键词】网页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设计。

参考文献