创新工具 | 教你6步用故事板设计用户体验事半功倍

news2024/9/20 1:03:01
  • 问题

构思方案时团队在细节上难以共识

  • 故事板是什么?故事板就像连环画一样,将用户使用解决方案的关键步骤顺序串联了起来,呈现了方案和用户之间的交互。
  • 故事板以先后顺序展现团队票选出来的最佳解决方案,在过程中对于方案中未讨论的细节和开放性问题达成共识,同时也是为下一阶段的制作原型进行铺垫。
  • 因此,虽然在决策方案阶段,团队已经对要验证的方案达成共识,在绘制故事板过程中,团队成员还是会因为细节的讨论上产生不少冲突和分歧,甚至有些团队陷入了漫无止境的讨论。下面通过六个步骤,避免大家因为进入非结构化的讨论而延长故事板绘制时间,让团队专注于高效产出故事板。

  • 解决方案

6个步骤让团队在冲刺中高效地故事板设计

步骤一:写出用户验证流程

  • 除了决策者的所有人拿便签纸
  • 回顾上一步确定的解决方案
  • 每个人写下一个你认为用户从进入到退出该解决方案的6个关键步骤 (比如点击/长按等)
  • 此时可以参考用户体验历程和冲刺问题
  • 可以先列出起点和终点。起点是一个真实的进入点,即用户是如何进入找到解决方案的;终点即理想的结束点,即用户是如何离开解决方案的,通常是他们使用解决方案完成了某个任务或目标。然后将故事的中间环节分割成用户完成任务的几个关键步骤。
  • 比如,以摩托车出租服务这个解决方案为例。起点是用户搜索摩托车出租找到这一解决方案,终点是用户使用完摩托车后归还。用户的任务是使用摩托车,因此关键步骤会包含:阅读营销页面-在手机应用商城下载App-在App中预定摩托车-使用摩托车。

步骤二:在墙上创建一个矩阵

  • 这一步是为了让团队每个成员都能将自己思考的用户验证流程都展示出来。
  • 在正方形的便签纸上分别写下A B C…并将他们垂直地贴到墙上
  • 在正方形的便签纸上分别写下1, 2, 3… 6并将他们水平地贴到墙上
  • 见下方的例子

步骤三:每人读出内容,并把内容贴到墙上

  • 一个人站起,向团队大声读出他/她便签纸的内容
  • 按1-6的顺序把6个步骤的用户故事便签纸贴到墙上
  • 所有人轮流重复一样的行动

步骤四:团队对验证流程进行投票

  • 所有人除决策者外拿一个小圆点
  • 为你认为故事线最清晰的行(参与者)投票
  • 最后,决策者拿一个大圆点进行最后的投票
  • 圈出获胜的验证流程
  • 将获胜的验证流程贴在故事板模版

步骤五:团队对验证流程进行投票

  • 回顾冲刺问题/用户体验历程/投票选出的构思草图页面
  • 将优选的构想草图从其他页面中摘出来,贴在对应验证流程中
  • 列出每个页面想从用户验证中学到的、验证的假设
  • 如果发现一个步骤存在多个假设,选择一个最值得验证的
  • 如无法决策则将这些假设想法都纳入故事板
  • 将待验证假设归类到对应的用户验证流程中
  • 团队讨论如何验证每一个假设,以及在故事板上的呈现方式
  • 列出团队要验证的的基本假设是一个重新审视解决方案全局的好方法,尤其是当它发生在设计冲刺的中间阶段。
  • 这些假设的对象可能是用户(例如:“用户愿意在使用摩托车出租App时授权访问地理位置”),可能是关于业务(“摩托车出粗市场足够大,能够支持公司的可持续发展”),还可能是关于技术(“技术团队能够开发自动匹配最接近用户的摩托车出租点给用户”)等等。
  • 例如,如果您有一个比较重要的假设,即用户将乐于在您的产品中共享私有数据,那么在故事板中,你应该设计一个所能想到用户分享其私有数据的最大限度场景。当你在原型阶段向用户展示它时,将能很快发现您的假设是否正确。
  • 试着想出一种方法来测试所有的假设,无论是在用户研究中还是在其他可以马上开始的并行任务中(例如,让工程师花几个小时破解上面提及的自动匹配算法)。如果你现在还不能验证所有的假设,请放入设计冲刺的待办事项中。
  • 在列举假设的过程中,团队对于同一个假设有多个想法是很常见的情况,在这种情况下,团队可以选择保留所有的想法或者对其中的一个达成共识。这将直接影响到在原型阶段,团队要制作一个原型亦或者多个。我们的建议是,如果团队每个人都对其中某个想法感到满意,那么就只保留一个假设;如果团队对选择哪个想法绞尽脑汁,认为每个都有其优缺点,那么这时候保留多个是更好的做法。

