交互设计流程是怎样的?

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

相关推荐

  • 总结|服务设计的基础概念和案例

    在这里,本文作者和大家分享一些我总结的服务设计的基础概念和案例,希望对大家快速入门服务设计有所帮助。

    2017-05-06
  • 双管齐下:同时设计 iOS 和 Android

    不管你是在家,在公司,还是在设计师工作室工作,互联网企业都会找你去给他们设计 App。为了满足所有顾客的需要,这些企业通常需要同时开发运行在 Android 和 iOS 设备上的 App。 在理想的情况下,我们希望能花上好…

    2016-01-06
  • 设计干货收藏|UI动效的必备原则总结

    高度总结动效设计的基本原则,有大量的案例分析。动效设计在用户体验的提升中到底有没有用呢? 我们在下面讨论的是为什么要应用动效,以及在那些时候动效,动效的特性等等。

    2017-05-28
  • 深聊软件设计中最基础的控件元素

    控件作为组织界面最基础的元素,相信大家都不会陌生,今天想谈谈这个不起眼的话题。文章从现实的控件过渡到软件界面,再用三大输入法的控件作为实际案例解说,全文干货满满,来收!扩大词汇量有助于提高你在某种语言上的表达能力,扩大「设计词汇量」可以帮助你更好地进行设计。但要记住,界面设计真正的艺术在于:解决正确的问题。

    2017-06-04
  • 阿里设计师实战案例解读内容化设计

      前言 如果说好的产品是运营出来的,那么内容作为用户体验中的重要部分不容忽视。然而我们在设计中经常缺乏内容体验的意识。借着第十三届用户体验大会User Friendly 2016的分享,手淘的设计师和业内的同学们一起做…

    交互专题 2017-08-07
  • 交互设计框架-PACT浅谈(一):关于人的部分

    本文内容来自于《交互式系统设计:HCI,UX和交互设计指南》,交互设计框架一章的思考。空间:空间关系到页面的布局,以及用户操作的方便性,不同的人手指大小不一样,我曾经在想,NBA球员使用iphone4的时候是不是真的很方便?关于MD设计空间方面的标准可以参考排版与布局章节,如果有兴趣的话还可以深究一下,为什么他们要将行距,图标和边框的距离定义为这么宽,这么高。

    2017-05-16
  • iOS 10锁屏交互大改,是革新还是灾难?

    本次更新除了锁屏交互的调整,也添加了一些更实用的小功能:例如删除系统软件、夜间模式等。虽然beta1版本体现出的诚意还不够,但是我相信两个月后的iOS 10正式版会令多数人满意。

    2017-05-22
  • 注重用户体验场景化,不局限于赛事版权的世界杯营销新浪怎么玩?

    缺少赛事版权,是所有互联网公司进行世界杯营销时面临的难题。新浪的做法是,利用社交网络的优势,通过提高用户体验,最终实现成功的营销。距离2018年俄罗斯世界杯还剩不到三个月时间,目前还没有任何一家新媒体平台获得赛事新媒体版权,在此情形下,各大网络平台选择怎样的报道及营销策略,将成为世界杯媒体大战的胜负关键。3月29日下午,新浪在北京总部局举办了体育产业论坛,首席运营官兼总裁杜红分享了体育产业新时代,在用户认知和消费全面升级的趋势下,如何通...

    2018-03-29
  • Apple Watch界面设计规范之UI设计基础(2/2)

    六、布局 并排放置的按钮数量要控制好。当并排放置按钮时,使用图标来代替标题文案。一行不要放置3个以上,否则按钮的尺寸将会太小,很难被点到。 完整利用左右两个边缘之间的全部空间。Apple Watch的边缘斜面会在…

    2015-03-10
  • 交互设计师的60日计划第十六天

    周五综合症:不想做事...今天把昨天的需求做完善,与产品经理讨论其中的一个问题,然后将细节标注清楚,但是产品最终还没有确认。除此之外,一直在帮要晋级的一个视觉同事想文案,最后得出结论,还是得多读书,书到…

    交互专题 2015-08-20