交互设计入门完全指南(上)

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

interactive-design-guideline-1-1

准备好涉足交互设计了吗?在这篇文章中,作者对交互设计的各个方面做了简单介绍:包括历史、原则、知名设计师,以及他们的设计方法等等。即便你已经是一个交互设计师,这篇文章也值得一读。

相较于网页设计波澜不惊的开端,交互设计的成长之路漫长而曲折。最初,“网络设计师”(web designer)这个术语更像是描述一个平面设计师(graphic designer):一个关注于文字和图面编排的设计师。但是现在,大多数网站和在线应用程序都是互动的。因而,现代的网页设计师不再像以前传统的平面设 计师一样,而是需要做出完全不同的考虑。为了弥补这种差距,交互设计学科应运而生。

▶ 什么是交互设计?

▶ 哪些理念引领交互设计?

▶ 交互设计师做什么?

▶ 知名交互设计师

▶ 工具

▶ 书籍

本辑先说前三个。

什么是交互设计

jgzn20150307

仅在数十年前,第一个互动系统首次亮相,交互设计也就由此产生。新的界面带来了新的挑战,涌现出一批新的设计师来接受这个挑战。随后,一系列书籍纷纷出版,以阐释这个未知领域的方方面面。

交互设计协会(The Interaction Design Association (IxDA))解释如下:

交互设计师以创造有用且实用的产品及服务为宗旨。以用户为中心作为设计的基本原理,交互设计的实际操作必须建立在对实际用 户的了解之上:包括他们的目标、任务、体验、需求等等。以用户为中心的角度出发,同时努力平衡用户需求、商业发展目标和科技发展水平之间的关系,交互设计 师为复杂的设计挑战提供解决方法,同时定义和发展新的交互产品和服务。

交互设计,就像用户体验设计(user experience design),为促进人和环境的互动不断发展。但不像用户体验设计包含了所有面向用户的软件和系统,交互设计师仅考虑用户和电脑之间的互动。这样的定位被称为人机交互。

因为在我看来,最快速和最令人兴奋的工业增长是在网上发生的。本文将重点放在交互设计,因为它涉及到网站和应用程序。

哪些理念引领交互设计

jgzn201503072

有很多基本理念推动着交互设计的实践。这里对一些重要理念进行简单的概述:目标驱动设计、“神奇的界面”、实用性、启示性以及学习性。

目标驱动设计

虽然交互设计师并不严格要求进行用户研究,但全面的用户研究结果是最佳导向设计必不可少的。在每一个设计学科领域,艺术家必须首先承认他们的缺陷, 然后设计一个解决方案。在交互设计中,用户本身往往制约着界面的发展。通常,用户使用网络的目的不同,他们可能是想在网上赚点零花钱。如果是这样,你的应 用程序就要把这件事情做好。将用户研究增加到这个方程式中,设定清晰的用户目标,以使形式和功能完美结合。

“神奇的界面”

为了方便起见,我将一系列交互设计的最佳实践浓缩到这个从Alan Cooper(About Face 3: the Essentials of Interaction Design一书的作者)借鉴来的术语中。Alan指出,理想状态下界面不应该在用户的脑海中出现—他们应该简单地“看”到界面作为底层系统的扩展。为 此,最佳交互设计并不存在:它们不会花很长时间来加载或回应;它们不会让用户去思考;他们不会给用户增加烦恼。就像Jason Fried,37 Signal的CEO说的:“少就是少。”只给用户他们需要的,然后走下一步。

实用性

实用性是指人们用一个工具来完成一个特定目标的难易程度。交互设计师必须考虑他们设计的界面的实用性。界面使底层系统易于被理解和使用。

启示性

剪刀的设计让不熟悉剪刀的人马上就明白哪里是手持的,哪里是剪切的。交互设计不是也应该是这样吗?最佳的工业、交互设计是不言自明的;就像那句老话讲的,形式服从功能。换句话说,链接就应该像是链接,按钮就应该像是按钮,搜索框就应该……你懂得。

这里的基本原则就叫启示性。启示性代表了参与者和他们周围环境之间的可能性行为。因为启示性充分表达了网站和服务的基本功能,所以对于设计师而言, 在设计中自始至终贯彻这个概念是至关重要的。Bill Scott 和Theresa Neil列举了一个类似概念(叫做“提供邀请”),作为他们的六个交互设计原则之一。

可学习性

大量用来组织用户界面的都是熟悉的组件。如果用户习惯按按钮提交表格,在这种情况下,他们就会去寻找按钮。这就是界面使用习惯或者模式其中的一个例 子。当面临相似的设计挑战时,优秀的交互设计师不会每一次都去重新发明一些东西。相反,他们会利用已有的设计模式。网上很多交互设计模式都记录在 Yahoo!的设计库中。

总而言之,如果手上的设计问题确实需要特殊处理,交互设计师应该花大力气让这个界面易于掌握,或者易于学习。这一点需要对当下的设计惯例、启示性及网络整体的实用性都非常熟悉。

交互设计师做什么

AW-work-desk

交互设计师在整个开发过程中扮演着关键角色。作为一个项目团队的一部分,他们通常会进行以下活动:

组织、宣传设计策略

尽管这里的界限是模糊的,但有一点是肯定的:一个交互设计师需要知道她/他为谁设计,以及他们的目标是什么。通常,这些由信息架构师和用户研究人员 提供。反过来,一个交互设计师将评估设计目标,展开设计策略。他们或单独工作,或与其他设计师合作。设计策略帮助团队成员在什么样的交互能帮助用户实现目 标方面达成共识。

确定和构建交互框架

当交互设计师有一个刺激他/她设计的好的想法时,他/她可以开始构思这个界面,如何用它来辅助必要的交互活动。在这里细节是魔鬼。有些专业人员会在 便签本或者是写字板上绘制这些互动设计;而另一些则选择用软件应用程序来帮助他们;有些人会选择团队合作,有些人则独立工作。这些都基于交互设计师本身以 及他们的工作流程。

交互雏形

根据不同项目,交互设计师下一个步会开始创建雏形。一个团队创建交互雏形的方式有很多,在这里就不一一详细描述。其中包括:xhtml/css雏形创建模式,纸面雏形创建模式,甚至protocasting。

随时关注

对于一个已入行的交互设计师而言,最大的挑战之一是这个行业的发展速度。每天,新的设计师给这个行业带来新的活力。因此,用户期待这些新的交互会出 现在你的网站上。聪明的交互设计师会经常性地在网络上搜索寻找新的交互模式,利用新技术(比如CSS3或者HTML5)来适应这种变化,然后推动媒体不断 向前发展。

 

原文来自:优设

译者特赞Tezign 

翻译/校对:何涧 黄迪

编辑:林文婷

您的赞赏,是对我创作的最大鼓励。

评论( 0

登录后参与评论
加载中