步骤六:绘制故事板

  • 主笔人(选出1-2个主笔人)使用马克笔或者便利贴。用图画和文字填充细节
  • 从第一个单元格开始。基于上一步讨论的假设和呈现方式进行绘制。整个团队探讨每一步
  • 然后最后一个单元格
  • 然后是剩下的单元格。剩下的格子是每一步的操作(1个分镜可以约等于测试中的1分钟)
  • 故事板利用视觉讲故事,其保真度只需要给团队成员提供足够的信息。在故事板的每个空白格中,团队将绘制用户的单个动作—无论是单击按钮的指针、输入的文本,还是在现实生活中正在做某事的用户。你不必担心布局或设计的细节,但你必须考虑故事中发生的每一个动作。
  • 绘制故事板不是一项轻松的工作,团队需要谨慎地进行操作。让一个人画画,但不要让他们自己画出所有的东西。小组成员应该参与进来,讨论接下来会发生什么,并尽可能多地帮助那个拿着白板笔的勇敢的人。
  • 当您开始绘图时,设想您正在为用户研究参与者构建原型。他们如何得到你的产品?当他们到达那里时,他们会试图做什么?这将帮助你弄清楚故事板的每一帧画面要传达的信息。

  • 关键成效

故事板,帮助团队理清产品的使用情境

借由故事板中连续的插画和分镜把一个人和产品或服务之间的交互体验呈现出来的,故事板的核心价值有:

  • 可视化的效果:因为图片比文字会更加容易被理解,也更适合传达概念和想法,通过视觉化的方式,故事板把信息更为系统的呈现出来,也是一种更有叙述化的方式,让受众有一个更好的理解。
  • 同理心:因为每个人都可以从故事中找到一个近似的经历或者是关联的信息,让我们产生一些共鸣,我们可以通过理解这些与我们类似的人、信息、经历对一个产品或体验行为有更好的参与性。

故事板模板

  • 通过故事板展示产品的使用情境,包括用户交互的流程。将交互体验呈现出来的。

下载

  • 参考文章:
  • 1. Jake Knap 产品设计冲刺:决策阶段
  • 想更深入学习绘制故事板的技巧,以及团队如何高效决策创新想法,为你推荐《设计冲刺:创意构思与优选方案》课程。

「课程推荐」创意构思方案

  • 让你的团队在短时间内快速找到最佳的创意构思方案,并基于方案进行故事板绘制。
  • 3 节微课

去学习

继续阅读本文相关话题

  • 产品研究, 设计冲刺

Runwise 创研院

Runwise创新咨询旗下的专业创新智库机构。秉承Runwise.co创新社区“共享、共进、共创”的价值理念,与全球领先创新智库和创新专家紧密协作,拥有最严谨的研究员团队以及生成式AI驱动的创新知识库。为Runwise各机构和开放创新社区策划、设计和输出最新的创新趋势、前沿的创新方法、专业的创新实践以及深度的创新案例。

查看作者主页

原文链接:

创新工具 | 教你6步用故事板设计用户体验事半功倍

延展文章:

1. 创新工具|用这5个chatGPT提示可快速获得高价值见解

2. 创新工具|2023四个好用的有效复盘方法

3. 创新工具|用"GTM画布"来规划并设计产品GTM策略和打法

