『交互指南』即便你已经是一个交互设计师,这篇文章也值得一读,交互设计入门完全指南。

1417679217439824

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

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

一、什么是交互设计

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

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

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

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

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

二、哪些理念引领交互设计

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

2.1 目标驱动设计

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

2.2 “神奇的界面”

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

2.3 实用性

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

2.4 启示性

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

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

2.5 可学习性

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

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

1417679379398677

三、交互设计师做什么

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

3.1 组织、宣传设计策略

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

3.2 确定和构建交互框架

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

3.3 交互雏形

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

3.4 随时关注

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

四、知名交互设计师

Cennydd Bowles

致力于使网络变得更好,他在电子商务、政府和社区网络设计方面有数年的经验。作为一个Clearleft用户体验师,他非常努力地思考、记录和实践信息架构、交互设计和注重实用性,好像没有明天一样。Cennydd在他的博客中写了关于用户体验和交互设计的相关内容。

1417679636674183

Nathan Curtis

是EightShapes的创始人和主要负责人,EightShapes是一个位于华盛顿的用户体验咨询公司。Nathan从1996年开始从事包括用户体验在内的不同工作。他感兴趣的领域包括信息架构,交互设计,可用性研究和前端开发。他从2006年开始创建EightShapes,自此他帮助改善了华盛顿及全美国的客户的用户体验。

1417679433218824

Tim Van Damme

是一个24岁的界面设计师,他在比利时长大和工作。当他不再为他的公司Made by Elepant工作时,他会四处旅行或出席会议。Tim的个人博客在。

1417679463958113

Uday Gajendar

是一个交互设计师,在美国硅谷有近十年的工作经验。他的作品包括企业软件,消费类网站,和在Oracle,Adobe,Cisco,Netflix公司,以及像frog和Involution这样的机构的VOIP应用程序。他取得了密歇根大学的工业设计学位以及卡内基梅隆大学的交互设计学位。Uday在美学、领导力和策略方面不断拓展他的专业领域。他也在San Jose State University教授交互设计。Uday经常在他的博客Ghost in the Pixel中揣摩交互设计特殊的一面。

1417679498466526

Theresa Neil

是一个在德克萨斯州奥斯汀市的用户体验顾问。从2001年起,她领导设计了超过80个实时网络、桌面和移动应用程序。她最近的客户包括Zenoss, Innography, PayPal, Pervasive,和OneSpot。

1417679515260820

Bill Scott

是在加州Los Gatos的Netflix公司的用户界面设计主管。他把界面设计和设计手法结合在一起。Scott之前是Yahoo! Ajax的传播者以及Yahoo!图库的管理员。他对设计实用型产品技术上和创意上独到的见解为IT界写下了一段迷人的历史。欢迎关注BillScott的博客Looks Good Works Well。

1417679532971260

五、交互设计工具

交互设计师用一系列不同的工具来完成他们的工作。无论他们是在一张餐巾纸上画一个交互草图还是给客户介绍一个模拟雏形,他们的目的是相同的:通过交谈来沟通。最重要的是,交互设计师需要良好的沟通。以下列出一小部分用于帮助沟通的工具。请记住当网页界面最终创建好时,需要用诸如CSS、HTML、Flash等面向用户的(前端)技术来完成。

  • BALSAMIQ MOCKUPS是一个非常棒的Adobe Air应用程序,使构建交互变得非常容易。Balsamiq团队做得非常出色,为用户提供了大量实用的应用设计的交互设计模板。此外,用户可以很快地跟客户分享构建框架,建立起框架与更多方面间的联系。
  • Omnigraffle是一款适用于Mac OS X系统的出色的绘图软件。交互设计师可以利用像Omnigraffle这样的绘图软件创造出温和的美感。Omnigraffle加载了一系列值得称道的功能,包括:点击即可显示功能(例如,你可以展示一个模式如何运作),绘制bezier曲线等。
  • 尽管最早InDesign是一个页面布局的应用程序,主要是平面设计师在使用它,但它在交互设计中的实用性不容忽视,特别是它引入了EightShapes Unifyframework(见下文)。它是Adobe creativeSuite中的一员,InDesign可能是将工作流程简单化的一个理想工具,它使你的团队工作起来更加容易。
  • 最后但也是相当重要的,我们不要忘了永远忠诚的Moleskine笔记本。用铅笔和纸来绘制给架构过程增加了一点人文因素,这是其他软件工具所不能比拟的。再者,所有人都可以参与。即便是最差的设计师都能画“方框和箭头”。记得花钱买一些这样的笔记本,然后在跟客户第一次见面的时候带上他们,特别是当白板不是那么方便的时候。

