交互实战|Design sprint methods 在To B产品中的应用

在湾区很火的设计冲刺,真的能有效快速解决项目中棘手问题吗?我们在实际工作中开始了首次尝试与应用。让我们一起来体验一下Design sprint methods的设计过程吧~


在湾区很火的设计冲刺,真的能有效快速解决项目中棘手问题吗?我们在实际工作中开始了首次尝试与应用。让我们一起来体验一下Design sprint methods的设计过程吧~

交互实战|Design sprint methods 在To B产品中的应用

传统产品迭代过程中,通常存在用户需求缺乏有效论证迭代/创新效率低下等问题,我们努力去想解决方案,我们总希望能够快速的获取解决方案,并且能够验证我们的方案是否符合用户需求。为了降低风险,我们会降低资源成本去验证我们的解决方案是否可行。

Design sprint methods是Google Ventures(谷歌风投)推广并在内部实践广受欢迎的一个为期2~5天,结合设计思维和敏捷开发的设计方法。该方法可以加速和简化产品的开发过程,焦点是验证用户需求和协同创新,力求最大化打造用户真正需要的产品。

交互实战|Design sprint methods 在To B产品中的应用

Designsprint methods主要分为6个阶段:

  1. 理解(理解用户的需求,理解商业需求,了解技术的可行性)
  2. 定义(关键和重点是什么?)
  3. 发散(我们如何尽可能探索更多想法)
  4. 决策(选择目前来说最好的方案)
  5. 原型(制作原型进行用户测试)
  6. 验证(与用户、商业利益相关者、技术专家进行方案的验证测试)

Design sprint最初推出主要是针对To C产品,而事实上To B与To C产品具有较大差异。

  1. To B产品面向客户,通常会是企业,而To C产品一般是个人使用者,是用户。To B客户相对来说比较理性,而To C用户多则较为感性。
  2. To B产品一般偏向工具性,是收费的,为用户提供服务通常需要巨大的成本。客户的决策权在企业管理层、技术团队或使用者手上,而最终用户一般更具发言权,因为效率的高与低会直接影响他们的使用。其中效率和质量是决定因素。而To C产品只要产品美观,好用,用户用起来舒服,能够解决用户的某些需求,就可以获得不错的体验,从而让用户满意。
  3. To B产品的目标用户更具备专业性、更讲究效率、他们的使用场景较为单一(主要是办公场景)、他们的目的性也更加明确、对于工具性的To B产品他们更注重专业技术和产品最终效果。

网易易盾是网易云旗下一站式To B安全服务,覆盖内容安全、业务安全和网络安全三块内容,其中内容安全主要为客户提供智能的文本、图片、视频反垃圾云服务。为了优化和改进易盾的图片在线体验功能当前存在的效率低下、体验不流畅等问题,项目组尝试采用最新的design sprint方法,并根据实际情况对标准的六个步骤做了适当调整,取得了不错的成效。

一、理解即理解用户需求明确设计目标

我们可以通过商业目标、技术能力的快速访谈、用户访谈、实地观察、利益相关图以及竞品分析等手段,来理解本次创新设计的用户的需求,商业需求以及技术的可行性。通过访谈、实地观察、亲身体验建立用户同理心,定位产品需求及挑战。我们以用户为中心去思考问题,并且我们的方案能够解决他们真实的需求。我们首先确定了想要着手解决的问题:提升网易易盾图片在线体验模块的可用性,并针对这个问题从多个角度发散问题,定位需求:

  • 谁会关心在线技术体验功能?
  • 怎样的在线体验是能让客户满意的?
  • 我们想通过这个模块达成什么目的?
  • 客户想在这个模块了解什么?

之后我们对提出的问题进行整理归纳和取舍,并通过用户访谈,问卷的收发,获取反馈,定位核心问题。确定目标用户群体为:有反垃圾需求的UGC产品,用户核心需求:测试广告图片过滤的精准度。

二、定义设计的机会点

聚焦核心解决核心内容,明确关键问题和重点。

我们主要针对初次使用我们图片在线体验功能的用户,通过用户体验旅程图分析这部分用户具体在体验图片广告检测过程中有机会点,把我们要解决的问题具体化,场景化。

交互实战|Design sprint methods 在To B产品中的应用

