交互设计师修炼指南!教你从零开始成为优秀交互设计师

Interaction-3

本文全系列满满干货,是从众多交互设计前辈们分享的宝贵经验里挑选出的最实用的方法,不仅能让你彻底了解交互设计,还能帮有志在这个领域发展,却苦于没有老师的童鞋,从零开始学习成为一名优秀的交互设计师。

在校大学生、想转行的设计师还能在这儿得到前辈的实用建议,想进阶的交互也有职场系列经验分享,文末还有超赞的资源奉献,干货量大,推荐童鞋们收藏 :)

u82672385_1339ad40f04g215

一、什么是交互?

超星网产品总监@张淼程 :交互这个说法来自于国外,交互的名词形式是interaction,形容词是interactive,交互设计的英文则是 Interaction Design。

问题是到底什么是交互?这里不给任何学院派高深的解释。

在我看来”交互”其实很简单。

“你来我往”谓之”交互”;这里的”你来”指的是”输入(input)”,”我往”是”反馈(feedback)或输出(output)”。

如果只有”你来”没有”我往”就不能称之为交互。

你点一下鼠标,电脑屏幕马上告诉你”你二姑的菜就被你偷了2棵”——”点鼠标”是”你来”,电脑的那个提示是电脑给你回馈的”我往”。
这就是最简单的一个交互。

交互可能存在于人与人之间,也可能存在于人于物之间。

对于交互设计师来说,这个物可以是电脑,或者手机,MP3播放器……一切需要你work on的产品。

Interaction-2

2,交互设计师的一天是怎么度过的?

@可风f 检查了一下我的谷歌日历,才发现一天做的事情竟然这么杂,概括起来的话可以又这些吧:

一,计划整理:

1,刚到公司第一件事就是整理一下昨天的事情,哪些完成了哪些没完成,接下来要怎么跟进的;

2,检查邮件,制定计划表,今天可能会来什么需求,什么会议,什么问题,提前做好准备;

3,看看发出去的东西是否收到反馈,检查一下项目进度表哪些可以去对效果了,加入计划表;

4,约人,包括有PM要来提需求,以及约别人确认方案,都提前在QQ上说好,然后预定好会议室之类的;
大概早上要花半个小时都干这些吧!

Interaction-1

二,对需求:

就是产品经理来提需求,然后和他们对一遍,目标当然是能够正确的理解并整理好这些需求,方便开展接下来的交互设计;

在对之前通常会大概了解一下相关方面的知识,看看竞品,准备好材料。

对需求的时候,必须要搞明白的三个问题:

  • 1)为什么要做这个?(目标)
  • 2)这个需求针对的用户群是什么?(用户)
  • 3)什么场景下会使用到这个功能?(场景)

当然是和PM一起想这些问题,PM品可能有的只能回答到第一条。还有对需求的时候聚焦的核心是产品目标,其他不相关的比如PM说想做个转场动画,想分3步完成这种话都我一般都会主动过滤掉,这个应该自己交互自己独立思考的,不能受PM的干扰。

三,思考交互方案:

其实对需求的时候往往大脑中就已经有相应的方案了,但是要把方案细化,每一个步骤的走过去又会发现很多问题,然后一个问题又引出很多不确定的点。所以这之间还会有很多参考,沟通,反复的环节,需要画花时间还挺多的,但最终想法清晰的落地时候只不过是画一个线框草图分分钟的事情。

四,跟进:

1,设计方案出来之后找PM确定,征询视觉和开发的建议。方案确定下来之后还要写一个很好地交互文档给领导,产品,设计,开发等人一个个讲明白,确保他们都懂了;

2,上次设计的部分开发接近完成,要去和开发对一下效果,看看实现的如何,是否有偏差。在开发阶段发现一些以前没有想到的问题要酌情给出解决方案;

3,产品上线后的反馈如何?用户反响怎么样,喜欢还是骂?骂的都是哪些内容?根据数据反馈,设计的流程转化率如何,点击量高吗?问题都是出在哪里等;

其实最怕的就是看反馈,总担心自己当时天花乱坠给产品经理们的保证实际上上线了效果完全不一样,好打击权威性啊%>_<%~

五,参加各种会议:

