写给零基础新人的交互设计入门完全指南

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:uxbooth   作者:jianshu

关键词

交互设计感兴趣的人,这篇文章可以作为你自学的指南手册。这篇文章介绍了交互设计的历史、日常工作及交互物、可以关注的大神、常用的工具和建议阅读的书籍等等,能给想自学的新手一个全面系统的教学,建议阅读。

交互设计起源于网页和平面设计,但目前已然成为了一个独立的领域。远远不止文字和图片,交互设计师要对在屏幕上创造的每一个元素负责,比如用户会滑动、点击、轻触和输入,简言之,他们对一切体验的交流互动负责。

目录

什么是交互设计?

常见方法

日常工作和交付物

可以关注的大神

常用工具

知名协会

书籍

什么是交互设计?

“交互设计(IxD)定义了交互系统的结构和行为。随着时代的发展,从计算机到移动设备,再到电器以及其他种种,交互设计师努力地在人、产品以及他们使用的服务之间创造有意义的关系。”
——The Interaction Design Association(IxDA)

从交互设计诞生之日起,界面就不仅用来呈现静态内容。从按钮到链接再到表单域,所有相关事情都是交互设计的一部分。在过去的几十年中,许多书籍已经解释了交互设计的方方面面,并且探索了大量的、与体验设计交叉或重叠的领域。
交互设计已经发展到促进人和他们所处环境之间交互的地步。不同于用户体验设计(指一个系统中,用户面对的各个层面的问题),交互设计师只关心一个用户和一个界面之间的明确的交互。当然,在实际中,事情并没有清晰的界限。

常见方法

虽然交互设计贯穿于各式各样的互联网、移动应用和网站,但是有一些确定的方法是所有设计师用之皆准的。我们接下来要探索一些常用方法:目标驱动的设计,可用性,交互设计五维度,认知心理学,人机界面准则。

目标驱动的设计

“目标驱动的设计”这个概念从Alan Cooper的书中逐渐普及开来(The Inmates Are Running the Asylum: Why High-Tech Products Drive Us Crazy and How to Restore the Sanity, 出版于1999年)。Alan这样定义“目标驱动的设计”:把解决问题置于最高优先级。换句话说,目标驱动的设计首先考虑或优先满足终端用户具体需求和期望,这与旧有的设计方法不同,旧有的设计方法着重考虑技术方面的可行性。

如今,Alan当时提出的观点已经显而易见,因为设计师很少基于开发的限制而做交互设计。这个方法的核心就是满足终端用户的需求和想法,这一点永远重要。

根据Alan所提出的,作为一名交互设计师,在思考“目标驱动的设计”的过程时,以下5点尤需注意:

写给零基础新人的交互设计入门完全指南

△ 目标驱动的设计

1. 设计第一,开发第二

目标驱动的设计首先考虑的是用户如何交互(和东西看起来怎么样!),而不是首先考虑技术问题。

2. 划分设计和开发的职责

这指的是我们需要交互设计师站在终端用户的这一边,不需要担心技术限制。一个设计者应该信任他的开发者可以处理技术层面的问题;事实上,Alan Cooper表示,如果不这么做就会将设计师置于利害冲突之中。

3. 设计师要为产品质量和用户满意度负责

虽然利益相关者或者客户有他们自己的目标,但是交互设计师要为屏幕另一边的人(用户)负责。

4. 定义一个明确的用户

这个概念已经被发展为用户研究中的:用户角色(Personas)。Alan的这个观点还在不断地提醒我们要把用户角色和产品联系起来,并且不断追问:用户角色会在什么情境下使用这个产品?他或者她是谁?他或者她想完成什么?

5. 在多个团队中工作

最后一点,交互设计师永远不能单打独斗。Alan Cooper 称交互设计师为“设计交流者“,与他人合作是非常关键的。尽管在1999年Alan想象中的“设计交流者”就是一名为产品提供市场运营情况的分析员,但在今天,这个概念已经扩展为包含项目经理,内容运营,信息架构师在内的诸多角色。