以上是【广告过滤在线体验】体验地图,明显看出中间部分关注度高,前后期较为平稳。因此我们把精力放在在线检测过程及检测结果部分,这两处用户关注重点体现在“效率”和“专业度”方面。由此我们最终定义在线体验过程为轻松简单、参与感强,满意度高,围绕“如何解决效率和专业性问题”展开我们的探索。

三、发散,也就是我们说的头脑风暴

尽可能探索更多想法,把所有想到的想法全部罗列出来,发散思维尽可能找出更多的可能性。在此过程中要牢记我们核心在讨论什么问题,不要发散问题,而是针对问题发散解决方案,不批判别人提的想法是对是错,如果你觉得你能在他的想法的基础上有延伸或者补充,你可以进一步的去补充,不要害怕说出听起来不可能的想法,脑洞越大越好。

每个成员先独自思考解决方案,能想多少写多少。然后共享大家想到的方案,以横轴为可行性,纵轴为满意度,聚合归类所有的想法。最后自由发言,补充想法,提出建议。

头脑风暴关键词:

  • 图示说明
  • 明确判断标准
  • 明确检测结果
  • 打分给原因
  • 图片圈出有问题的地方
  • 明确打分区间
  • 提供随机图库在线检测
  • 允许上传本地图片
  • 对于检测结果可以给反馈
  • 当前能够咨询客服了解更多
  • 允许申请试用
  • 可以反馈客户其他要求

交互实战|Design sprint methods 在To B产品中的应用

交互实战|Design sprint methods 在To B产品中的应用

每个人根据自己提的点子,快速绘制具体的方案草图,然后每个人自己绘制的草图中选出自己最满意的方案。

四、方案决策

通过投票的方式对小组的草图方案进行投票,通过投票结果,然后对结果再进行讨论分析,最终选择目前来说最好的方案。

新方案具备以下几个功能点:在线样本的直接展示、样本说明、检测过程可信、检测结果直观、支持多种本地上传方式。

以下为部分解决方案:

交互实战|Design sprint methods 在To B产品中的应用

方案一:tab切换

交互实战|Design sprint methods 在To B产品中的应用

方案二:鼠标悬浮展示在线样本图库

交互实战|Design sprint methods 在To B产品中的应用

方案三:左侧展示图片样本库

根据投票方案2的赞成率最高,所以我们选用方案2作为最终解决方案。

五、低保真原型制作

这时候我们可以把抽象的想法变的具体化,变成实际可操作的低保真原型,供用户使用。

为了减少切换我们把各种类型的体验放置在左侧导航,顶部为加了说明的样例说明,把本地上传图片和在线样本图片放在一起,便于用户选择,悬浮在线图片的时候出现在线图库图片,非常直观的展示。点击本地上传的时候用户可以本地选择或者粘贴url,或者直接拖动到输入框三种方式。点击开始检测以后显示检测状态,完成以后展示检测结果,结果包含具体的原因和百分比。

以下为部分功能原型图:

交互实战|Design sprint methods 在To B产品中的应用

初始状态

交互实战|Design sprint methods 在To B产品中的应用

鼠标悬浮

交互实战|Design sprint methods 在To B产品中的应用

开始识别

交互实战|Design sprint methods 在To B产品中的应用

检测识别中

交互实战|Design sprint methods 在To B产品中的应用

带原因的检测结果

六、验证方案

与用户、商业利益相关者、技术专家进行方案的验证测试。通过测试我们可以发现问题,能知道我们下一步可以如何改进,是否能够满足用户的需求,可以知道这个解决方案是不是真的可以运用到产品中。

我们寻找了5位目标用户,友好的欢迎语之后,为了与用户建立默契可以先进行一些关于兴趣等问题的闲聊,然后给用户简单介绍了一下背景问题测试内容,给用户布置了任务即使用在线广告图片的测试。在使用过程中发现用户有疑问或者停顿的时候我们会迅速对他们提问,希望捕捉到用户的首要想法。

测试前我们做一个打分板——表格的行是代表每个参与者,列是要研究的每一部分。测试过程中,在打分版上进行总结,把每位受访者都“通过”的功能用大的绿色的点标记出来,不通过的就用红色的点。

测试调研后,梳理并整理统计解决了的问题和未能解决的问题,并将它们记录到白板上。最终测试结果表明我们的选定方案是行之有效的,5位目标用户均完成了我们的测试要求,整个操作流程基本没遇到挫折,使用体验流畅,并大都给出了满意的反馈。

总结

