交互设计流程是怎样的?

其实这个问题也是我的学生最爱问的问题,不论国籍。先说下我的背景吧。我是国内软件工程本科+美国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

相关推荐

  • 用户体验设计师必须知道的52个科技术语

    原文链接:https://uxplanet.org/60-tech-terms-you-need-to-know-as-a-ux-designer-a01166074ae1通俗易懂的A-Z科技术语列表在刚开始用户体验设计师的工作时,我如同离了水的鱼一样。我所知道的科技术语很贫乏。在会议中我总是能听见这些词汇,但是完全不知道是什么意思。然后我回到自己的办公桌前,偷偷摸摸的开始查我刚才听到的是什么,并希望没有人发现!一段时间后,我发现很多对...

    2018-04-09
  • VR交互设计

    大家好!洋仔我又来了,上篇文章群爷详细的介绍了什么是VR以及VR需要的条件,不知道大家对于VR有没有一个深刻的了解呢?此图为转载图片为了完成这篇总结性的文章,你们的洋仔我又是看了好多篇文章,因为VR这个需要有各种各样的设备支持,所以呢,我也是去尝试了几个VR类的游戏,上周去了医博展,正好群爷也是展方,趁着这个机会,让群爷又带我体验了一把AR和VR在医疗方面的用途。那VR的交互设计到底是怎样的呢?(VR切水果)此图为转载图片首先,VR交互...

    2018-04-21
  • 为了更好的用户体验,谷歌拿出了“大棒”与“胡萝卜”

    点击关注36氪,置顶公众号专业的行业新闻及深度报道,不容错过━━━━━━这是著名分析师Ben Thompson对谷歌近期宣布的一组数据的评论,原标题为“THE AGGREGATOR PARADOX”以下为谷歌宣布的这组数据:现在共有3100万个网站加入了加速移动页面(AMP)计划,自去年10月以来增长了25%。在2月的第1周,谷歌向出版商发送了4.66亿个页面浏览量——比2017年1月增加了近40%。我们希望通过这样一篇文章,来带你了解...

    2018-02-27
  • UI交互设计专业-第三十六期学员作品

    专业:UI交互设计班级:第三十六期学员学员:李银学校:湖南理工学院

    2018-03-12
  • 探讨:对话式交互会成为未来主流的交互方式吗?

    本文详细分析了对话式交互的优缺点和应用场景,适合产品经理、UI设计师和交互设计师来阅读。

    2017-05-07
  • Fitbit:一份用户体验案例研究

    当谈论到锻炼时,这个世界上有三类人:每时每刻都在健身的健康达人;那些一天中全部锻炼内容就是从前门走到车里,每天在沙发看电视的人们;在这两者之间,想变的健康强壮但缺少一些动力去健身房的人(又称在屁股上踢一脚才行动的人)。 我,和我知道的大多数人一样,都是第三种类型的人。我们被称为是

    微信热点 2018-03-31
  • 交互设计和我-一个大四学生的探索交互设计之路

    我不敢说交互设计是什么,因为我没有真正的项目经验,我现在所理解所定义的一切,都是根据交互前辈们的经验以及相关的经典书籍和部分项目讲解。所以用一句不好听的话来说,就是纸上谈兵,对于这个十分刺激我的事实…

    2015-07-27
  • 网页设计中,如何突破栅格的限制又保持协调?

    想要打破栅格又保持网页的协调,是有技巧的,并非任何“破格”的设计都是好的。

    2017-05-09
  • sketch都能设计海报了?PS爸爸慌了...

    sketch只能做界面设计?曾经我也这么觉得,自从我知道了他的这款插件——looper惊!呆!了!大写的“服”,sketch你越来越接地气了,废话不多说了,让我们先欣赏一张我用这款插件做的一张海报:不得不说,他打破了我对sketch的偏见,对线条的处理过渡很自然到位,我做的时候只花了5分钟,没错!5分钟搞定!所以重点来了:如何用looper做到这张海报的效果呢?第①步1.下载安装包2.双击  looper.sketchplugin完成安...

    2018-03-09
  • 全新用户体验+500多项升级功能,IFS Applications 10正式发布!

    ↑关注IFS软件获取最新资讯  ↑IFS Applications 10令人惊叹的视觉效果和全新的互动模式让用户在提高工作效率的同时更喜欢通过这款系统来办公创新的新功能 —— 包括AI 聊天机器人、增强的以服务为中心的功能以及所有解决方案领域的数百项功能优化和升级IFS始终尊重客户的选择:IFS Applications 10同时支持云端和本地部署全球领先的企业级应用软件提供商IFS(艾菲诗软件)宣布,全新版本的企业应用系统套件IFS ...

    2018-05-04