参加产品经理们的例会,参加视觉设计师的例会,还有自己的会议,各种分享会交流会等。其实有些人觉得无聊,但我都超认真的,尤其是产品经理的会议,可以发现很多产品们的问题,接下来的产品战略还有产品目标,方便前置的准备自己的工作。而且还可以学到很多他们的沟通和思考方法,方便到时候的PK!

六,充电:

1,看各种设计,一般是看花瓣,Dribbble – Popular,或者自己下载一些应用把玩一下;

2,看各种文章,也就是网站到处转载的那些CDC,MUX的文章。不过现在觉得看多了大部分也就那样,很少看到一些新颖的思想或方法,所以更加关注一些跨界的设计或生活中的书;

3,刷知乎,微博,朋友圈,你们懂的~

七:其他时间:

大部分都在想如何能让自己做的更好一些!

Interaction-4

二、交互设计师修炼指南

本文作者爱奇艺无线UED负责人@爱奇艺_晓生,原文刊发在作者博客 daichuanqing

1,交互设计师需要怎样的知识体系?

go

看过各种分析,交互设计师需要具备什么样的能力 ,但个人始终专注于探索如何提高专业能力,一是兴趣所在,二是学习知识能得到成就感。写博客可以督促学习,动机非常单纯,没有关注过什么个人品牌和增加名气,博客也不能成为评价设计师的标准,作品才是评价设计师的唯一标准。学习和提高个人工作能力都是以做出优秀作品为目标。

设计师各个阶段需要学习不同难度的知识和做不同的事情,正如我将学习资料划为三个梯度,希望设计师能由浅到深的学习。一开始没有项目经验,缺乏基础知识,不宜硬啃高难度的资料。

基础篇

适合刚入行并开始接触项目的设计师学习 :

1.设计的美学知识。

2.交互设计的基本原则,如一致性、减少输入和减少操作步骤等等,这些原则容易理解,通过学习案例和阅读通俗易懂的书籍迅速地掌握。此阶段适合泛读《交互设计精髓》等书籍,不宜精读,没有项目经验的话,读完之后不知所云。

3.平台特性及其设计规范,通过阅读平台的设计规范对设计思维的形成非常有帮助,特别是Microsoft和Apple的文档。

4.做交互设计方案的方法,如绘制流程图、原型图和撰写交互设计规范文档,难度不大,只是需要多次的练习。但这种文档很少会对外分享,学生很难学习到这部分内容,这会影响到他们表达自己的设计想法。

进阶篇

适合有3个月以上项目经验的设计师学习:

1.特定控件设计,如标签栏、标签栏、列表界面和弹窗口等,汇总已有设计的优缺点和设计规律。

2.特定界面设计,界面中如何呈现特定的信息,如应用程序首页、个人资料或者数据流界面。

3.独立常用功能设计,如注册登录、刷新和功能引导,需要了解功能背后的技术知识和产品策略,需要绘制流程图,组织线性的操作流。你需要调研已有产品,并试图区分它们的优缺点。与技术人员沟通是学习技术的有效途径,你可以有意为难产品经理,让他们讲解各种产品策略,掌握更多的信息对于做出正确的设计决策和扩展眼界非常有帮助。

中阶篇

适合具有一个以上完整项目经验的设计师学习:

1.多项功能设计,一个界面融合单独的功能,需要应用到设计方法和架构的思路。设计方法是挖掘用户需求和推动设计优先级的情景故事法、卡片分类、人物角色、访谈和问卷等。这些方法的学习不是必须的,你可能工作两年从来没有使用过它们,但也设计出了不错的产品。这些方法可以作为了解性知识,当有需要时再深入学习,方法只能帮助设计师发现问题和避免问题,但不能对结果起到决定性作用。

2.方法和已有的设计风格研究,以总结为主,最好能应用到自己的设计当中去,千言万语不如动手实践。

3.竞品和优秀产品分析。这件事情看起来很普通,如果没有相关的设计知识和分析能力,只能生搬硬套大概念,无法综合多种因素分析,压根找不到切入点。

4.最新的系统和产品分析。之前的学习都知识的深向发展,但是这一条需要设计师具备较为广阔的知识面,不仅仅限于自己参与过的产品。如果每两周专注研究一个方向,你将比八成的人更熟悉。

通过不定期下载多种同类应用程序,查阅资料,已经研究过输入法、LBS、个性推荐、语音输入和阅读类等产品,虽然从来没有参与过这些项目,但从中可以加深对设计的理解,做好知识积累。