5.1 相关资源

  • 用Balsamiq Mockups建立的Mockups To Go,是一个由用户提供,可以马上使用的交互设计组件和设计模式的合集。如果你发现自己在做一些现在已有的东西,你应该立刻去查看这个设计库;他们或许有和你的设计非常接近的模板。
  • OmniGraffle version 5.x.Konigi公司免费提供了一系列制作线框(低保真网页设计图)的图形。它包含了大多数你需要用来创建用户界面的基本元素。
  • Unify使你的用户体验设计更统一。简介如下:EightShapesUnify是一个模板、图库和其他组件的合集,它使用户体验设计师的设计更统一,有效和快速。这个系统使用了AdobeCreative Suite,最主要的一点,InDesign是其中至关重要的一个制作工具。
  • 总之,EightShapes尝试规范交互(和用户体验)设计师的工作流程。我还没有尝试使用这个系统,但它的信息非常全面,同时有教学视频,你可以马上开始自学。

5.2 把你的草图都放在一起,让所有人都参与进来。

  • IxEdit允许在网页里创建雏形。用这个加载在浏览器中的工具,可以将交互设计师创建的一些初级的xhtml/css/javascript的交互雏形可视化,从而加快设计的流程。IxEdit是一个被称为“基于JavaScript的网页交互设计工具。通过IxEdit,设计师可以进行DOM-scripting的实践操作而无需写代码来改变、增加、移动或者变换他们网页上的动态元素”。

六、交互设计协会

用他们的话来讲,IxDA提供了一个讨论交互设计以及帮助其他热衷于交互设计的人收集和增长学科知识的网络平台。

尽管AIGA(AmericanInstitute of Graphic Arts)最初为平面设计师而成立,该组织自身意识到,平面设计师更频繁地给新媒体设计组件,在交互设计中起着重要的作用。在美国各地都有当地的AIGA组织。在我熟悉的组织里他们主办过很多活动,如Photoshop Layer Tennis,或艺术展览等。AIGA很值得参加。

七、有关交互设计的书单

可以排好几个网页。在这里只列了其中最具代表性的5本。

  1. Designing WebInterfaces:Principles and Patterns for Rich Interactions
  2. The Principles of Beautiful Web Design
  3. Designing the Obvious:A Common Sense Approach to Web Application Design
  4. About Face 3: The Essentials of Interaction Design
  5. Sketching User Experiences:Getting the Design Right and the Right Design (InteractiveTechnologies)

来源:Davey8149的微博

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/3523/

(0)
Smiler李想Smiler李想
上一篇 2015-01-27 13:35
下一篇 2015-01-28

