• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 超全面!关于用户故事地图的7种用法

超全面!关于用户故事地图的7种用法

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含体验地图,用户故事地图,经验分享等相关知识,希望在学习及工作中可以帮助到您

金蝶云之家体验中心交互设计师-方馨月:之前读完 Jeff Patton 的《用户故事地图》觉得是一本好书,但是一直没有机会去实践。

最近在工作中使用了用户体验地图进行云之家工作汇报轻应用的开发评审,发现在讨论过程中,思路更加清晰、交流更加顺畅了。

具体表现在:

  • 开发人员能够很容易发现产品设计的问题。
  • 小组成员的参与度更高。
  • 决策更加迅速,会议更加高效。
  • 会议结束后,有满意的讨论结果产出。

会后,更加觉得用户故事地图是一个可以提高协作效率的工具,所以,想写一篇“读书笔记&执行思考”,来记录这段时间的收获。

《用户故事地图》不仅仅是讲述什么是用户地图、怎么使用用户地图,也讲了很多团队协作的Tips,并且给出了很多实例。我这里直接从这本书的其中一个角度——“怎么使用用户地图”为内容,然后结合一些自己的想法,来写这篇读书笔记。

用户故事地图的使用,主要可以分为三个方面:

  • 产品的「0,0.5」:新产品功能规划/发布规划。
  • 产品的「0.5,1」:需求讨论/需求拆解/优先级排序。
  • 产品的「1,+∞」:产品优化。

下面将根据以上三个方面,详细进行说明。

两点解释:

  • 我很粗暴的根据「是否需要开发人员介入」这一条件,将产品发版前分为两部分,即产品的「0,0.5」,产品的「0.5,1」。在开发人员介入前,更多的是产品经理如何进行产品设计,产品整个的基调和走向都是在这一部分定下来的。当开发人员开始介入后,就具体聚焦于功能的实现方面了。能否实现?如何更好的实现?是这一部分的主要问题。但是要解决这一部分的问题的一个大前提就是,开发人员如何全面的理解这个产品?让大家脑海里的东西是一致的?这个是最艰难的问题。
  • 上面三点的「产品」,其实不仅仅指的是一个完整的产品,也可以是一个组件、一个大型功能。总之是需要进行思考、设计、开发并之后会有维护升级的一个模块。

一. 产品的「0 ,0.5」

当产品或某一个大型模块在进行功能设计的时候,可以采取用户故事地图的方式来梳理所有的功能点,并进行迭代周期的规划。

新产品功能规划之产品全景图

1. 目的

建立产品/模块的全局印象,有全局观,进而可以整体规划产品/模块。

2.适用场景

产品经理(可能搭配交互设计师)梳理产品框架。

3.所需资源

  • 2-3名参与人员(需包涵产品设计者、产品决策者)。
  • 卡片/便利贴,笔。

4.操作方式

  • 一边讨论,一边将想要的功能写在卡片上。
  • 一边讨论,一边将将功能分类,按照x轴为模块名称,y轴为所属模块下的功能进行排列。
  • 一边讨论,一边调整当前的布局(可剔除/添加卡片、调整卡片位置)。

5.解释/说明/tips

1)为什么是2-3个人?

对于有的项目,产品设计人和产品决策人是一个人,为什么还需要2-3个人呢?因为在我看来,一个人的想法是无法做到完善的,但是如果是两个人合作则可以避开90%以上的产品漏洞,所以在产品功能规划的方面,更建议2人以上(当然如果遇到牛人,思维无漏洞,一个人建立产品全景图也是没任何问题的)。不建议3人以上,则是因为对产品指手画脚的人多了,只会越来越乱,产品设计层面,要少而精。

2)如果只是理个产品逻辑,为什么不用脑图:

从操作方式也可以看出,这是一个需要团队合作的过程。脑图更像是一个人的思维梳理,不利于多人的团队合作。卡片化的优点在于:

  • 所有人都有调整布局的权限。
  • 没有了屏幕的限制可以支持高复杂度的产品架构。
  • 可以更方便的删减和备注。
  • 为了后续的操作。
新产品功能规划之大家来找茬(功能点设计)

1.目的

对于关键的功能点或有争议的功能点,可以拿出来大家一起讨论,进而明确功能点的具体操作流程,减少踩坑的可能性。

2.适用场景

确定某个有争议的功能点的设计。

3.所需资源

  • 3-4名参与人员(需包涵产品决策者、产品设计者、用户体验设计师)。
  • 产品全景图。
  • persona卡片 及 scenario卡片。
  • 不同颜色的卡片/便利贴,笔。

4.操作方式(以功能点A的设计为例)

  • 围绕A,各参与人员站在自己的角度,思考A在流程中可能出现的情况与问题,挑刺与找茬。
  • 围绕A,根据刚刚点意见,优化流程或提出更好的方式。
  • 将讨论结果在不同颜色的卡片/便利贴上写出,贴在功能点A的旁边。

5.解释/说明/tips

  • 一定要围绕A,跑题太可怕,降低会议效率且达不到目的。
  • 一定要得出结果,更好的方案/保持当前方案不变。
发布规划

1.目的

优先级排序,划分发布路线图。

2.适用场景

产品经理(可能搭配交互设计师)确定产品发布内容。

3.所需资源

  • 2-3名参与人员(需包涵产品设计者、产品决策者)
  • 产品全景图