5.掌控技术。设计师需要对技术有掌控能力,就像工业设计师掌握各种材料的特性才能游刃有余,这也是尝试弥补自身不足。web端交互设计师要求会写html和 css,一是便于设计,二是锻炼逻辑思维能力,而手机交互设计师对技术普遍缺乏了解。早期交互设计师是从程序员中分离出来的职位,用来弥补程序设计的不足。所以我更喜欢听技术讲座。

纯粹的技术路线比较难,如果你对社交、搜索和电子商务等领域有深入的理解,这可以增加个人在职场的不可替代性。

高阶篇

个人还在探索,还是以能做出好产品为目标,主要方向是:

1.产品架构,web端已有架构的理念,手机端也会面临这个问题。

2.设计趋势研究,比如操作方式,做预测是最难的。

3.产品发展趋势,如未来LBS产品在手机端如何设计 ,如何为用户的生活带来便利,这需要设计师具备预见能力和判断力。

……

注意事项

学习中需要注意以下几点:

1.学习宜由浅入深,知识需深入浅出,早期可以挑一 些简单的产品研究,如阅读类产品,先形成适合自己的学习方法。题目不宜太难,有位学弟想研究手机支付,资料很少,无从下手,会打击到自信心。

2.工作太忙,也要抽空学习,这影响到长期发展。挑选工作时,尽量加入学习型团队。每家公司都会对你许诺发展空间,甚至是期权,你完全可以忽略。

3.给自己找个好老师,如果你的运气足够好的话。

4.少扯淡,这种忽悠外行人的伎俩对你没有好处,纯粹是浪费时间。

5.理论不是必须的,不要看到别人写博客有心理压力,貌似自己不这么做无法体现自己的专业能力。如果你能动手设计出优秀的产品,理论完全可以忽略,实践甚于理论。

6.不要迷信相信理论和从这博客中看到的,保持独立思考。设计团队中最可贵的人才是经常提出自己不同见解的,合理地质疑设计方案。

7.不要瞎编造和固执,当你试图以某种理论设计产品或者说服他人时,确保自己能举三个以上的案例。

 

三、在校大学生篇

腾讯ISUX交互设计师@王阅微 :现在这一代的交互设计师,除了留学回来,或者西安交大等几所国内大学科班出身的,基本都是从各种其他专业转过来的,从相关设计专业转过来的,也寥寥可数。

基本上每个人都有自己成长的不同路径,不同方法,找到属于自己的那条路是最重要的。

专业上的提升,其实我觉得不是问题,只写写我觉得对于“非设计专业”的同学进入“设计”领域可能比较重要的几点。

1. 理解什么是设计

非常多的人入行后会关注”交互设计”前面的”交互”,却容易忽略后面的”设计”。

但只有理解什么是”设计”,才能更好地理解什么是”交互设计”。

  • 阅读《现代设计史》、《什么是产品设计》这类书能帮助你理解设计;
  • 至少你得看看《关键设计报告》,看看那些著名的交互设计是怎么设计出来的;
  • 空闲时阅读一下《设计中的设计》之类设计思考的书;
  • 经常想想,自己每天究竟是在做什么。

2. 学习关注人,而非仅仅是产品

我在工作了很久之后才反思到这点(就是因为对设计的理解不深)。

设计原本就是为人服务的,而交互设计尤其强调”交互”的过程。要学习不只关注产品,还要关注人。

  • 不要只盯着产品,留意观察周围到人是怎么使用产品,他们的行为是怎样的;
  • 学习心理学,反思自己的体验,了解体验是如何发生的;
  • 你可以不懂用户研究的所有事情和知识,但一定要有所了解,至少不要误用他们的报告。

3. 提升自己的品位,对美的感受力

品位有多重要?看看Jobs和Gates的差别就知道了。 不要忽略设计专业出身的人的优势:对美的鉴别和感受能力, 这会影响一个人的品位。

许多 非设计专业的人因为接触相对较少,也没有经过系统的训练,在感受力和鉴别力方面会显得比较弱。表现在设计中就是缺乏美感。

  • 大量的去看、去接触、去感受那些美好的东西。不只产品,所有艺术相关的事物都应该接触;
  • 看展览是非常好的事情,能和一个设计专业的朋友一起去就更好了;
  • 有兴趣的话,可以学习摄影。

