交互设计要学什么这个问题终于得到解决了-交互设计师的知识架构

如果你也是一枚刚入门的交互设计师,是不是常有这样一种感觉:不知从何下手,闷头读了一大堆书、学了一大堆软件、画了一大堆图之后还是感觉心里不踏实,总害怕自己还缺点什么,恨不得要有本《交互设计学习大纲》就好了。出现这个问题有两个原因,一是交互设计师没有可视性强的产物,交互设计师的产物一般是线框图、流程图、信息架构图、说明文档等等,但这些东西既不如视觉设计稿华丽精美,也不如程序代码高贵冷艳,在外行人看来初级交互设计师和高级交互设计师画的好像都差不多,轻易看不出你修炼到了几层功力;第二个原因是交互设计是跨学科的专业,需要学的太多太杂,今天这位大神说要学好PS,明天那位大神又说要学程序,后天又有大神说要学心理学,blablabla…信息量太大、太乱就会导致这种不知所措的局面。

今天,我制作了一份“交互设计师的知识架构图”,如下图所示,该图对交互设计师所需的知识储备进行了梳理,并按照交互设计的一般流程进行排列,从需求分析开始,到信息架构、流程设计,到原型设计,再到可用性测试。以这样的逻辑为大家介绍每一个环节涉及到的知识,化整为零,这样,童鞋们也就可以采取逐个击破的方法一步一个脚印学习交互设计,接下来我也会为大家推荐相应环节涉及到的文章或者书籍,等你全部掌握之后,相信就不会再有不踏实的感觉了。

 

  154210AZ-1

交互设计师的知识架构图

  好,开始为大家解读这张图。

  需求分析

一般来说,交互设计的第一个环节就是需求分析,需求分析主要指用户研究、场景剧本、角色创建以及需求提炼。

首先,用户研究的方法包括用户访谈、调查问卷、观察、焦点访谈等。

其次,创建人物角色和场景剧本将有利于设计团队始终围绕用户目标进行设计,保证你的设计以用户为中心,当然,人物角色和场景剧本不是凭空想象的,而是基于充分的用户研究提炼出来的。

以上两块知识在《About Face 3:交互设计精髓》这本书里都有详细的介绍,大家一定要把这本书看完看懂。

最后,需求提炼这块,我个人比较喜欢从“人、系统、环境”三个角度进行分析提炼,但是需要注意的是,这三个角度可以看成是一个公式,要学会灵活运用,针对不同的任务、对象,会用不同的名词,比如针对一个实物产品,这个公式就变成“人、物、场景”,针对一个任务则是“人、目标、场景”等等。需求提炼这块大家可以参考《产品学堂:万能的产品策划公式》,网上也有各种各样的需求分析的方法,只要精通掌握一种就够了,最重要的是要有自己的一套原则与流程,然后不断地拿自己总结的方法去实践。

  信息架构和流程设计

这一块需要掌握的知识有:流程图和信息架构图的绘制、心理学、逻辑学。

流程图和信息架构图都是为了表达交互设计的整体逻辑路径的工具,一张好的流程图或信息架构图对于团队沟通和开拓思维都是很有帮助的。网上有很多相关的学习资料,但网上的文章通常会不够系统、严谨,所以我再给大家推荐两本书:《高效沟通设计之道》、《交互设计指南》。

层次任务分析法是流程设计中的一个重要方法,简单来说,层次任务分析就是将一个任务进行结构化的分解,将用户完成任务的过程所需要的每一种情况和每一个动作进行细化整理。这样分析的好处是你可以进一步理解用户是如何使用产品、如何与产品和环境进行交互的,保证设计的逻辑严谨性,最终使你的交互流程更加高效和人性化。层次任务分析法可以从这篇文章里学习个大概:《层次任务分析》 不过我并不觉得这篇文章非常严谨详细,将来有机会我可能会用一篇文章来单独为大家介绍这个方法。