To C 产品用于验证引导设计的用研方法已经非常详尽,大都需要投入较多人力与时间周期。To B产品由于其自身的特性,相对较少投入精力和时间成本在用研阶段。Designsprint 作为一种结合了设计思维和敏捷开发的验证方法,显得尤为高效。

在开始做设计之前我们要清楚的了解到真正的问题所在,确定目标之后才开始。设计过程中要学会独立思考,可以通过投票的方式进行决策,切记不要在测试之前完成所有方案的细节。最终的方案要在目标用户身上做原型测试,获取到真实的用户反馈,最后对方案进行优化和修改。

设计冲刺设计方法能让我们团队成员把才能、时间和精力,尽力发挥到极致。当我们养成习惯之后,我们会发现团队的工作方式会随之改变,我们会寻找问题的答案,会专注于解决用户真实的问题。

参考文献:

  1. 杰克·纳普,《设计冲刺》,2016-08-01,浙江大学出版社
  2. @特赞 | Tezign,谷歌创投的5天冲刺法下,2015-01-18,http://www.zaodula.com/archives/12571.html
  3. Demian Borba,详析ADOBE XD的团队内部使用的设计思考流程,2016-09-06,http://www.uisdc.com/adobe-xd-team-thought-flow
  4. Nadya Direkova & the Google SprintMasters,治愈拖延症的「设计冲刺」大法,2016-01-09,http://www.digitaling.com/articles/21695.html

 

作者:黄霞君,UEDC视觉设计师,2012年6月浙江工业大学交互设计方向毕业,进入网易信息安全部。曾参与易信移动端设计和网易云音乐iPad版设计,现主要负责网易易盾和信息安全部设计相关工作。

本文来源于人人都是产品经理合作媒体@网易UEDC,作者@黄霞君

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

(0)
CatherineCatherine
上一篇 2017-04-30 20:39
下一篇 2017-04-30 22:25