相关推荐

  • 【交互设计七大定律】关于交互设计法则“除非有更好的选择,否则就遵从标准——交互设计之父阿兰·库珀”

    作为交互设计之父的阿兰·库珀最为人熟知的或许就是这句“除非有更好的选择,否则就遵从标准”了,在交互设计领域有很多经过了时间的验证的法则定律被认作了标准,那么你都知道都有哪些吗? 1. Fitts’ Law / 菲茨定律…

    2015-01-27
  • UI设计实例:如何将功能性动画完美融入设计以提升用户体验

    来Nick大神关于功能性动画的一篇文章,翻译过来与大家分享一下。

    2017-05-10
  • 雪糕游戏(南京上海)聘:运营/商务/主策/主美/原画/程序等

    (点击上方“GameLook”↑↑↑↑↑↑,订阅微信)公司简介:南京雪糕网络科技有限公司(简称雪糕游戏)是一家集研发、运营、发行为一体的新锐游戏公司。自2015年成立至今,自主研发了《全民神仙》、《行侠仗义五千年》、《童话大乱斗》、《西游记口袋版》等产品;IOS联运了涵盖三国、武侠、魔幻、神话等题材产品,游戏多次在App Store上榜,凭借精准的IOS流量整合能力、优秀的产品运营能力,雪糕游戏IOS联运产品月收入稳定在千万级水平,也为...

    2018-04-08
  • VUI语音交互设计:三步打造任务导向型对话场景

    语音交互的主要能力在于开放式domain的聊天型功能与任务导向的技能型功能。如果说快捷高效、轻松自然是语音交互的独特优势,那么任务导向型功能就是这些优势的完美落点,一个量好的语音交互产品,自然是技多不压身,能够cover的domain多越好,能够get的技能越强大越好。那么,作为语音产品设计人员,如何以短平快的方式设计一个任务导向型对话场景呢?当然,和传统交互设计工作一样,前期调研是很有必要的。你想设计的这个功能是否能满足产品目标、是否...

    2018-02-15
  • 交互进阶:一套较完整的轻量竞品调研法

    本文作者将介绍自己常用的一套较完整的轻量竞品调研法,一共分为五个步骤。“这个地方怎么不借鉴X产品?”
    “那个地方你不要借鉴Y产品,我一点也不觉得好用!”
    “这个界面看起来根本不像这类产品的界面啊?”
    ……

    2017-05-02
  • 从用户体验设计的角度,学习服务设计的思考方式和闪光点

    初学服务设计,读了一本好书——《This is Service Design Thinking: Basics, Tools, Cases》(by Marc Stickdorn,Jakob Schneider),推荐并笔记。而本文基本描述了我对服务设计的初步理解,以及服务设计给我带来的在用户体验设计领域的灵感触发。“服务设计是有效的计划和组织一项服务中所涉及的人、基础设施、通信交流以及物料等相关因素,从而提高用户体验和服务质量的设计活动。…… 服务设计将人与其他诸如沟通、环境、行为、物料等相互融合,并将以人为本的理念贯穿于始终。…… 简单来说,服务设计是一种设计思维方式 ,为人与人一起创造与改善服务体验。…… 服务设计强调合作以使得共同创造成为可能,让服务变得更加有用,可用,高效,有效和被需要 ,是全新的、整体性强、多学科交融的综合领域。…… 服务设计的关键是“用户为先 + 追踪体验流程 + 涉及所有接触点 + 致力于打造完美的用户体验”。”——百度百科“When you have two coffee shops right next to each other, and each sells the exact same coffee at the exact same price, service design is what makes you walk into one and not the other.” – 31 volts service design, 2008“However, creativity is not so much a gift as a process of listening to the ideas “flowing” through one’s head and being prepared to articulate them.”

    2017-05-07
  • 跨终端体验设计,绕不开的用户槛儿

      随着平板电脑的普及,越来越多的手机端APP将自己的应用拓展到Pad端,来为用户提供更丰富的多终端体验。此前一些设计师从视觉设计的角度探讨了多终端产品的设计,作为一枚用研,除了视觉体验,我们会更多地去…

    2015-04-18
  • 2018 阿里UCAN设计论坛会议纪要

    阿里UCAN设计论坛会议纪要 1.开幕词—张建锋 阿里巴巴首席技术官 1.1 UED的关键词 用户体验背景下ued未来的两个关键词是创意与智能。从产品的角度来说是与用户的交互和视觉表达,依赖于三个部分: 第一,信息架构的…

    交互专题 2018-04-24
  • 双11期间,阿里巴巴UED的设计师都在做什么?

    双11 忍不住剁手的冲动?因为你所有的购物喜好,心理,行为和最终的选择,都被一个神秘组织认真研究过。今天我们拉开幕布,看看这个叫阿里巴巴UED的顶尖设计团队。在11月11日这个日子的前后一段时间,当你发现如下症状之一:当你被机场、地铁、公交站牌和网页里频繁出现的双11提醒,感觉重要的时刻就要来临;当你心跳加速,不管什么都先放到购物车里再说;当你最终等待在11号这天的凌晨用风一样的速度支付成功,并长吁一口气;当你认为一切都那么的简单、自然...

    2018-01-31
  • 交互设计思路:积分模块改版总结

    作者根据工作经验对积分模块改版进行了一些总结,与大家分享,希望可以从中收获点滴。

    2017-05-04