回到具体合作,可以参考这几篇国内的经验合集:

《顶尖高手的分享!交互设计师如何与他人合作?》

《职场实用经验!聊聊交互设计师与开发沟通的技巧》

可用性

可用性听起来是一个含糊不清的词,但是它的核心正如设计师们常常挂在嘴边的:“用户可以简单地使用它吗?”这个在无数的书籍以及网络上都被解释过了。接下来,我们通过回顾一些不同的定义,发现它们的共通之处以及细微差别:

在 《人机交互》(《Human Computer Interaction》)(作者 Alan Dix, Janet E. Finlay, Gregory D. Abowd, Russell Beale)一书中,可用性可以被分解为三个要素:

可学习性(Learnability):对于一个新用户来说,学习如何在界面中操作有多简单?

灵活性(Flexibility):有多少种方式可以供用户与系统交互?

健壮性(Robustness):当用户遇到错误时,我们怎么样更好地支持用户?

与此同时,Nielsen 和 Schneiderman 提出可用性由五个要素组成:

可学习性(Learnability):同上,对于一个新用户来说,学习如何在界面中操作有多简单?

效率(Efficiency):用户完成一个任务有多快?

可记忆性(Memorability):如果一个用户离开这个系统一段时间,他们是否能很好的回忆起界面?

错误(Errors):用户会造成多少错误?他们从错误中走出来有多快?

满意度(Satisfaction):用户享受使用这个界面的过程吗,以及他们对结果满意吗?

最后,国际标准(ISO 9241)也将可用性分解为五个要素,如下:

可学习性(Learnability):同上,对于一个新用户来说,学习如何在界面中操作有多简单?

可理解性(Understandability):用户能在多大程度上理解他所看到的?

可操作性(Operability):用户在这个界面中有多少控制力?

吸引力(Attractiveness):这个界面有多吸引人?

规范性(Usability compliance):界面依从规范、标准了吗?

很显然,对于“可用”的含义,他们给出了一些共通的答案。不论设计师遵循了哪些可用性要素,对于每一个界面的考虑都是重要的。

交互设计五维度

在Bill Moggridge的书籍讨论会上(书名:Designing Interactions), 一位交互设计的学术研究者Gillian Crampton Smith提出了“交互设计语言”的四个维度。这些维度组成了交互设计本身,也因此构建起了用户与界面之间的交互。最初的四个维度是:语言、视觉展现、物理实体或空间和时间。就在最近, IDEXX实验室的高级交互设计师Kevin Silver,提出了第五个维度,行为。

第一维度:语言,应该易于理解,而且应该以易于和用户交流的方式陈述。
第二维度:视觉表达,指的是所有的图形或图像,几乎就是除了文字的一切。这些都应该有节制地使用,避免溢出而让用户难以承受。
第三维度:物理实体或空间,指的是物理硬件,不论是鼠标、键盘,或是用户手中的移动设备。
第四维度:时间,指的是用户在与前三个维度交互时的时间长度。这包括用户了解其所处进程的时间,也包括声音和动画时间。
第五维度:行为,这个维度是Kevin Silver在他的文章(What Puts the Design in Interaction Design)中提出的,指的是用户和系统交互时的情感和反应。

从这五个维度去思考,交互设计师就可以观察到用户和交互系统产生交流和连接时的确切体验。

认知心理学

认知心理学是一门研究思维如何运作、心智过程如何发生的学科。根据美国心理学协会(American Psychological Association)的定义,这些过程包括“注意力,语言使用,记忆,感觉,问题处理,创造以及思考。”
心理学是一个极其广泛的领域,但是在认知心理学中有一些理论,对交互设计理论的建立颇为重要。Don Norman曾在他的书《设计心理学》(《The Design of Everyday Things》)中多次提到一些概念,下面是其中一些:

心智模型,指的是用户头脑中的图景,这些赋予他们对特定交互或交互系统的预期。通过学习用户的心智模型,交互设计师可以设计出自然的、符合直觉的系统。

