<strike id="g1ugu"></strike>
    <nobr id="g1ugu"><ruby id="g1ugu"><tr id="g1ugu"></tr></ruby></nobr>

  1. <font id="g1ugu"></font>
    <b id="g1ugu"></b>

  2. 
    

      <tt id="g1ugu"></tt>

        <rp id="g1ugu"></rp>
        首页 - 网站建设 - 用户故事地图浅析(上)

        用户故事地图浅析(上) 返回列表

        笑笑2018-10-09编辑发布,已经有1882个小可爱看过这篇文章啦

        用户故事地图浅析

        引言

        本文图?#21738;?#23481;,来源于蚂蚁金服体验技术部“芝士会”分享。

        中后台产品大多通过产品化工具来给用户提效,随着用户的应用场景开始?#30001;?#21040;线上线下各个角落,设计师也开始思考如何从时间空间维度去关注完整的用户体验。因此用户故事地图作为一种常见工具,进入了大家的视野。但是体验地图到底能解决什么问题,该怎么用呢?很多同学也许并不太了解。这次分享主要是将我们在各类渠道了解到的关于用户体验地图的各类说法做了一个总结,并结合了我们在工作中的实际运用,给?#34892;?#36259;了解该方法的同学提供一点我们的见解和看法。如有不赞成地方或更好的见解,希望可以不吝赐教,我们相互学习,共同进步。

        用户发现你提供的产品真正的价值,就像这张封面背景?#23478;?#26679;,往往要经过一段旅程,必定不是一马平川。通过我们的专业知识、见解和洞察搞清楚用户这段旅途当中坑在哪里、怎么填才能让用户走的更?#22330;?#24110;助用户更容易获取产品价值,帮助项目组获得成功。

        A.怎么做?

        用户故事地图虽然是一个耳熟能详的体验工具,但事实上当你接触的时候才知?#21862;?#19981;容易。其?#34892;?#35201;注意的要点很多,能找到?#21738;?#22411;也很多样,导致做一个正确的方向变得复杂,结果可能会产出一个?#23454;?#20854;反的用户故事地图,或者什么都没有产出,那我们到底该怎么做呢。


        我们在支持项目的过程中,初期会选择采用“故事编写工作坊”的形式来梳理产品的用户故事地图。一般是项目组成员共创的形式,参与人员包括:技术开发、产品经理、项目经理、设计师、用户、产品老大。

        重要流程分成四个步骤:产品定义——梳理骨干故事——拆分故事——沟通确认。下面我简要介绍下这四步分别需要做哪些事情。

        第一步:产品定义

        一般是在故事编写工作坊准备阶段,首先由PD提主导产出,主要有几点内容:

        1.产?#36820;哪?#26631;用户。

        2.解决了哪些问题。

        3.用户目标。

        4.产品目标。

        将这些内容记录在黑板上,与大家?#33268;?#36798;成共识,最终确定产品定义。简单来说,需要明确“我们为什么要做这个?”以及“用户为什么要用这个?”明确业务诉求和用户诉求为之后的设计提供了指导,不仅可以在接下来在?#33268;?#30340;过程中不易迷失方向,还可以避免陷入设计细节纠结。基于业务诉求和用户诉求其实就是为了不忘初?#27169;?#26159;为了明确设计的初衷。所以,在做交互设计之前,一定要?#39318;?#24049;这两个问题:”这能给我们带来什么价值?”“这能为用户提供什么价值?”这一步可以让项目组内所有人和用户共同明确产品覆盖的整个?#27573;А?



        第二步:梳理骨干故事

        为了方便大家理解,我在这里举一个大家生活都会发生的例子。故事的整个?#27573;В?#36215;点是起床——终点是到达公司。闭上眼睛,回想一下今天早上起床的过程。把这段故事分成这样几个阶段,起床——洗漱——穿衣——出门——上班途?#23567;?#21040;达公司。



        在真?#24213;?#39033;目过程中,大家在这一步可能会写出不同颗粒度的故事,需要设计师把控故事的大小,这段故事可以再往下梳理一层颗粒度更小一点的故事。比如起床就可以再拆分为:闹铃响了——挣扎——关?#31181;印?#19979;床。剩下的故事卡片都可以继续这样拆分归类。



        这样我们骨干故事就有两层,一级故事和二级故事,故事的发生从左至右是一个叙事流。



        这里需要注意的是,在真实业务中,故事的流程不可能是一帆风顺的,情况会变得复杂,我们可以借助流程图的图例线连接我们的故事卡片。




        总结一下,我们在这步怎么做的。首先,我们在第一步确定产品整体?#27573;?#20043;内尽量的把故事讲完整,比如我们这个例子,起床——洗漱——穿衣——出门——上班途?#23567;?#21040;达公司。这样我们项目组的所有?#21496;?#21487;以对整个产品有个全局的印象。其次,我们需要注意是要讲完整的故事,但是一定要广度优先,而非深度,要做到一公里宽一厘米深。比如刷牙这个故事里面,找牙刷、挤牙膏这类故事在这个阶段我们无须关注,不要过早的?#20004;?#21040;细节?#23567;?#22312;这步让大家做到对产?#20998;?#35265;森林不见树木的状态。



        第三步:拆分故事

        在这一步,我们需要在刚刚梳理的每一个二级故事下面做停留,去拆分二级故事获取更多细节内容。如果二级故事是一个海平面的话,那二级故事以上就是海平面故事,那现在我们需要关注的是海平面以下更多不可见的故事。项目组会围绕这个故事写出很多细节来。我们可以按?#25214;?#19979;几个维度对细节进行归类,分别是:故事细节、想法、痛点、机会、情绪。其中情绪可以通过固定的问题获得,也可以通过用户想法、用户的痛点结合主观判断。



        在这个过程中,先让大家在一定时间内按照自己的想法写出来,每一条写在一张卡片上,做到相互不干扰,然后每个?#39034;?#22768;说出自己的卡片内容,让所有人了解并贴在墙上。

        项目组人在写想法的时候,相当于?#21592;?#30340;过程,这时可以通过一些问题来刺激大家?#21592;?#20986;更多?#21738;?#23481;,比如:

        1.用户在这步具体做什么?

        2.用户还有其他选择么?

        3.用户怎么做才能更爽?

        4.出现问题如何处理?

        5.其他用户来到这里该如何处理?

        回到我们的例子,我们洗澡的时候有正常的流程,但当没有?#20154;?#26102;这个流程就会发生变化。同样,在真实业务当中,这类情况将更普遍的发生,所以这个步我们将尽量多的关注到所有场景的故事。

        做完这步,我们已经获取到了足够多的细节信息,整个项目组都会做到对产品又见森?#38047;?#35265;树木的状态。



        第四步:沟通确认

        这里我们的故事已经变得很丰满,甚至变得?#20998;祝?#25152;以沟通确认变得极为重要。我们在这步需要花费相对多的时间,大家对内容进行?#21592;輟?#20805;足?#33268;郟?#25226;公认的留下来,无用的踢出掉。同时可以区分要做的故事细节的优先级。



        ?#26469;?#31867;推,当所有故事梳理完成之后,就完成了如下这样一张完整的用户故事地图了。



        总结一下,在这步,首先,我们需要?#28304;?#23478;写的所有卡片进行?#21592;輳?#25490;除无效故事。其次,因为我们一般项目时间不够,开发资源紧张,不可能一口吃个胖子,所以把要做的事情达成共识排出优先级变得尤为重要。最后,并不是所有的故事卡片都需要在同一时间细化,在真实业务中?#34892;?#27169;块的故事是无法一开始就梳理清楚的,所以可以先写个占位符,待合适的时机再做拆分。

        我们通过这种一目了然、格式一致的故事地图,让项目组所有人都获得足够的信息,让项目有一个明朗的开发流程。


        • 用户故事地图
        • 用户需求
        • 产品定义

        相关新闻

        来电咨询 4146.com牛彩彩票
        <strike id="g1ugu"></strike>
          <nobr id="g1ugu"><ruby id="g1ugu"><tr id="g1ugu"></tr></ruby></nobr>

        1. <font id="g1ugu"></font>
          <b id="g1ugu"></b>

        2. 
          

            <tt id="g1ugu"></tt>

              <rp id="g1ugu"></rp>
              <strike id="g1ugu"></strike>
                <nobr id="g1ugu"><ruby id="g1ugu"><tr id="g1ugu"></tr></ruby></nobr>

              1. <font id="g1ugu"></font>
                <b id="g1ugu"></b>

              2. 
                

                  <tt id="g1ugu"></tt>

                    <rp id="g1ugu"></rp>