4. 创新工具 | 如何以3×3增长模型矩阵驱动产品规模化增长

 

更多精彩案例与方案可以访问Runwise创新社区。
 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/584295.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

vue 使用vue-json-viewer 展示 JSON 格式数据

vue 使用vue-json-viewer 展示 JSON 格式数据 1、安装 vue-json-viewer插件2、引入插件并注册2.1 全局注册组件2.2 单个页面局部引入 3、插件的基础使用4、插件可选配置说明4.1 选项 4.2 事件4.3 Slots4.4 主题5、实现效果 1、安装 vue-json-viewer插件 npm install vue-json-…

小米新财报:手机承压,转型求生

配图来自Canva可画 近期,国内各互联网大厂、科技公司、电商平台、内容社区等均陆续发布了2023年第一季度财报。在疫情消退、经济回暖的当下,还是有不少企业交出了一份不错的答卷。而国内知名的科技公司——小米集团,由于业务覆盖范围广泛、产…

【线程池】线程池的7种创建方式,详细讲解

文章目录 一、什么是线程池?二、线程池的分类三、线程池的使用四、ThreadPoolExecutor详解 一、什么是线程池? 线程池(ThreadPool)是一种基于池化思想管理和使用线程的机制。它是将多个线程预先存储在一个“池子”内,…

(哈希表 ) 454. 四数相加 II ——【Leetcode每日一题】

❓454. 四数相加 II 难度&#xff1a;中等 给你四个整数数组 nums1、nums2、nums3 和 nums4 &#xff0c;数组长度都是 n &#xff0c;请你计算有多少个元组 (i, j, k, l) 能满足&#xff1a; 0 < i, j, k, l < nnums1[i] nums2[j] nums3[k] nums4[l] 0 示例 1&a…

如何在多个端口上运行 SSH 服务器?

SSH&#xff08;Secure Shell&#xff09;是一种用于安全远程访问和管理服务器的协议。默认情况下&#xff0c;SSH服务器在Linux系统上使用22号端口进行通信。但是&#xff0c;有时我们可能需要在多个端口上运行SSH服务器&#xff0c;以满足特定的需求或增强服务器的安全性。 本…

Hexo+Twikoo+Vercel 个人博客开启评论功能

Twikoo 文档&#xff1a;https://twikoo.js.org/quick-start.html MongoDB 数据库 点击链接 https://www.mongodb.com/cloud/atlas/register 进入 MongoDB 官网使用邮箱进行注册&#xff1a; 注册之后&#xff0c;MongoDB 会向邮箱发送一封验证邮件&#xff1a; 进入邮箱&…

如何在 Linux 中进行网络地址转换 (NAT)?

网络地址转换&#xff08;Network Address Translation&#xff0c;简称NAT&#xff09;是一种在网络中使用的技术&#xff0c;它允许将私有网络中的IP地址映射到公共网络上&#xff0c;从而实现多个设备共享单个公共IP地址。在Linux系统中&#xff0c;我们可以使用一些工具和配…

实体店引流获客系统模式开发详解

随着互联网的日益发展&#xff0c;实体店的处境变得越来越艰难&#xff0c;获客难和销量差成为了实体店最头疼的两大问题。面对这种情况&#xff0c;一味固步自封是不行的&#xff0c;最好还是顺应潮流&#xff0c;结合一款合适的商业模式&#xff0c;来帮助自己快速引流获客和…

䲟鱼优化算法(ROA)(含MATLAB代码)

先做一个声明&#xff1a;文章是由我的个人公众号中的推送直接复制粘贴而来&#xff0c;因此对智能优化算法感兴趣的朋友&#xff0c;可关注我的个人公众号&#xff1a;启发式算法讨论。我会不定期在公众号里分享不同的智能优化算法&#xff0c;经典的&#xff0c;或者是近几年…

接口测试--apipost接口断言详解