有人可能不理解”交互设计师”为什么也需要。我想说,只要是设计师,就必须拥有好的品位。

4. 多读书,完整地读书

很多人觉得读书没有用,非常理论,无法实际运用……对于新人来说的确是这样的。
但是,非科班出身的人面对的一个非常大的挑战,就是缺乏完整的知识和思维体系。
所以,读书不仅仅是为了关注具体的理论或内容,更重要是去感受和了解作者的体系是怎么样的。

  • 多读书,了解不同的设计思维体系,建立自己的思维体系;
  • 类似《Don’t Make Me Think》,你也会发现它是按照Web开发过程来写的:认知心理-设计原则-内容-导航-细节-用户测试-开发
  • 作为设计师, 其实是应该读更多不同专业的书的….

5. 尽可能地扩展知识面

An architect knows something about everything. An engineer knows everything about one thing.
——《101 Things I Learned in Architecture School》

尤其是在互联网产品设计流程中,现在的交互设计师扮演了一个承上启下的关键角色。

  • 了解和你工作流程相关的所有事情,无论多远;
  • 了解你的同事们是怎么工作的,不只是事情本身,还有人;
  • 接触在不同设计领域工作的人。

 

四、平面转行篇

IDEO设计师@chazeffect :平面设计的理念这个词有点广。让我啰嗦点解析一下思路,然后试者回答如何进行”转换”理念…怕听来有点理论,所以加上一些例子来比较。

逻辑上来说…

  • 首先,平面设计的理念可以有不同层级:观点、视觉沟通:布局(Layout)、表现手法等。
  • 细节、美工等设计元素应是这个以观察或阅读为主的沟通体验的重要接触点。有点类似人机界面里的具体元件,让用户可以接触与操控的东西。
  • 这个观察与阅读体验不见得完全被动,想想一些”活动”贴纸、t-shirt、收集签名…
  • 这个体验要刊登的媒体一样必须有整体的考量。对谁说、跟多少人说都算是策略规划的东西…就像交互体验里的接触点:手机、装置、网站、服务人员等

理念不变,变化的只是媒介与工具的角色

所以说如果一个海报传达一个设计者的理念,那交互设计只是另一种手段,转变的都是”阅读”与”使用”体验本质跟媒体的差异。可以看一些平面设计师涉足交互设计或互动艺术的案例。

比较极端但经典的例子是Joshua Davis跟Processing的创始人。<- 被”媒介”转化而启发的设计经典

设计元素的共通性

如果”理念”是像其他朋友提到的视觉、逻辑、流程…其实平面是有类似的元素。比方说报纸的导读、字学跟”阅读行为”为主的交互体验是习习相关的。只是这个平面设计的项目性质、成本是否与这些相关。

你看好的报纸、杂志设计,它的网站或iPad App也不会差到哪里去。FastCompany, NYTimes… Weird (迟疑中)

  • 设计理念当然适用于交互设计中,很多是延展并演化,交互设计是众多学科的综合且不断的自我演化。Apple的例子应该很明显的回答了你的问题。

从两个极端的角度来看,中间的转换

  • 很多平面设计师、品牌公司的网站,大多从展示页面的观念出发来形成这个网页的体验。较不偏重从这媒体上、从与用户交流带给自己什么。
  • 不过可以看看Muji的网站跟其他数字体验。
  • 相对来说,Jonathan Harris 的 We feel fine 这样的体验,就根源于网路生态的特性,把交互设计里面一个截取分享、策划整合(curate)、从新视觉化成一种影像。完全是非常有意思的转化过程。

影响力:(或许是共通却无法比较的)

平面设计不见得只强调视觉上的愉悦。好的平面设计比任何非线性的交互设计更有效率的传达情感、信息与发挥影响力。用户体验与情感真的能被设计吗?really?

你看经济学人在最近日本大地震后做出的封面,没有任何一个交互设计项目可以在这么短的时间发挥感染力。

有好的平面設計水平(sense)進入交互设计之后,能用更视觉化的方式”看见”体验的痛点,并提出更人性的设计观点。

说平面设计背景出身的只能做UI? 想想TED的创办人–Richard Saul Wurman,他给这个世界带来的TED体验。

52-1024x682

返回顶部