交互设计完全学习指南

交互设计起源于网站和平面设计,但已成长为单独的一个领域。工作内容不仅仅有文本和图片,交互设计现在负责创造屏幕上用户可能会划动、点击、按压或输入的每一个元素,简而言之,就是体验的互动。这篇文章为对交互设计感兴趣的人提供了几个好的点可以开始行动。为了这个目的,我们简要的介绍了交互设计的历史、指导原则、值得注意的贡献者和与这个极具吸引力的学科相关的工具。即使你已经是一个交互设计师,阅读下这篇文章然后在下方评论区分享你的想法吧!目录什么是交互设...

交互设计起源于网站和平面设计,但已成长为单独的一个领域。工作内容不仅仅有文本和图片,交互设计现在负责创造屏幕上用户可能会划动、点击、按压或输入的每一个元素,简而言之,就是体验的互动。

这篇文章为对交互设计感兴趣的人提供了几个好的点可以开始行动。为了这个目的,我们简要的介绍了交互设计的历史、指导原则、值得注意的贡献者和与这个极具吸引力的学科相关的工具。即使你已经是一个交互设计师,阅读下这篇文章然后在下方评论区分享你的想法吧!


目录

  • 什么是交互设计?

  • 共有的方法论

  • 每日任务

  • 可追随者

  • 流行的工具

  • 协会

  • 交互设计书籍


什么是交互设计?

交互设计是定义结构或行为的交互系统。交互设计师致力于创造人所使用的产品以及服务间更加有意义的关系,涉及从电脑到手持设备再到家电及其他。我们的职业是随着世界的发展而发展的。

交互设计始于第一块被设计用于存储更多的静态信息。从一个按钮到一个链接再到一个表格都是交互设计的一部分。过去的几十年间,有无数解释交互设计的书籍出现,发现交互设计在好多方面与体验设计有交叉和重叠。

交互设计已经演变成促进人和所处环境间的交互行为。不同于用户体验设计把所有用户将会面对的方方面面视为一个系统,交互设计只涉及用户和屏幕间的特定交互行为。当然,在实践中从没有如此快速的描述。


通用方法

尽管交互设计横跨无数类型的的网站、手机应用和场所,还是有确定的方法提供给设计师以参考。我们将会探索如下通用方法中的一部分:目标驱动设计、可用性、五个维度、认知心理学和人机界面指南。


目标驱动设计

目标驱动设计普及于Alan Cooper在1999年出版的书《 The Inmates Are Running the Asylum: Why High-Tech Products Drive Us Crazy and How to Restore the Sanity》。Alan定义目标驱动设计在于解决问题的优先级。换句话说就是,目标驱动设计聚焦于满足最终用户的特殊需求,不同于旧的设计方法聚焦在科技领域需要的能力。

今天,Alan提出的一些要点似乎很明显,设计师很少选择交互设计仅仅是基于发展的限制。然而,本质上,交互设计的方法完全是关于如何满足最终用户的需求,这在今天正是必要的。

据Alan所说,目标驱动设计的过程包含5个过程。

目标驱动设计5原则:

1.先设计,再编程。

2.区分设计和编程的责任。

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

4.为你的产品定义一个典型用户。

5.两人一组合作。

1.先设计,再编程。换句话说,目标驱动设计始于考虑如何与用户交互(以及事情看起来怎么样),而不是始于对科技的考虑。

2.区分设计和编程的责任。这条指出了交互设计师的重要性,他可以捍卫最终用户,而不用担心科技的限制。一个设计师应该去信任他的开发者可以解决技术方面的问题;事实上Alan Cooper建议如果不这样做的话会使设计师陷入利益冲突。

3.让设计师为产品质量和用户满意度负责。尽管股东和客户都有他们各自的目标,但交互设计师却对屏幕另一端的人负有责任。

4.为你的产品定义一个典型用户。这个特别的想法已经发展成和用户调查普遍相关的方面:角色。Alan提示我们将角色和产品联系到一起,并不断反问:这个人会在哪里使用产品?他或她是谁?他或她想要完成什么目标?

5.两人一组合作。最后,交互设计师永远不该单独工作。Alan称能够与他人合作的“设计交流者”是关键。尽管Alan在1999年想象的设计交流者是一个典型的文案人员,需要为产品提供市场文案资料,如今这个概念已经扩大到包括一个项目经理、一个内容策划、一个信息架构和其他人员。


可用性

可用性可能感觉像一个模糊的术语,但它的关键是设计师仅仅要问“用户能轻松地使用这个产品吗?”这个概念已经在书籍和无数在线的方式解释过,我们将会回顾一些不同的定义去揭开一些共同的主题和细微差别。

在Alan Dix的《人机交互》这本书中,可用性被分解为3个原则:

1.易学性:一个新用户是否能轻易地学习如何使用界面?

2.灵活性:一个用户在与系统交互时有几种方式?

3.稳定性:当用户面对错误时我们能提供多友好的解决方案?

同时,Nielsen和Schneiderman解释可用性是由5个原则组成:

1.易学性:一个新用户是否能轻易地学习如何使用界面?

2.效率:用户执行任务需要多长时间?

3.可记忆性:如果一个用户有一段时间没有访问系统,他们是否能记住界面/

4.错误:用户会造成多少错误?他们又能否迅速从错误中恢复?

5.满意度:用户是否喜欢使用软件界面?他们是否对结果满意?

最后,国际标准(ISO 9241)把这个词分解成5条原则.

1.易学性:一个新用户是否能轻易地学习如何使用界面?

2.可理解性:用户是否能很好的理解他们正在看的东西?

3.可操作性:用户在界面内有多少控制权?

4.吸引力:界面在视觉上有多大吸引力?

5.遵守可用性:界面是否符合标准?

显然,对于什么是“可用的”界面有共同的主题组成。不管设计师遵守什么样的可用性原则,对于任何界面都是重要的考虑因素。


五个维度

在Bill Moggridge的《设计交互》一书中,作为研究交互设计的学者Gillian Crampton Smith介绍了“交互设计语言”的四个维度的概念。换句话说,这些维度构成了交互设计,作为结果它们构成了用户和屏幕之间的交流。这四个初始维度是:单词,视觉呈现,物理对象或空间,时间。最近以来,IDEXX实验室的资深交互设计师Kevin Silver加入了第五个维度:表现。

一维:单词应该容易理解,并且应该以一种很容易将信息传递给最终用户的方式书写。

二维:视觉呈现包括所有的图形或图像,基本上任何事物都不是文本。他们应该被适度应用,以免被淹没。

三维:物理对象或空间指物理硬件,无论是一个鼠标或键盘,亦或是一个用户与之交互的移动设备。

四维:时间是指用户与前三个维度交互作用的长度。包含用户测量进展的方式,以及声音和动画。

五维:表现被Kevin Silver在文章“设计在交互设计中的作用“提出。它是用户与系统交互时的情感和反应。

运用这五个维度,一个交互设计师可以关注用户与系统交流和连接时的体验过程。


认知心理学

人是心理学是学习思维如何工作的以及心理过程是如何发生的。根据美国心理学会研究,这个过程包含“注意力,语言使用,记忆力,观察力,问题解决能力,创造力和思考。“

尽管心理学是一个无限宽广的领域,认知心理学仍然有一些极其有价值的关键元素,事实上它们可能会对交互设计领域有所帮助。Don Norman在他的《设计心理学》一书中就多次提到。下面是一些内容。

心智模型是一个用户头脑中的形象,预示他们对一个确定的交互行为或系统的期待。通过研究用户的心智模型,交互设计师可以创造更加依靠直觉的系统。

界面隐喻是指利用已知的动作来引导用户进行新的操作。例如,大部分电脑上的垃圾桶图标类似于一个物理的垃圾桶,以提醒用户预期的动作。

可见性是指一些不仅被设计用来做某些事的东西,但它们却被设计的看似可以做一些事。例如一个按钮看起来像一个可以按动的物体,这个可见性设计就是为了让一些不熟悉按钮的人仍然能够知道如何与之交互。


人机界面指南

这部分有些用词不当;事实上没有一套人机界面指南。然而,在创造人机界面指南这个想法的背后有它自己的方法论。指导方针已经已经被大部分主要的科技设计公司创造出来了,包括苹果和安卓,Java和Windows。他们都有一个共同的目标:提醒未来的设计师和开发者们,这些建议和意见将会帮助他们创造普遍直观的界面和程序。


每日任务和可交付物

一个交互设计师在整个开发过程中扮演重要的角色。他或她的一系列活动是团队项目的关键。这些通常包括形成设计策略,关键交互线框图和原型交互。


设计策略

尽管界限模糊,有一点是确定的:一个交互设计师需要知道他在为谁设计以及用户的目标是什么。通常,这会由用户调查人员提供。相应地,交互设计师会评估目标并开发设计策略,或独自或在团队中其他设计师的帮助下完成。一个设计策略会帮助团队成员有一个共识,即对于什么样的交互行为可以实现用户目标。


关键交互线框图

交互设计师在有了可以激励设计的想法后,就可以勾画一些必要的交互界面。The devil here lies in the details: 一些专家会在平板或干式抹灰板上勾画这些交互,其他人会在使用应用程序的过程中去帮助他们,另外一些人会去组合这些内容。一些专家会合作地创造这些界面,而其他人则是独自创作。这完全取决于交互设计师和他独特的工作流程。


原型