在做接口测试的时候&#xff0c;会对接口进行断言&#xff0c;一个完整的接口测试&#xff0c;包括&#xff1a;请求->获取响应正文->断言。 一、apipost如何进行断言 apipost的断言设置实在后执行脚本中进行编写的。apipost本身提供了11中断言&#xff1a; apt.asser…

经济学基本思维方式

经济学定义 人的欲望是无止境的&#xff0c;而资源有限&#xff0c;这是一个矛盾。 经济学是研究个人和社会如何最优利用由自然和前人提供的有限资源的学问。 经济学的范围 Microeconomics 微观经济学 研究各个行业的运作的以及企业和个人的决策行为的经济学分支。Macroeco…

数据门户基础课程

PC端门户使用示例 首先,以管理员身份登录FineBI系统,安装数据门户,安装步骤见官网 新建一个数据门户

7. Linux系统下在桌面设置添加安装软件启动图标快捷方式

1. 说明 在Linux系统下安装了对应的软件之后&#xff0c;一般启动时需要在命令行终端中进行启动&#xff0c;可以在终端里设置快速启动的命令&#xff0c;相关设置可参考博客&#xff1a;Linux系统下在终端设置快速启动已安装软件。 另一种快捷启动方式就是像在Windows桌面系统…

git报错Filename too long

描述 碰见一个小小问题&#xff0c;Git在拉代码的时候提示Filename too long&#xff0c;具体如图 刚开始&#xff0c;一开始我是使用git自带的那个工具有问题了&#xff0c;然后我就下载了一个tortoisegit&#xff0c;结果还是有问题&#xff0c;这可是22G文件&#xff0c;我…

printf打印彩色字符,还能闪烁!

在使用linux终端命令的时候&#xff0c;我们可以看到像more命令&#xff0c;它的显示方式与一般的字符串不同&#xff0c;是用了反显。同样&#xff0c;linux C下printf还有很多其他不常见的格式化输出形式。本文主要为你盘点这些形式。 效果展示: 特殊的输出 演示代码: #inc…

每日一练 | 华为认证真题练习Day47

1、某台路由器输出信息如下&#xff0c;下列说法错误的是&#xff1f;&#xff08;多选&#xff09; A. 本路由器开启了区域认证 B. 本设备出现故障&#xff0c;配置的Router Id和实际生效的Router ID不一致 C. 本设备生效的Router Id为10.0.12.1 D. 本设备生效的Router Id为…

渗透测试工具Burpsuite

学习文档 https://portswigger.net/burp/documentation/desktop/getting-started/download-and-install Burp Suite是一款流行的集成式Web应用程序安全测试工具套件&#xff0c;广泛应用于渗透测试、安全审计、黑盒测试和漏洞研究等Web安全领域。它由PortSwigger公司开发&…

工具-Ditto与X mouse Button,自定义热键复制粘贴Ctrl C /V,解放双手

文章目录 1、使用演示2、使用方法3、更新&#xff0c;鼠标一键实现复制粘贴3.1 使用方法 1、使用演示 不需要同时摁下ctrl c /v 就可以在键盘上实现一键复制粘贴&#xff0c;其实去网上有外接的键盘&#xff0c;大概20元左右&#xff0c;外接键盘只有两个摁键&#xff0c;就是…

一文解决OpenCloudOS 如何基于 eBPF 实现容器级别的TCP 连接监控?

导语&#xff1a;eBPF 技术的出现&#xff0c;使得内核的资源监控更加的便捷、高效&#xff0c;容器化监控也更加适用于云原生的场景。基于 eBPF 实现的可观测性&#xff0c;可以无需修改内核源码或者加载内核模块&#xff0c;安全高效的扩展内核功能&#xff0c;很好的解决了上…

11.1.0 Web 打印新支持 UGC 布局模板

作者&#xff1a;yx 目录 前言 一、在iDesktopX制作布局并输出布局模板 二、将布局模板拷贝到iServer 三、构建Web打印内容 四、结果展示 前言 之前有小伙伴希望 iServer 的 Web 打印布局可以采用 iDesktop/iDesktopX 输出的布局模板&#xff0c;针对该需求11.1.0版本做了…