交互设计流程是怎样的?

其实这个问题也是我的学生最爱问的问题,不论国籍。先说下我的背景吧。我是国内软件工程本科+美国UW HCDE master,现在在硅谷做用户体验设计并且教用户体验课程。之所以强调自己的背景,是因为我看到的大家给出的见解虽然都非常详实,但是难免和工业界略有脱节,就像我当年读研究生的时候学的交互设计课程一样。在这里我想给出我负责的几个项目里所用到的流程,这些也是我教给学生的流程。
Zhou43也说了,他给出的答案是Allen Cooper在About Face里面写到的流程。我自己教课的经验以及我和其他教授讨论的结果就是,About Face在北美各大最顶尖的交互设计/HCI院校都是学生的必读物不假,但是教授在启发学生真正去做项目的时候,往往会告知他们:
1. 这些步骤并不是每步都是必须的,要根据项目去分析你所使用的方法
2. 这个过程中每一步都是和用户相关的,切莫主观臆断。
所以其实业界对于方法论的认识,和学术界是有偏差的,业界的步骤可以被总结为:

1.认识产品所要解决的问题
像我以及众大神们经常强调的一样,交互设计的初衷就是解决用户的问题。不论设计什么产品,能够被用户认可的途径只有这个产品解决了他们生活中的一个问题。
交互设计的第一步,不论是对成熟产品还是初创产品都一样,就是定义这个设计到底要解决用户的什么问题。像之前很多人提到的一样,这一步的做法有:用户访谈,实地考察,发放问卷等等。
这一步可以说是整个流程中最核心的一步。
比如当年在亚马逊的时候,我们想研究一下在意大利市场的亚马逊存在哪些问题,于是我们的用研人员就去了意大利。在实地考察的过程中发现了很多有意思的事情,比如意大利家用电脑其实普遍比较落后,快递系统也和美帝有很多不同等等,那么翻译成用户的实际问题,就变成了用户看到的信息过载的网页往往需要更长时间加载,而他们在意的关于快递的很多信息却不能直接从网站上得到等等。当然这只是研究发现的很小一部分,举这个例子的意思是说,只有真正的在用户所处的环境里,看到他们到底在做什么,如果使用产品,有哪些问题,才能为自己的设计打下基础。

2.收集能解决这一问题的用户相关的信息
了解了自己要解决什么问题之后,还要确定自己到底要为谁解决这个问题。近些年面试有个很大心得,就是即使在硅谷这个用户体验已经被炒的热的不能再热的地方,很多人仍然不知道如何了解自己的用户。当听着面试者给我大谈特谈persona的时候,我就很想告诉他们,你那个访谈了三五个用户的东西,根本也不是persona。下面这个是Weebly的persona,原文在此Persona Cards by Ryan Hunter 。至于做的怎么样我大家可以自己体会一下。(我会说我的好朋友兼美国同事和他们的CEO有个人纠葛我很难给出公正评价咩)
1477387600-3525-4fcca5dd36894713c2334322aa-b了解用户的途径其实特别多,很多人为了表现自己特别熟悉UX的各种方法,而在选择着华而不实的调研的途径。其实了解用户是谁的最好途径,就是通过协作。做市场,销售,用户支持等各个岗位的人,都会对这个问题有自己的见解。在这个基础上,再通过访谈以及观察确认到底谁才是你真正的用户,往往比你直接start from scratch(从零开始)要有效的多。
有一张很经典的图,送给大家。图片来自About Face 4,是Cooper加工过的版本。这个具体问题要讲其他估计得能讲上好几个小时,欢迎大家私信来切磋。
1477387601-5291-6aeed6d98dda8a60c8a40a54eb-b

3. 提供这一问题的解决方案
其实这一阶段,可能是我认知中和传统设计理论和方法中最贴近的一个阶段。线框图,不同方式的建模,头脑风暴,流程图,到原型图,所有的设计方法在这个阶段都可以用。
不过对于复杂的系统,我想特别强调一下线框图和流程图的巨大帮助。我有幸在老东家带着大家做了个用户数量庞大的产品,复杂系统中的分支情况和边缘条件,往往不是设计师在设计过程中最直觉去考虑的内容,而线框图和流程图,可以很大程度的帮助这一过程。同时,也是跟PM已经程序员撕逼大战的时候的利器,一个定义好了的线框图,可以最大程度的避免需求一改再改。(反正一直改需求的PM可能也不是好PM哼╭(╯^╰)╮)
1477387602-5957-81ea06d838ffa75c2516079ff9-b