相关推荐

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

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

    2018-04-09
  • 考研是工作的理想国 | 同济大学设创交互设计考研分享

    打造最优质的设计教育有趣·专业·创新上次发了那篇跨专业考研的分享之后,小编收到了很多小伙伴的后台留言说,能不能多多分享一些考研的心得,为了保持我们有求必应的优良传统,今天的推文也是一篇干货分享帖~此次的分享,来自一位考上同济的在职小姐姐,一起来听听她是怎么平衡工作与考研之间的压力吧~张 炜15年毕业于山东财经大学的数字媒体技术专业,因为爱好也因为工作上遇到的瓶颈,希望能通过考研取得进步,并顺利考入同济设创院的交互设计方向。(即在职又跨专...

    2018-04-25
  • 皮克斯教给我们的22条改善用户体验的原则

    注:皮克斯动画工作室(Pixar Animation Studios),简称皮克斯。1986年,在史蒂夫·乔布斯以1000万入主以后,创作了《玩具总动员》、《海底总动员》、《头脑特工队》等经典3D动 画电影。2006年,皮克斯被迪士尼以74…

    2016-06-12
  • 玩转交互设计,给景观来点生命力!

    景观设计从一开始关注项日的审美性,再到功能性,全社会对于它的要求已经在逐步升高。现代景观设计中,公园、绿地,甚至校园景观、风景名胜区等需要从单纯的生态意义中提升到一个更高的层次。在诸多国内的项日中,虽然将“以自然为题,以人为本”定为设计目标,但是往往停留在服务于人们行为上的舒适性、安全性,而忽略了人性中的更多需求。与此同时,人们每天被层出不穷的新鲜事物所包围,绿色环境对人的吸引力逐渐降低。在现代化工业大发展的背景下,人与人、与其他生物间...

    2018-02-07
  • 设计师进阶:从UED向UXD转型

    UXD(User experience designer)概念为何在当下越来越热?这个新Title对设计师意味着什么?UXD对设计师提出了怎样的新要求,设计师们又如何去转型UXD呢?在设计师转型UXD的背景下,还需要讲求专业精深吗?纯视觉设计师VD(Visual designer)又有怎样的发展路径?

    三位阿里巴巴UED掌门人分别从自身视角对设计师转型UXD进行了解析。

    2017-05-12
  • 1.6万字诚意之作|如果你想成为一名交互设计师,这篇文章值得慢读

    关于交互设计,这是一篇很全很全很全(重要事情要说三遍)的科普文章。作者写了1.6万字,实在是诚意之作。如果你打算走进交互,此文值得真的真的真的(重要事情要说三遍)值得一读^_^ by 小编目录导读:
    1. 交互设计概念
    2. 交互设计输出物
    3. 交互设计相关理论
    4. 交互设计流程及方法
    5. 交互设计常见案例分析
    6. 交互设计规范及趋势
    7. 交互设计师进阶之路举个例子就是:小明饿了,他需要填饱肚子(目标),他跑到楼下的餐馆进行点餐、吃饭、结账(任务),吃完了出门的时候推门(行为)出去,然后过马路回家。交互指的是产品与它的使用者之间的互动过程,而交互设计师则是秉承以用户为中心的设计理念,以用户体验度为原则,对交互过程进行研究并开展设计的工作人员。——百度百科①初级交互设计师<10k:俗称「线框仔」,出没于小公司和外包公司,没有设计决策权,专门配给不会画图的产品经理使用。门槛低,只需要熟练使用原型软件,会看着其它APP抄设计即可。无发展前途,看到此类岗位请远离。
    ②中级交互设计师10k-15k:除了画线框图外参与一定的产品层面的工作,有一定设计决策权,通常为知名院校应届毕业生,可以对设计决策提出异议,但不一定被接受。
    ③高级交互设计师15k-25k:通常可以参与整个产品的概念过程,工作职能与产品经理更为接近,有更多的设计决策权,通常工作经验超过2年,可以和产品经理、视觉设计师、用户研究员及开发人员进行「激烈讨论」,并有能力维护设计师的尊严。
    ④资深交互设计师>25k:通常出没于BAT、财大气粗的创业公司及设计咨询公司。有着丰富的成功设计案例,通常工作经验超过5年,有主流大公司工作经验,有大型项目的设计管理经验,业内有一定名气。
    ——以上分级,参考寺主人在知乎的回答《如何成为交互设计师?》“你在设计的生涯中,有没有用到或者总结出哪些设计方法?”“以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。对于网页设计来说,栅格系统的使用,不仅可以让网页的信息呈现更加美观易读,更具可用性。而且,对于前端开发来说,网页将更加的灵活与规范。”“关于弹窗中的“推荐选项”应该放在左边还是右边,分了两种情况:如果推荐选项有破坏性,那么应该放在左边。如果没有破坏性,则应该放在右边。但到了iOS10的时候,却变成了推荐选项都应该放在右边。”

    2017-05-06
  • 浅析用户体验在APP界面设计中的表现及应用

    如果要成功运营一款APP,第一个基本的原则就是要全线贯彻落实“以用户为中心”的理念。当今这个时代,在设计过程中能够体现出“以用户为中心”原则的设计就叫做用户体验设计。这就不得不提到两个名词:即用户体验和用户界面概念的理解。一个成功的交互产品离不开优秀的用户体验,一个高用户的App更无法脱离用户体验设计。当产品和用户之间的连接点变成了摩擦点,那么工业设计师的设计就是失败的。相反,如果产品能让人们感觉更安全,更舒适,更乐于购买,更加高效,甚至只是让人们单纯地更加快乐,那么此处的设计师是成功的。

    2017-05-15
  • 取消了Home键的 iPhone X,交互方式都有哪些变化?

    iPhone X 作为一台全面屏的设备,和上一代的 iPhone 7 还是有着很大的区别,这些区别不仅体现在材质和工业设计上,在界面交互上也有一些差异。iPhone X 的显示屏所能显示的内容和 4.7 英寸的 iPhone 7 一样「宽」(同为 375pt),但在高度方面就比原先多出了 145 pt ,再加上 iPhone X 去掉了最为标志性的 Home 键,这两点直接导致的就是界面的布局和交互会发生相应的变化。

    2017-09-18
  • 一名交互设计师的日常思考方式

    如果有一天,当你发现自己“较真又矫情,苛求又世故,倔强还言辞凿凿”,别否定自己,也许你已经开始有点交互设计师的意思了。

    2017-05-05
  • APPLE WATCH 中文手册:WatchKit Apps--App概要

    原文:Apple Watch Programming Guide:App Essentials Xcode支持用storyboard来创建Watch app的界面。当你在工程中新建一个Watch app,Xcode提供会提供一个storyboard来实现你的UI。这个Storyboard至少有一个Watch…

    2015-06-15