4.操作方式

  • 按照产品的长线目标,对功能排优先级。
  • 制定产品发布计划,确保每一次的发布内容都是 MVP。

5.解释/说明/tips

  • 如何排列优先级?

我觉得书里面有一句话能够很充分的回答这个问题:

聚焦于成果,即产品发布后用户能使用和感知的东西,切分发布计划应该以成果为导向。 ——《用户故事地图》P56

  • 怎么划分发布周期?

同样也是聚焦于成果,每一个发布的版本希望能够达到什么样的效果,再就是,保证 每一个版本都是当前情况下的 MVP。

二. 产品的「0.5 ,1」

当产品形态及功能确定后,则进入到需求确认阶段。这个阶段是需要产品的所有参与者参与其中的,但是主要以开发人员为主,确认产品功能的可实现性。

需求讨论 —— 大家来找茬

1.目的

与开发人员准确、高效地确认需求。

2.适用场景

产品的某一个迭代,需要确认需求。

3.所需资源

  • 7名以内项目参与人员(需包涵产品设计者、用户体验设计师、开发人员),开发团队负责人必须参与,其他开发人员尽量参与(如果人数超过7人,可以采用金鱼缸协作模式)。
  • 产品全景图。
  • 迭代功能的较详细文档(可能是word文档、可能直接是设计稿、可能是更具体的故事地图)。

4.操作方式

  • 各参与人员站在自己的角度,思考各功能点在流程中可能出现的情况与问题,挑刺与找茬。
  • 根据刚刚点意见,优化流程或提出更好的方式。
  • 将讨论结果在不同颜色的卡片/便利贴上写出,贴在功能点的旁边。

5.解释/说明/tips

1)为什么需要产品全景图?这样做有什么好处?

产品全景图可以帮助开发人员建立整个产品形态,能够完全清楚当前的整体的开发内容,利于架构的搭建,代码模块化/复用等等。

2)需要注意的一点:在此过程中需要控制住,尽量不要延伸出新功能,也不要大范围的修改功能。如果大范围的修改了功能,也不建议直接以会议结果为最终结果。因为原本的方案是经过深思熟虑的,而在会议上,人太过于兴奋的状态下容易冲动,冷静下来再思考一下方案也会发现会议上的结果可能会存在很多漏洞。

需求拆解 —— story 下的 story 细分

1.目的

将当前的 story 细分为开发人员可以接受、方便开发的 story。

2.适用场景

当产品的 story 颗粒度过大时,开发人员需要将 story 进一步细化。

3.所需资源(与需求讨论的资源一致)

  • 7名以内项目参与人员(需包涵产品设计者、用户体验设计师、开发人员),开发团队负责人必须参与,其他开发人员尽量参与(如果人数超过7人,可以采用金鱼缸协作模式)。
  • 产品全景图。
  • 迭代功能的较详细文档(可能是word文档、可能直接是设计稿、可能是更具体的故事地图)。

4.操作方式

  • 在多方讨论下,将大的 story 按照开发需要进行拆分。
  • 将拆分好的 story 写在卡片/便利贴上,贴在对应大的 story 下方/旁边。

5.解释/说明/tips

产品经理不要太过于干涉技术人员的拆分,在不涉及原则的情况下,他们开发怎么舒服就随着他们来吧。

优先级排序

1.目的

开发人员在一个迭代内,对开发内容进行排序。

2.适用场景

在「需求拆解」后,很自然的进入到优先级排序。

3.所需资源(与需求讨论的资源一致)

  • 7名以内项目参与人员(需包涵产品设计者、用户体验设计师、开发人员

您可能想查找下面的文章:

  • 交互基础小课堂!如何利用 “峰终定律” 改善用户体验?
  • 阿里设计师:我如何用服务设计的思维来做Airbnb?
  • 进阶高级设计师!如何从零开始做出用户体验地图?
  • 超全面!关于用户故事地图的7种用法

相关文章

  • 2017-08-06网页设计制作科学化原则建议总结
  • 2018-08-23如何构建 Web 端设计规范之文本与选择器
  • 2018-08-23写给UI新手的APP结构指南:闪屏
  • 2018-08-23也许你该注意一下影响网页设计的这5个关键指标
  • 2017-08-06自适应网页设计是怎么做到的的相关知识点总结
  • 2018-08-23网易设计师:帮你学会万能的深度访谈方法
  • 2018-08-23学会这3个方法,零基础也能做出好看的配色
  • 2018-08-23哈哈哈!设计师专用表情包合集(四)
  • 2017-08-06新手建站教程 十天学会做网站
  • 2017-08-06设计能力修炼的好办法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 酷站两连发!25万张高质量免费大图+在线图片压缩工具
    • 在做产品设计的时候,预期和现实到底有多大的差别?
    • 图层英文怎么写?来看看Apple官方写法(Bars篇)
    • 轻松看懂规范!详解组件控件结构体系之加载类
    • 2018最具设计感录取通知书,看完让人想复读!
    • hasLayout引发的CSS Bug表
    • 如何构建Web端设计规范之反馈类组件
    • UI / UX设计师应该学习的用户心理学原理
    • CSS实现单行、多行文本溢出显示省略号的实现方法
    • 「这个控件叫什么」系列之Toast(吐司提示)的曾经、现在与未来

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有