心理学和逻辑学可以说是交互设计师最重要的内功,看起来比较高大上,可能会无从下手,但千万不要逃避和盲目乱学,要进行系统的、循循渐进的学习。比如心理学你可以依次学习色彩心理学、设计心理学、认知心理学、行为心理学,交互设计师是以人为中心的,琢磨人的认知、记忆心理对于提高你的设计质量至关重要,推荐的书籍有唐纳德诺曼的《设计心理学》,埃森克的《认知心理学》,此外,同学们还可以看一下我之前的一篇文章:《交互设计与心理学》;逻辑学似乎就更加虚幻了,甚至会觉得这货就像智商一样无力回天,其实不是,一个人的逻辑思维是通过后天锻炼的,逻辑思维的提高可以参考知乎上大神的回答:知乎:如何提高逻辑思维能力?书籍的话,可以参考这里:提高逻辑思维能力,有哪些书或者资料可以推荐的么?

  原型设计

原型设计是交互设计师最主要的工作之一,也是交互设计师的最佳练兵场,因此,需要在这一块储备大量的知识,比如交互范式、设计原则、平台规范、排版和草图绘画。

交互范式指交互方式(参考下图)、交互元素(比如操作、窗口、控件、菜单、对话框)等。这些都是基本功,很多同学自信学有所成了,但面试的时候一问控件的种类和区别就胡乱回答一通,这是没有系统学习的后果。1542104V3-2

  设计原则,这里指的是交互设计原则。这个就多了,可以说数不胜数,而且每个人都有不同的版本,如果你是初学者,没有特别好的办法,推荐你先把《About Face 3:交互设计精髓》吃透,还是那句话,网上的知识是碎片化的,一味地看大神写的千把个字的文章容易消耗你的耐心、增加你的记忆负荷,而且到头来还是不够全面,所以先把权威的书籍吃透再说。

平台规范。从终端上看,平台分为PC、手机、平板电脑等,从系统上看又分为Windows,Mac,IOS,Windows Phone,Android等,每一个平台都有相应的设计规范,想做交互设计师就得先把他们掌握了,另外,这些规范通常都是英文,而中文的最新翻译一般都比较难找,并且网友的翻译有参差不齐的风险,所以亲们一定要学好英语,这点也很重要!

排版和草图绘画。受过专业的排版训练的交互设计师会有很大的优势,因为排版不仅需要一定的审美感觉,也需要扎实的视觉理论基础和逻辑思维甚至心理学理论,排版其实也是一种交互设计,是读者与作品在视觉上的交互。另外草图绘画是一个加分项,画的一手漂亮的草图会让团队沟通更加高效,不过,这里的草图不是素描草图,不是对某一个物品进行精雕细琢,而是简笔画。下图是著名交互设计师比尔·维普兰克画的,他对图形和手绘草图有一种惊人的表现能力,他可以在谈话的同时,随时用手绘的方法勾勒出草图来说明其观点。这是我在看《交互设计概论》时看到的,当时我简直被迷晕了,这技能太牛了!于是我也去学简笔画,不过学的断断续续,至今还是菜的一逼。

1542101D2-3

比尔·维普兰克画的草图

  可用性测试。这一块推荐大家先把《可用性工程》这本书看完,不过这本书可能由于翻译的原因,看起来会有一点吃力,大家可以先看网易UEDC的这篇文章了解一下:《简单快速的可用性测试》。

当然,理论终究是不够的,学习理论之后,要进行大量的实践来巩固,再总结出自己的一套流程与方法。

  视觉设计与程序设计

基础加分项,既是加分项,也是基本功。不是说必须学好视觉和代码,但多少会一点对你有很大的好处,比如有利于与团队的其他人员沟通,有利于选择更合理更现实的交互方案。我建议大家学一下PS、AI、Axure、PPT和AE等软件,有时间的话再学一学C语音/Java,HTML+CSS+Javascript.

  最后也是最重要的

这篇文章仅仅是在知识架构上给大家做一个整理和归纳,虽然也推荐了不少适合新手入门的书籍和文章给大家,但仅仅看这些书籍和文章肯定是不够的,还需要进行大量的实践和体验,交互设计不像学习一个软件可以短期大幅度提高,更需要的是长期积累,平时应该经常去看别人的优秀设计,去体验各种app,网站,平台,要积累大量的素材,要不断地总结经验,并且将经验运用于实战中。若这篇文章能为你提供一丁点的帮助,我也十分欣慰。

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/3253/

(0)
iouedioued
上一篇 2015-01-25 23:11
下一篇 2015-01-26

