北京快3平台【真.懒觉】

一套完整的产品设计流程是怎样的?

时间:2020-11-15 13:25

  这是我目前在知乎点赞最高的回答,本文会用简明扼要的文字讲解一下产品设计流程,底部还会附有推荐书籍和相关案例。

  人机交互与产品设计已经在西方国家发展了半个多世纪,已经研究出了相当多的方法理论。国内跟进没有很久,再加上前几年野蛮生长,导致很多人对这一领域缺乏系统认知。而设计流程,又是系统认知中的基础。

  这里我根据留英所学和大厂工作经验,整理了一套在国际上被广为认可的,而且在国内具有一定可行性的产品设计流程。

  罗列人物角色在使用产品时可能遇到的问题,可以整理成一个故事便于别人理解。

  像写故事一样,写人物角色在使用你设计好的产品时,发生的细节。注意,这个时候你的产品概念模型已经基本成型了,这个概念模型是通过解决问题脚本里的问题而得出的。

  至少两名设计师或对交互设计比较了解的人通过反复测试原型。找到问题后修改线框图并更新原型。

  让用户使用原型,可以给他们一些任务去完成。根据用户在使用过程中的问题和建议进行进一步修改。

  无论你用何种形式做调查,你的目的是了解用户的五个方面。假设体验进阶公众号是一款产品:

  如果你的定性研究有所成功,这时你应该对你的用户有所了解了。根据上文中的五个方面,你需要挑拣出最典型的一个或几个形象。例如体验进阶读者的人物角色可能有:刚上路的设计新人、具有探索欲的产品经理、寻找转型方向的UI设计师……

  你不但要确定这些人物角色(Persona)的主要特点,还要确定他们的需求和目的。为了增加真实性,可以给人物角色(Persona)取名字,选一张照片,细化他们的背景资料。

  基于你对人物角色(Persona)的理解,你应该已经可以设想出他们在使用产品中可能遇到的问题了。你可以为每一个人物角色列一个问题单,也可以把它们整理到一个简短的故事里。

  Macomb 先生和夫人都是退休老师,现在已经60多岁了。他们的社会保障支票是他们收入的重要组成部分。他们刚刚卖掉了自己的大房子,搬到一间小公寓里。

  他们知道,他们现在需要做的许多杂事之一就是告诉社会保障局他们已经搬家了。他们不知道最近的社会保障处在哪里,而且他们走路或开车越来越困难。

  如果足够简单和安全,他们希望使用计算机将其举动通知社会保障局。但是,他们对于通过计算机执行这样的任务有些担心。他们从未在工作中使用计算机。

  然而,他们的儿子 Steve 去年给了他们一台计算机,为他们安装了计算机,并向他们展示了如何使用电子邮件和访问网站。

  他们从未去过社会安全管理局的网站,所以他们不知道它的组织方式。此外,他们也不愿在线提供个人信息,因此他们想知道以这种方式告诉代理机构新地址的安全性。

  首先你要为已列出的问题想好可能的解决方案,然后写一个简短的故事把这些解决方案囊括进去。写成故事的好处是代入感较强,对别人来说容易理解。国内比较推崇故事版,但是把所有情景画出来的效率是非常低的。

  在画设计之前把用户动作通过文字脚本写出来有一个很大的好处,那就是明确了主要的用户路径。以下是一个案例:

  约瑟夫在他的办公室,需要为他的商务会议预定一家酒店,该酒店将在纽约举行。 商务会议将在四天内举行。

  他很忙,由于他还有很多其他工作要做,因此需要在他逗留期间尽快找到一个可以睡觉的地方。

  他打开我们的网站,知道他想去的城市的日期和名称。看到很多条目后,他注意到他想在中心附近的一家旅馆里住,因为客户会议将在该地区举行。他还需要满足其他条件:靠近地铁站,附近有一些餐馆。

  这个时候你对你的交互方案已经有了一个比较抽象的想法了,现在只要把它具象化就好了。线框图大家都比较了解,这里就不多说了。

  其实线框图不一定很糙,有的人甚至喜欢直接上色开始视觉。这一步需要画到什么程度呢,我之前有发过一篇文章:交互方案改画到程度(关注体验进阶公众号回复jhfa即可查看)。

  如果是比较重要的项目,可以叫上开发一起来灰度测试。但是即便是这样,也建议设计稿出来后,就可以立即做一个底成本的交互原型。

  可以使用的原型工具还是很多的,例如 Axure RP 、 InVision 等。即便没有专业工具,用 PPT 也可以搞出来,只要做出一个可以交互的东西就行了。

  一个原型是不可能实现所有功能的,所以你要确定几个可以走通的功能,让给用户能够顺利在指定路径上完成一系列任务。

  原型完成后召集至少两三个设计师或者对交互比较了解的人,使用并评测原型。你可以将原型所关注的几个任务列出来,以免专家不知道原型哪部分可交互哪部分不可交互。

  比较常用的评测方法是启发式评估法(Heuristic Evaluation),而这种方法比较常见的标准是尼尔森交互设计法则(Nielsen Heuristic):

  1. 列出问题:专家们各自将自己发现问题列出来,并将之与对应的法则相关联,或者根据法则来查找问题。例如“系统状态是否可见”在这一条产品上是否体现完善,有哪些问题?

  2. 各自评估:然后专家们分别给自己的问题进行分级,大家要使用统一的标准。

  3. 统一讨论:专家们把问题整合起来一起讨论,遇到意见不统一的适合投票表决或者采用平均值。

  评级标准非常多,你也可以设计自己的标准。我认为比较简单好用的是 Jeff Robin 问题分级:

  原型通过专家评测后,你可以找一些典型用户使用原型。你可以把任务列给他们,让他们自己尝试完成任务。中间遇到的问题可以记录下来,设计师通过观察来进行评分。

  用户最好是寻找符合人物角色(Persona)的目标人群和真实用户,这样得出的结论是最可靠的。不过,大多数情况下,产品的可用性问题都是“功能隐藏太深”、“文字描述不清晰”等通俗问题,一般人也能作为用户在测试中发现足够多的问题。

  那么,还有一个问题,需要多少用户才能做评测呢?怎么也要几十上百个?其实只要五名用户就可以发现80%的可用性问题。

  有趣的是,用户评测的结果可能和专家评测的结果相差很远。我以设计师都身份做过很多次可用性测试,每次都能发现意想不到的问题,因为用户视角和设计视角完全不同。

  如果感兴趣可以去阅读我之前写的文章:产品设计的用户视角(关注公众号体验进阶,回复yhsj即可查看)。

  这个流程,也不是单线程的。其中有些步骤,仅仅只是为了进行下一步;另外一些,却会对后面好几个步骤产品影响。有几个环节,是又是可以循环好几轮来优化方案。

  不过,这些东西很难用文字表述出来,最好是自己在实践中体会。如果一定要展现出来给大家看看,那就是下面这张流程图了:

  如果每次产品上线前都把步骤做好了,测试来几轮,不一定耗费多少时间,但是效果绝对出乎你的意料。即便是再资深的产品专家和设计大神,都不可能算无遗漏,而数据永远是可靠的。

  我一直想要把好的方法介绍给更多人,国内对评测这一块了解甚少,所以值得做一些事情。之前的几篇产品评测文章,都是用这套方法做出来的,后台回复【uxtest】即可查看案例(麦当劳、联通、微信、招行…)。

  如果每次产品上线前都把步骤做好了,测试来几轮,不一定耗费多少时间,但是效果绝对出乎你的意料。即便是再资深的产品专家和设计大神,都不可能算无遗漏,而数据永远是可靠的。

  本文很多内容都可以在《About Face》里看到,作者艾伦·库伯 Alan Cooper 从 1992 年就创立了交互设计咨询公司。可见美国对产品体验的研究有多久远,那一年我刚好出生,家里的电脑还是 DOS 组装台式机。

  这本书被人成为“交互圣经”,是有道理的,我在读研时这本书就在推荐阅读的头部位置,教授也多次提到或引用里面的内容。

  但是,我并不推荐阅读!因为这本书自身的用户体验并不好,比较晦涩难懂。如果你没有一点学术基础很难看得下去,而且翻译水平有限,中文版还不一定比英文版更好理解。

  感谢阅读,我是一名在华为和腾讯工作过的设计师,毕业于英国约克大学人机交互。关注我的公众号体验进阶。

  我的答案是基于《软件观念革命:交互设计精髓》(About Face),这也是在国际上被广为认可的流程。这个答案里我...

  参考来源:知乎 庖丁开发整理编辑 维基百科是这么定义交互设计(Interaction Design)的:定义、设...

  我的答案是基于《软件观念革命:交互设计精髓》(About Face),这也是在国际上被广为认可的流程。这个答案里我...

  三、流程 1.评估产品机会 a.确定待解决的问题 评估产品机会的目的:淘汰馊主意,避免浪费时间和金钱;挑选合适的产...

  我倾向于说“交互设计的整个流程”。在我这里,UI是指“界面”,在视觉设计开始之前,界面的的交互策划与设计是很重要的...