根据项目的不同,交互设计师对于下一个逻辑步骤会涉及原型的创建。一个团队会有很多方式去绘制交互原型,我们不必掩饰广泛的细节,例如html/css原型或是纸面原型。


与时俱进

成为一个交互设计师最困难的部分就是行业的飞速发展。每天,年轻设计师都在朝着不同方向迈进。结果,用户会期待这些新兴的交互方式能够出现在你的网站上。一些谨慎的交互设计师回应这种变革的方式是通过持续探索网络上新的交互和利用新科技的优势——永远记住正确的交互方式和科技就是能最好满足用户需求的方式,不只是最新的或最激动人心的。交互设计师也会与时俱进地跟随一些Twitter上的思想领袖(像下面一些著名的设计师),推动媒体向前发展。


书籍

与交互设计有关的书籍列表可以跨越很多页面。在这里,我们把名单缩小为基本标志性的书。如果你确实渴望扩大你的图书馆,那么可以查看我们为你推荐的用户体验书籍。

《交互设计指南:创造新的应用和设备(第2版)》

Dan Saffer审视了我们周围的世界和我们每天体验的交互行为。他的书打开了设计世界的大门,并且以一种易于理解的方式展现。《交互设计指南》是一本充满案例的书,同时也是一本讲授如何创造可用的产品和设计策略的书。

《为数字时代设计:如何创造以人为中心的产品和服务》

在《为数字时代设计》一书中,Kim Goodwin大吃一惊:我们的文化需要去接受那些被技术约束和挑战的越来越复杂的产品和服务。不论多不可思议的功能仍是可能的,我们不能忽视数字领域带给用户的可能性。Goodwin揭示了设计师面对的好处和挑战,并在不混乱的前提下提供过程和活动以提供更好的体验。

《交互设计》

过去几年中,交互设计《交互设计》一书因为昵称“带鸟的书”已经被人们熟知。但它的流行是因为一个杰出的理由:JeniferTidwell解释最好的练习,提供丰富的案例,留给读者足够的方法和指导去激发未来的设计。

《交互设计:人机交互的背后》

在该书的第三版,Rogers的书提供了在伦理和科技方面我们该如何设计。每一章节都提供了一个基础,对于理解“如何去设计交互产品可以加强并提高人们交流的方式、互动和工作“。这本书包含研究的案例、问题和对未来趋势的洞察力。

《设计一切》

《设计一切》这本书很经典。这本书使设计由“可有可无“变的必须。在书中,Don Norman解释了可用性的价值,直觉的设计已经在我们生活的方方面面。他概述了一系列可遵循的规则,目的是创造简单、可用的产品和轻松的体验。

《不要让我思考》

一本简短但精悍的书,《不要让我思考》还是一本有趣同时能增长见闻的书。在书中,Steve Krug指出交互设计的基本原则是由用户证明。Krug作为可用性顾问的经历给他提供了大量真实的案例和具体问题的解决方法,这些都是交互设计师会遇到的。

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36874/

(0)
交互精选交互精选
上一篇 2018-05-06
下一篇 2018-05-06