相关推荐

  • 【交互大讲堂】当交互设计遇到装置艺术

    之前我们讲到的交互设计都是偏重于传统交互,与艺术的互动性没有这么强,通过现在媒体和交互设计,交互装置的互动性也会越来越强。上图这个工作室是日本的一个叫Teamlab工作室,他们致力于新媒体的装置艺术的设计的第一个作品。当用户进入这个身边周围都是球的环境的时候,触碰那个球,球会发出不同的声音。小孩子对绘画都是十分感兴趣的,当孩子进入这个工作室,画上一副自己喜爱的画,用打印投影仪把这些画全部扫描,扫描之后,会形成3D影响投放到媒体上面,这就...

    2018-05-03
  • 浅谈设计中的逻辑

    逻辑(理则学),源自古典希腊语λόγος (logos),最初的意思是“词语”或“言语”,还引申出意思“思维”或“推理”。逻辑经常被认为对论证评价准则的研究,尽管逻辑的精确定义在哲学家之间尚有争议的事情。这个主题还是有所…

    2014-09-19
  • Axure RP 案例教程-入门篇

    本教程通过案例引导交互设计新手进行入门级学习,图文结合,简单易懂,全部免费下载,需要的亲们赶紧下载并动手练习吧,废话不多说,上干货:下载链接看过来~~~:AXURE_RP案例教程-入门篇下载下期教程,敬请期待...…

    交互设计 2014-11-06
  • 算法驱动设计趋势已来,产品设计如何与算法进行创新合作?

    译者:舒舟,阿里巴巴/1688事业部/无线交互   过去的一年,BBC UED团队(原1688UED团队)花费了巨大的资源和精力投入阿里巴巴集团中台DPL(Design Pattern Library)项目,旨在通过设计模式的提炼及抽象,由规则和…

    交互专题 2017-08-07
  • UED新刊 | 承——中国院方案组二十周年

    📌编辑| F.我觉得记录或者回忆方案组这件事……如果说有意义的话,它不应该仅仅是哥几个的一段往事,而是可能还带有某种其他的价值,可以为我们的同行展现中国建筑发展当中的一个小的片段。——崔    愷《城市·环境·设计》UED108期“承——中国院方案组二十周年”专辑现已发售更多互动福利详见文末扫描文末二维码即可购买新刊导读1997 年,当时还是建设部建筑设计研究院(下称建设部院)的中国建筑设计院(下称中国院),由时任总建筑师和副院长的崔愷...

    2018-02-07
  • 应用中的游戏化设计

    作者:_Ammy   游戏借着其互动性、反馈性、挑战性、快速成长性等特点,拥有着让玩家长期专注于其中的神奇力量。而若将游戏的这些特点引入到一般的产品设计上,也可能会产生意想不到的效果,这就是游戏化。游戏化的…

    交互专题 2017-08-07
  • 【交互设计】选择时间设计

    作者:Mufly 对于不少手机应用来说,都有一个选择时间的功能,那么从交互体验的角度来看,这个时间选择表格应该如何去设计比较理论呢?   时间选择,常见的一般分: 1、具体时间点选择,这种类型侧重于具体的…

    2015-09-07
  • 盘点 Smartisan OS 历代亮点, 罗永浩凭借用户体验翻身?

    #交互学堂#今天为大家盘点一下锤粉骄傲的资本,那些#Smartisan OS# 中具有启发性的系统层优化,从远到近从大到小,从 Smartisan OS v1.3 到 最新的 Smartisan OS 3.1,这算是一份锤子给智能手机操作系统的独特贡献…

    2016-11-01
  • 用AB测试改进用户体验设计,做出正确决策

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

    2018-02-24
  • 交互设计 | 张艺谋这样玩儿

    3 月 4 日,张艺谋导演的观念演出《对话·寓言 2047》在上海大剧院正式演出。在连演两场之后,他们将移师广州和杭州,共同组成《对话·寓言 2047》第二季的演出。尽管被称为第二季,但此次演出的内容与去年 6 月在国家大剧院上演的第一季大体相似。开场仍旧是 71 岁的蒙古族老人其布日一边编织着麻绳,一边唱着悠扬的蒙古长调。背景中,美国先锋艺术家 Daniel Wurtzel 利用空气动力学原理,让一块云纱在舞台上翩翩飞舞。在这个段落之...

    2018-03-06