界面隐喻,指的是采用用户已知的行为去引导他们产生新的行为。举个例子,计算机上的垃圾桶图标,它就象征着我们平时使用的垃圾桶,这样可以提醒用户进行一些可以预期的行为(如:清空垃圾桶)。

功能可见性,指的是我们不仅要设计一个东西并让它能完成一些事情,而且要设计一个东西,使它看起来就像它能完成这个事情。举个例子,一个按钮,如果你把它设计得像一个可以按下去的物理实体,那么这样的设计就体现了功能可见性:当一个不熟悉界面按钮的人也会理解如何去和它交互(知道它可以按下去!)。

人机界面准则

“人机界面准则”,这么说可能不是很恰当。实际上,没有一套固定的准则,创造人机界面准则这个想法本身就是一个方法论。世界上主要的技术、设计公司都创造了自己的准则,包括 Apple 和 Android ,Java 和 Windows。他们这么做的目标都是相同的:给潜在的设计师和开发者提供建议和推荐,从而帮助他们创造自然的、符合直觉的界面和程序。

日常工作和交付物

交互设计师在整个设计、实现的过程中都扮演关键的角色,对于一个项目团队来说,他或者她有一些关键的活动,这些通常包括:形成设计策略,制作关键交互界面的草图,制作交互原型。

设计策略

虽然“设计策略”这个东西的边界不是很明确,但有一点是确定的:交互设计师需要知道“我们为谁而设计?”“用户的目标是什么?”,通常,用户研究员会提供这些信息,然后交互设计师根据这些信息得出设计策略,他可以独立完成这些,也可以在其他设计师的帮助下完成。制定设计策略,这可以帮助团队成员达成共同理解:我们需要怎样的交互去帮助用户完成目标。

关键交互的草图

在交互设计师有了不错的设计策略之后,他开始画草图,逐渐形成最基础的交互。巨大的区别在于细节中:有些设计师在白板上画出交互草图,有些则使用网页应用帮助他们完成这个过程,还有些设计师同时使用不同的方式;有些以合作的方式完成这些界面,也有些设计师独立完成。这些选择取决于交互设计师本身以及他们特定的工作流程。

原型

取决于项目的不同,一般来讲,交互设计师下一步的工作就是制作原型。原型有许多形式,比如HTML/CSS表达的原型,或者纸质原型,这里就不多讲了。

紧跟潮流

作为一名从业中的交互设计师,根据行业变化而及时作出调整是最难的。每一天,交互设计师都在从不同的角度、方向去讨论交互相关的问题。也因此,用户期待看到新的交互方式的出现。明智的交互设计师会回应这些变革,他们不断地在网络上探索新的交互,以及不断地讨论新技术的优势,与此同时,他们也清楚地知道,好的交互或者技术应该是能最优满足用户需要的,而不一定是最新的或者最激动人心的。

可以关注的大神

如前所述,现在很难仅仅用“交互设计师”来定义从事此项工作的人。这个领域和其他多个领域存在重叠,如UX设计,UI设计,开发以及平面设计,已因此,下面列出的人也不都是交互设计师。我们列出这些人,因为他们对这个领域做出了卓越的影响,也因为他们提出的概念、想法是非常值得探索的。

Alan Cooper

写给零基础新人的交互设计入门完全指南

Alan Cooper是Cooper公司的联合创始人(1992年)。因为在软件设计中的开创性工作而被大家所熟知(如人性化的技术)。他也是书籍《About Face 交互设计精髓》(1-4册)(《About Face: The Essentials of Interaction Design》(editions 1-4)) 和 《The Inmates Are Running the Asylum: Why High-Tech Products Drive Us Crazy and How to Restore the Sanity》的作者。被认为是“Visual Basic 之父”,也创造了“目标导向的设计”的方法,以及发明了用户角色(Personas)来作为交互设计的工具,这些都为创造用户喜爱的高科技产品作出了帮助。

Brad Frost

写给零基础新人的交互设计入门完全指南

 收藏