4. 验证所提出的解决方案
交互设计的难点和亮点我觉得就是验证和迭代的过程。说到底有才的人毕竟很多,有创意的方案层出不穷,能经历用户和市场考研的方案才是好方案。
测试的过程那就太多了。我先罗列几个基本我做过的每个公司都会用的:(*如果我的翻译you'wu有误欢迎指出,我可能只熟悉他们的英文说法)

  1. 用户测试(usability testing),

我见过的几个用户测试实验室,基本设置都差不多,就是用户在一间房间里面做测试,房间里面要不就是有摄像头,要么就是有只能单向看到的玻璃,然后其他旁观测试的同事都会在另一间会议室,要么看实时直播,要么就通过玻璃直接观察。这样的目的是为了让用户在尽可能自然的情况下进行测试。要知道,当年我最怕的就是用户告诉我:为了做你们的测试,我昨晚很认真的研究了一下amazon!真是泪崩。
1477387602-9748-cdcb01798a859a62c6f9efcdc8-bPhoto credit: NSF Lab Evaluation

2. AB 测试
这个就不是一个交互设计师自己能够完成的了,需要工程师哥哥们的配合。我个人还是AB testing的忠实粉丝的。只是曾经待过的某互联网巨头(说老东家坏话有点心虚此处略去名字了)所有的设计都要经过AB testing,而每次赢得胜利的都是比较丑的那个,当时玻璃心也是收到了一万点伤害的。毕竟还是有设计师对于美学的追求的。
扯回来。AB testing在很多时候其实都很有用,有个叫GoodUI的组织经常会讲一些他们做AB testing的发现,很有帮助,但是每个报告都要钱。下面就是个例子,是说你在自己的网站上面自夸的效果是不如引用别人在社交媒体上的评价的。听起来谁都知道,但是人家有了数据是不是撕逼的时候就更容易了,比如PM说咱们要写一大段这样那样的话的时候就可以拿出这些数字甩他们一脸了(感觉自己以后很可能全职做产品了这样说PM真的好么)
1477387603-2986-47c46d3099eff54ba4079521b8-b
3. 五秒测试 (five second test)
不知道这个测试现在在国内有没有人用,我个人非常喜欢。就是你给一个用户看你的设计五秒,只有五秒,然后让用户回答一个问题。我目前觉得这种测试适合非常小的点,比如一个Icon用户到底能不能认出了,别自己做的是嫩牛五方别人以为是麦辣鸡这样。一个很好的做五秒测试的网站是The original Five Second Test • UsabilityHub ,大家可以去试试
1477387603-8922-1a9de9b6d85713f756e08ed8ab-b4. 远程测试(remote testing)
远程测试太热了,最近我们想买一个服务做远程测试,结果被价格吓得一脸豪血。感觉没法给大家推荐具体用哪个了,我认为非常复杂的产品不适合远程测试。远程测试还是2C的产品更好进行测试。
1477387603-1681-58643b21f701402d5fa1bad936-bPhoto credit: Recording Mobile Device Usability Testing Sessions – Guerrilla Style

5. 热图测试(heat map testing).
这个还需要解释么?就是下面这只怪物啦

除此之外还有些不具有普世性的测试方法,我就不一一赘述了,比如眼动仪测试什么的。想最后个在学校的学生以及创业公司的你推荐一个测试方法:游击队测试 (guerrilla testing)。其实这个测试特别简单,就是你拿着你的原型去大街上随便找人来用,告诉你他们的反馈。当然实践起来也没用这么简单,你要有很明确的目的,很清楚你想要得到哪方面的反馈,不然一定会被用户带着跑偏了的。
1477387603-8713-9764ec923a624dd32ee7002623-b图为我的学生们在洛杉矶做guerrilla testing,全文可以戳这里medium.com/iq-design/ho

5. 改善解决方案
说到最后,交互设计的精髓不就是一直的迭代么,哪里没做好改哪里。对于开发周期很长的传统行业,互联网行业赋予设计师最大的自由度,就是随时没做好,咱就改呗~具体步骤就是酌情重复前面四步啦~

写的有点长了,有些地方还没有写的特别具体,以后可以慢慢来更新~

文章转载自:http://www.zhihu.com/question/31140769/answer/102495698

转载此文章的目的在于传播更多知识,若有侵权请联系编辑删除。

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

(0)
iouedioued
上一篇 2016-10-25 14:56
下一篇 2016-10-26 11:47

相关推荐

  • 从交互设计角度,聊聊Web网站和移动App的六大差异

    做交互设计近4年,参与过Web网站和移动App的设计,前者依托于PC的浏览器,后者则是依托于手机/平板电脑。不同的设备/平台均有各自的特点,以至于在设计这两类产品时也有些许差异。

    2017-05-27
  • 输入#号交互,还能变出什么花儿来?

    输入#号后,在键盘之上即刻出现一个半浮层。你可以在当前界面继续打字,或者选择半浮层中的搜索结果。当你想查看更多向上滚动时,才会推入一个新页面。

    2017-05-23
  • 2016年移动应用设计趋势:神奇的微交互

    开发一个APP并上线了,你会觉得很了不起,同时呢它还有一个很酷的故事和视觉设计令人印象深刻。但这是不够的,它需要更多的东西,要让用户感觉这些元素活着。 这就是微交互! 图片来源:uxpin 当谈到设计一种上瘾的…

    2015-12-25
  • 对于交互、视觉设计师来说,至少要了解的产品知识

    之前在设计体系规划里面有提到过,产品常识也是我们需要了解的内容,其中产品定位就是最基础,也是最重要的一个概念,因为项目后期的所有工作都是围绕产品定位所展开的。比如还是上面那个例子,使用人群是单身男女,我们将使用人群细分为:18-25岁、25-35岁、35-45岁和45岁以上的单身男女。最后将目标用户定为25-35岁的单身男女,当然为什么选取这部分人群需要一些理由,比如这部分群体的经济比较独立,年龄更适合步入婚姻的殿堂等等。比如我们的主要功能是即时通讯,那即时通讯会分为很多使用场景,比如上下班的路上、睡觉前,起床后等等。比如产品的特色是“更容易约会成功”,那为了达成这个大的产品目标,我们需要细化,将其分解成多个小的用户目标,如快速看到周围单身异性的信息状态、快速了解周围哪些异性对自己有兴趣等等。

    2017-05-09
  • 5个设计小技巧,创造令人愉悦的用户体验

    我们常常探讨用户体验,那么用户体验到底是什么?许多人认为,用户体验更多的是关乎产品的可用性(产品是如何运作的)。而实际上,用户体验远不止于一个“能用”的东西,它是关于用户的主观感受的。通过设计为可用的产品增添令人愉快的体验,同用户产生情感联系,这才是用户体验设计所要做的事情。个性是一种神秘的力量,它吸引一部分人,并且让我们与另外一部分人区分开来。

    2017-05-13
  • 非设计专业的学生,如何系统的学习交互设计

    数十万互联网从业者的共同关注!作者:青溪Joanna微信公众号:qingxizhaji(青溪札记)作者投稿早读课发表,转载请联系作者。曾经我也是一名非设计专业的学生,作为自动化专业的硕士希望自学做交互设计,有很长一段…

    2017-08-02
  • 好的人机交互设计(UX)评判标准的四个原则

    一些设计的基本原则往往是通用的,甚至可以说放之四海皆准的,例如优先级、一致性、界面的隐喻等等,好的设计都需要考虑到这些问题,甚至再更广的范围内也同样适用,而不仅仅是交互设计范畴。 一个设计师&产品…

    2015-04-14
  • 产品设计中关于表格设计的一些经验分享

    由于长时间主导后台产品的设计服务,表格的大量应用,总结了些许经验,通过半个月的断断续续的整理归纳,希望对你有所帮助,欢迎阅读!

    2017-05-18
  • 视觉设计不懂业务时如何着手设计?

    信很多视觉设计师 会有这样经历,当接触到一个新的项目;如果是熟悉业务类型产品,设计起来轻松熟络,如果是一个陌生的业务类型,则需去摸索与尝试,找到合适的设计定位与视觉风格。当视觉对交互的业务性质、框架逻辑、层级关系不熟悉时候,视觉效果是画出来了却漏洞百出.

    2017-05-24
  • 天下产品一大抄!!!

    提要:互联网的产品设计是个快速迭代的过程,我们都希望自己的产品和别人不一样,也提倡创新精神。而笔者提出了一个不同的观点——抄越。因为抄袭,所以卓越。 个人觉得互联网的产品设计首先是个快速迭代的过程,其次…

    2015-01-08