交互设计指南系列一:我们眼中的交互设计

  交互设计(Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。人造物,即人工制成物品,例如,软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式(the “interaction”,即人工制品在特定场景下的反应方式)相关的界面(Wikipedia)。通过对界面和行为进行交互设计,从而可以让使用者使用人造物来完成目标,这就是交互设计的目的。

  从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点,同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充。交互设计还涉及到多个学科,以及和多领域多背景人员的沟通。

  在《交互设计实用指南》里,我们认为,交互设计,应当是创造承接人类与计算机之间的界面即人机界面(Human-Computer Interface)(见下图)。交互设计的出发点在于研究用户和计算机交流(dialog)的时候,人的心智模型和行为模型,并在此研究基础上,设计界面信息及其交互方式,用人机界面将用户的行为翻译给计算机,将计算机的行为翻译给用户,来满足人对软件使用的需求。所以,交互设计一方面,是面向用户的,这时交互设计所追求的既是可用性(Usability),这也是交互设计的目的所在;交互设计的另一个方面是面向计算机实现的,这时我们关注于“软件工程化”。


  交互设计模型

  面向用户

  根据上文中,我们提到的满足人对软件的需求,其目标既是我们所说的“可用性”。可用性指的是一个产品可以被特定的用户在特定的使用情况中,有效、高效并且满意得达成特定目标的程度(ISO9241)。我们认为,其中所诉的有效、高效和满意即为可用性的三个递进的层次:

  有效性:有效性是指用户完成特定任务和达到特定目标时所具有的正确和完整度。如果用户不能完成他们的目的,那么无论体验是长时段,容易还是复杂,这个产品可能都没有意义。

  90年代的时候,某品牌机厂商推出的台式机都预安装了一个“我的家”的软件。该软件是个系统功能的导航软件,它将你电脑的例如Office、音乐、电影、浏览器、计算器等这样的工具安排在一个充满隐喻的图形化的屋子。例如你要听音乐,那么你必须走到卧室,然后点击那把吉他,如果要使用Word,你可能需要点击你书桌上的文档。这样当时在厂商看来十分吸引消费者的东西——它认为这样能够解决新手使用电脑的问题——却被市场所否定。许多消费者根本找不到相应的功能放在哪儿。于是,当连功能都完不成的时候,软件就缺失了有效性,即使这个充满隐喻的图形化的屋子做得再逼真,软件价格再低也不会有消费者觉得可用,软件也失去了价值。

  高效性:高效性是指用户在完成特定任务和达到特定目标的容易程度和时间长短。这可能会牵涉到许多因素。例如,我们的软件启动速度太慢,处理速度太慢,这会影响到软件的高效。再比如,在一个呼叫中心使用一个更高效的呼叫中心系统,可能造成操作员每天能够处理更多的电话数。

  对于网站来说,一个良好的信息架构对于高效性的提升是十分有效的。良好的信息架构能够让用户在更短的时间,也更容易地找到他们想要的信息。

  Flickr和Picasa都是著名的照片管理网站。Flickr注重的更多是社区化的应用,用户群体相对摄影技术较好。而Picasa注重的更多是个人的相册,用户群体相对摄影技术也较差。他们的首页也迥然不同。Flickr的登录后的首页大部分是社区性的信息,例如最近的活动,你的联系人最近发表了什么照片,还有你参加的小组等等。另外复杂而有条不紊的导航也允许中高级用户造访更多的Flickr的功能。相比之下,Picasa首页基本只是所有的相册的列表。这样的迥异之下,Flickr对于他的用户群是高效的,Picasa对于他的用户群也同样高效。不同的用户在他们的页面之下都容易找到他们自己需要的内容。


  Flickr 和 Picasa的个人首页

  另外,减少用户的认知负担也是提高软件高效性的有力措施。能不能然用户少些机械的操作?能不能让用户尽少思考?能不能让用户别记着那么多的东西?

  满意度:满意度是指用户在使用软件产品过程中所感受到的主观满意度和接受程度。在用户能够有效、高效地使用软件的基础上,给予用户一些更多地“体验”,考虑那些更多内涵。这也是我们交互设计真正的水平所在。例如:我们需要避免用户出错,也同时能够提高方法让他们从错误中恢复;我们需要让软件易学,以便让新手快速成长为中间用户,让需要的中间用户成为专家;我们需要做精美的页面让用户喜欢;我们需要塑造我们的品牌风格,让用户“膜拜”……

  交互设计就是设计软件上可提供的交互方式,来满足人对使用软件的三个递进层次的需求。也就是说,首先,应当保证软件的有效性,如非有效,一切皆空。接着,保证软件的高效性,软件虽然已经完成了他的目标,那么是不是可以在这个基础之上,缩短完成目标的时间长度或者是降低认知成本等,最终达到提高生产力的目的。在完成了这两点之后,我们可以继续考虑提高软件的满意度,这里可以通过一些视觉的提升、品牌效应和创造新的体验(苹果一直是这方面的好例子)等方法来提高软件的满意度。

  面向实现

  交互设计立足于软件工程中的一个环节,所以谈到交互设计,特别是在软件工程中的交互设计,就必须涉及面向实现的部分——也就是我们谈论的“工程化”。“工程化”问题,涉及到三个方面:

  标准化:这是指在进行与交互设计的相关工作,我们需要满足相关的标准和规范。标准化有助于提高产品的兼容性、互操作性、可重复性、安全和质量。举个例子,例如我们在制作原型的时候,有可能需要参考UED团队的栅格标准或是垂直栅格。这样,对于视觉设计师,他们可以减轻像素对齐的负担,对于前端工程师,套用相应的代码即可完成标准栅格的摆放。当然,还有很多标准和规范,例如:有些公司拥有交互方面的Guide-line,可以保持整个产品形象的一致性,降低用户认知负担。

  可行性:这是指在设计交互的过程中,应考虑到技术上是否可行。可行包括两个层面:第一个是技术可以完成,更高的一个层次则是需要考虑在现有的资源(时间、人力、技术能力等)的情况下时候可以完成。我们可以设计一个拖载的动作,但是,如果这玩意儿告诉你要在山寨非触屏手机的浏览器内实现,那么这显然是不可行的交互;如果告诉你这玩意儿在浏览器中将多加载100kb数据量,平均延长加载时间7s,那么这也很可能不是可行的。交互式设计师需要参与方案的实现,以确保方案实现是严格忠于原来的设计的;同时,也要准备进行必要的方案修改,以确保技术的可行,当然,修改不该伤害原有设计的完整概念。

  创新性:其实,具体得说,交互设计就是关于创建新的用户体验的问题,其目的是增强和扩充人们工作、通信及交互方式(《交互设计——超越人机交互》)。虽然说到创新,各位可能很容易想到炫目的交互,大量的动画等等,但是,别忘了“技术驱动创新”:创新应当尽量在上面所述的标准化和可行性的框架内进行。

  面向实现的这三点互相制约,相辅相成,也同时约束了我们的交互设计工作需要在一定范围内实现。为用户而设计,考虑实现,一起做一个精明的交互设计师吧!

  达到可用性

  我们刚才谈到了交互设计面向用户既是为了追求可用性。并且,可用性具有三个递进的层次,他们是:有效性、高效性和满意度。那么如何达到可用性目标,也就是说如何达到这三个递进层次呢?《交互设计实用指南》系列文章,正是我们对这个问题的解答。所以,期待我们的连载吧!

  文章来源:TaobaoUED

时间: 2025-01-14 18:35:19

交互设计指南系列一:我们眼中的交互设计的相关文章

交互设计实用指南系列(11)—减少记忆负担

写在前面的话 关于<交互设计实用指南>,我们最近收到很多朋友的反馈,有支持的也有批评的,在此一并感谢了,有你们的关注,我们才能走得更远.<交互设计实用指南>其实是收集和总结了交互设计上的一些问题,肯定有很多老生常谈的东西,是不是老生常谈其实不是问题,"问题在于,这些老生常谈的东西有没有被积累,有没有被传承,有没有被体系化."(青云语)<交互设计实用指南>的读者群涵盖了许多行业,而且就算是交互设计专业的读者也存在经验和水平的差异,所以读者们对<交

数据库设计指南之我见

网上流传着一份关于数据库设计的文档<数据库设计指南>收集了几十个数据库设计大牛在项目中总结出来的Best Practice最佳实践,我最近也花了点时间细读并结合自身实际进行了总结,感觉自己在项目中还是有不少不足的地方,下面逐条分析下.(黑字为原文,红字为我的见解) 数据库设计指南 如果把企业的数据比做生命所必需的血液,那么数据库的设计就是应用中最重要的一部分.有关数据 库设计的材料汗牛充栋,大学学位课程里也有专门的讲述.不过,就如我们反复强调的那样,再好的 老师也比不过经验的教诲.所以我们最近

交互设计实用指南系列(二):用户信息可及

可及,通俗的说是"可以达到",加上主语和宾语,在"交互设计"这个大的语境下,含义应该是"用户可以达到自己的操作目标",这不是和"有效性-用户的操作是有效的"重复了吗?其实,在交互设计实用指南中,"可及"是一个狭义的概念,是放在有效性下面的,具体解释为"色盲.肢体残疾等特殊人士可以完成基本操作".更扩展一下,这个特殊人群应该还包括老人儿童,文盲等对信息使用不擅长的人. 也就是说,交互设计实

交互设计指南:信息可及

 可及,通俗的说是"可以达到",加上主语和宾语,在"交互设计"这个大的语境下,含义应该是"用户可以达到自己的操作目标",这不是和"有效性-用户的操作是有效的"重复了吗?其实,在交互设计实用指南中,"可及"是一个狭义的概念,是放在有效性下面的,具体解释为"色盲.肢体残疾等特殊人士可以完成基本操作".更扩展一下,这个特殊人群应该还包括老人儿童,文盲等对信息使用不擅长的人.       也就是

《怦然心动——情感化交互设计指南(修订版)》一导读

开场白 怦然心动--情感化交互设计指南(修订版)本书的内容首先是关于人类行为的原则:人们做事的动机,对事物的感受以及如何作出特定的选择. 但这并非是本书的全部内容. 如果尝试去理解人类行为是本书唯一的目标,那我早就搁笔不写了,我会向你推荐其他与此课题相关的更多更好的书籍. 过去十年来,我一直致力于网上的用户体验设计.我怀疑每位进入用户体验行业的人都是从某个已有的成形的学科转过来的,比如图书馆学.视觉传达设计.计算机科学或教育学. 在互联网的泡沫时代终结之前,我以一家技术型创业公司的网页设计师和平

《CCNP SWITCH (642-813 )学习指南》一1.1 企业园区网设计概述

1.1 企业园区网设计概述 CCNP SWITCH (642-813 )学习指南 1.1 企业园区网设计概述 Cisco拥有多种企业园区网的设计模型,这些设计模型都是对各类企业网络的抽象与浓缩.不过,本书在介绍企业网络时,会将它们分为以下部分. 核心骨干网. 园区网. 数据中心. 分支机构/WAN. Internet边缘. 图1-1所示为一个高度概括的企业网示例. 园区网是企业网的一部分,是计算机架构的组成部分.一般来说,园区网的作用可以理解为:使终端用户能够从某一个地理位置访问网络通信服务和网

系统城教你玩转win8上手指南系列

Windows8系统作为一款具有划时代意义的操作系统在微软的发展历程扮演着及其重要的角色,因为这是微软被用户所习惯的windows xp.windows vista乃至逐渐替代windows xp成为主流操作系统的基础上的一个全新且大胆的冒险与变革.不过作为一款新开发出来的操作系统,windows8与其崭新的用户交互操作模式和用户使用体验让很多新接触它的用户不知道从何下手.小编特地为此编写了这篇名为<系统城教你玩转win 8上手指南系列>希望能够让新老用户从具有鲜明特色的Metro UI和传统

不容错过的优秀404页面设计指南

  平生不见404,阅尽全网也惘然.对,如果你从未打开过404页面,就可以说你几乎未曾真正用过互联网. 404页面的出现的原因很简单:当你输入链接,浏览器向服务器提出请求,但是服务器无法解析你提供的URL的时候,服务器就会返回给你一个"404为找到"的页面,换句话就是"服务器是正常的,只是没找到你要的页面". 的确,404页面的出现就是这么简单.它诞生于互联网和浏览器刚刚兴起的时代,但是经过近20年的演化之后,它早已进化出基于互联网的亚文化--404页面并不简单.

WINDOWS PHONE 8 UI 设计指南

  @TerryFan (思科云协作部门用户体验设计师):最近在准备Windows Phone 8的设计工作,寻找资料时看到这篇文章,感觉有点像是MSDN里design guide的总结,是快速入门WP设计的绝佳文献,由于本人对WP的理解还不够深,而文章中有很多WP的专有词汇和描述,所以翻译难免有误,希望大家指正. 欢迎关注我的微信公众号"开卷有译"获得新文章推送. ========================== 我是设计的分割线 ========================