相关推荐

  • 交互设计——绘制流程图

    在上一篇文章中了解如何寻找接触点、梳理接触点,在这篇文章中主要就是如何来绘制流程图。现在普遍对流程图的分类有四种:业务流程图、页面流程图、功能流程图、程序流程图。在这主要通过现有的APP分析来进行区分不同流程图以及如何交互设计师或者产品经理选择应该使的流程图。何为流程图在上文中讲到了流程,流程是事物进行中的次序或顺序的布置和安排。流程是自然而然就存在的,它可以不规范,可以不固定,可以充满问题。而流程图的核心就在于如何排布事物进行的次序,...

    2018-05-06
  • 关于用户体验

    产品不被喜欢的原因是漏了什么?答案是用户体验。如果你是一个产品经理,是否有深刻思考过这个问题呢?有人会说思考过,但似乎没什么用,产品还是不被喜欢。那是用户体验不重要,还是我们思考的不够呢?答案是后者。首先我们提出本篇要解决的核心问题:如何让产品被喜欢?(说明一下,这个产品可以是某种实物性的产品,也可以是一种服务性的产品。)这个问题提出后,很多人的脑海中会蹦出质量好、外观精致、用的舒服、服务周到等,但想到这些的人,一定还会有一个感受,就是...

    2018-04-09
  • UED中国最美民宿大奖十强榜单揭晓

    你的内心是否有一种渴望,在纷杂忙乱的都市生活之后,去放松身心,亲近自然?你会向往自由的空气与水,向往与有趣的人们相遇,你会需要一个有温度的空间,让你做回真正的自己。从山间居所到林中小屋,从海边美宿到都市一隅,最美民宿,它们的美只为打动你。它们或许承载着美丽的风景,或许被美好的人们所赋予的生活填满,又或者发生着许多奇妙的故事;它们也许出自专业的设计师之手,又或许是来自对生活有理想的人们坚韧而温柔的初心;它们在江南、在大理、在北京........

    2018-02-01
  • UED 招聘,多个职位给你更多选择!

    14载,我们初心不变,依然要做行业最有力的的发声者。从一张纸到一串电波,媒介在变,我们的眼光始终如一大家都在说AI是未来,然而在这里,我们依然需要你无可代替的头脑。WE ARE HIRING这次招聘我们为什么要做这次公开招聘?信息爆炸,百家争鸣,越是瞬息万变,媒体的价值愈发凸显。我们不会随便说满意,而是希望在诸多嘈杂的背景声中,发出属于新时代建筑媒体人独到的观点,让关于建筑的解读,走进公众的视野;我们希望以全新的面貌去呈现UED对于中国...

    2018-03-05
  • 交互设计之寻求设计需求点

    交互设计师如何进行设计需求分析?首先看交互设计的职责,协助产品经理进行需求分析,进行交互稿绘制,与视觉设计师对接。交互设计必须懂得进行需求的分析,不仅仅是用户需求,还有业务需求的分析,也就是来自产品的诉求,企业做这个产品的目的是什么。因此一个方案如果不能满足业务需求、用户需求和一个好的用户体验,那么它就不是一个好的方案。在这篇文章主要介绍的是如何进行需求分析和关键因素分析,找到设计的需求点。在这里主要分为了四个步骤:分析业务需求、分析用...

    2018-04-30
  • 如何量化用户体验并有效执行

    很多人都把用户体验看作是网站或应用成功与否的一个总体衡量标准。分析一个网站或应用在提供好的用户体验方面的效果如何,往往会变成一项很主观的事情,仅停留在观点层面,缺乏客观依据。本文描述了为何量化用户体验这么难,并提供了一个量化用户体验方法,对于网站和应用的过去开发所作努力的快速、客

    微信热点 2018-03-22
  • 用AB测试改进用户体验设计,做出正确决策

    本文转译自TubikStudio,全文有删减。设计师们每天都在面对一些难以抉择的情况。面对这样的问题,有经验的团队会对两者进行测试,来确定哪种方案最好,其中一种流行的方法是AB测试。AB测试将用户分成两组,每组都显示不同的版本,一半看到A版本,另一半看到B版本。AB两个选项的差异根据产品经理来决定,可以是颜色差异,也可以是位置差异等。两个版本的有效性可以用浏览量、点击次数或其他数据来衡量。对于设计师来说,这是分析目标受众群体行为模式和特...

    2018-02-24
  • 碉堡了-微信团队出品-Sketch插件合集Wesketch

    静电说:微信团队刚刚出品了一款针对Sketch的插件合集-Wesketch,让我们一探究竟吧。WeSketch能做什么?更高效的团队协作,如:UI Kit 同步、色板同步等。更快捷的交互设计,如:图标库、自动连线、标记注释、全局替换文字、字体、颜色。更精准的前端还原,如:补齐宽高导出图片、导出 CSS 代码(支持小程序)等。如何下载和安装?访问Github地址:https://github.com/weixin/WeSketch/blo...

    2018-03-02
  • 从会计到交互设计,她用社会热点打动皇家艺术学院招生官!

    本科学的是会计研究生申请的却是交互设计零基础、跨专业却能在短短一年时间拿到5所顶尖艺术院校的offerQS世界艺术类大学排名第一的皇艺和享誉世界的英国伦艺都向她抛出了橄榄枝从西单骑摩拜到望京全程3个多小时收集了20多个单车乱堆积地点采访了数十位大爷和小朋友回家腿痛了整整一周只为做一个项目的调研成长的路上总是布满荆棘但坚持就是胜利杜娜/研究生/交互设计皇家艺术学院预科伦敦传媒学院格拉斯哥艺术学院金斯顿大学谢菲尔德哈勒姆大学杜娜offer(...

    2018-04-25
  • 不以用户体验为目标的人工智能都是耍流氓

    上周末,老刘在家整理了一下旧物,忽然发现了这个。估计现在很多人都会觉得这简直是土到爆了,但在当年那可是先进到不行。听歌、拍照、玩游戏、上QQ,绝对是功能最强大的手机,每当老刘拿出来,那内心简直不要太骄傲。曾经把诺基亚这款手机当成宝贝的老刘,绝对没有想到,短短几年后,那些曾值得炫耀的功能,会变得不值一提。看看现在的手机,拍照都是自带PS的,玩游戏都是屏幕上直接操作的,买东西手机是可以直接付钱的,出门迷路了是可以直接导航的。老刘不禁感叹,科...

    2018-02-01