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

  • 问题

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

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

  • 解决方案

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

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

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

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

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

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

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

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

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

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

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

步骤六:绘制故事板

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

  • 关键成效

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

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

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

故事板模板

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

下载

更多热门创新案例,请点击:Runwise创新社区

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

几个强力的nodejs库

几个强力的nodejs库 nodejs被视为许多Web开发人员的理想运行时环境。 nodejs的设计是为了在运行时中使用JavaScript编写的代码,它是世界上最流行的编程语言之一,并允许广泛的开发者社区构建服务器端应用程序。 nodejs提供了通过JavaScript库重用代码的…

Linux--网络编程

一、网络编程概述1.进程间通信: 1)进程间通信的方式有**:管道,消息队列,共享内存,信号,信号量这么集中 2)特点:依赖于linux内核,基本是通过内核来实现应用层…

计算机毕业设计选题推荐-家庭理财微信小程序/安卓APP-项目实战

✨作者主页:IT研究室✨ 个人简介:曾从事计算机专业培训教学,擅长Java、Python、微信小程序、Golang、安卓Android等项目实战。接项目定制开发、代码讲解、答辩教学、文档编写、降重等。 ☑文末获取源码☑ 精彩专栏推荐⬇⬇⬇ Java项目 Python…

SVG圆形 <circle>的示例代码

本专栏是汇集了一些HTML常常被遗忘的知识,这里算是温故而知新,往往这些零碎的知识点,在你开发中能起到炸惊效果。我们每个人都没有过目不忘,过久不忘的本事,就让这一点点知识慢慢渗透你的脑海。 本专栏的风格是力求简洁…

腾讯云助力港华能源上线“碳汭星云2.0”,推动能源行业绿色低碳转型

11月17日,港华能源与腾讯云联合打造的港华智慧能源生态平台“碳汭星云2.0”升级上线。依托双方的连接、大数据能力和行业深耕经验,该平台打破了园区“数据孤岛”,进一步提升了数据治理、应用集成和复制推广能力,未来有望以综合能源…

Docker发布简单springboot项目

Docker发布简单springboot项目 在IDEA工具中直接编写Dockerfile文件 FROM java:8COPY *.jar /app.jarCMD ["--server.prot 8080"]EXPOSE 8080ENTRYPOINT ["java", "-jar", "/app.jar"]将项目打包成对应的jar包,将Dockerf…

html主页框架,前端首页通用架构,layui主页架构框架,首页框架模板

html主页框架 前言功能说明效果使用初始化配置菜单加载主题修改回调 其他非iframe页面内容使用方式iframe页面内容使用方式 前言 这是一个基于layui、jquery实现的html主页架构 平时写的系统后台可以直接套用此框架 由本人整合编写实现,简单上手,完全免…

Android WMS——输入系统管理(十七)

一、简介 1、工作原理 输入子系统从驱动文件中读取事件后,再封装提交给 IMS,IMS 再发送给 WMS 进行处理。 Android 输入系统的工作原理概括来说,内核将原始事件写入到设备节点中,InputReader 不断地通过 EventHub 将原始事件取出来并翻译加工成 Android 输入事件,…

计算机网络(持续更新…)

文章目录 一、概述1. 计网概述⭐ 发展史⭐ 基本概念⭐ 分类⭐ 数据交换方式🥰 小练 2. 分层体系结构⭐ OSI 参考模型⭐TCP/IP 参考模型🥰 小练 二、物理层1. 物理层概述⭐ 四个特性 2. 通信基础⭐ 重点概念⭐ 极限数据传输率⭐ 信道复用技术&#x1f389…

C++:拷贝构造函数,深拷贝,浅拷贝

一.什么是拷贝构造函数? 同一个类的对象在内存中有完全相同的结构,如果作为一个整体进行复制(拷贝)是完全可行的。这个拷贝过程只需要拷贝数据成员,而函数成员是共用的(只有一份拷贝)。在建立对…

Java面试题07

1.线程池都有哪些状态? 线程池的状态有RUNNING(运行中)、SHUTDOWN(关闭中,不接受新任务)、 STOP(立即关闭,中断正在执行任务的线程)和TERMINATED(终止&#x…

函数调用分析

目录 函数相关的汇编指令 JMP指令 call指令 ret指令 VS2019正向分析main函数 总结调用函数堆栈变化规律 x64dbg分析调用函数 IDA分析调用函数 函数相关的汇编指令 JMP指令 JMP 指令表示的是需要跳转到哪个内存地址,相当于是间接修改了 EIP 。 call指令 ca…

图像分割方法

常见的图像分割方法有以下几种: 1.基于阈值的分割方法 灰度阈值分割法是一种最常用的并行区域技术,它是图像分割中应用数量最多的一类。阈值分割方法实际上是输入图像f到输出图像g的如下变换: 其中,T为阈值;对于物体的…

Django 路由配置(二)

一、路由 就是根据用户请求的URL链接来判断对应的出来程序,并返回处理结果,也是就是URL和django的视图建立映射关系. 二、Django请求页面的步骤 1、首先Django确定要使用的根URLconf模块,通过ROOT_URLCONF来设置,在settings.py配置…

试用无线调试器PowerDebugger小记

试用无线调试器PowerDebugger小记 文章目录 试用无线调试器PowerDebugger小记引言准备软硬件环境PowerDebugger 无线调试器EVB-YTM32B1LE0-Q64 开发板 开始调试小结参考文献 引言 多年前调试智能车时,抱着电脑连着小车在跑道上一边跑一边看数据的经历,让…

春秋云境靶场CVE-2022-30887漏洞复现(任意文件上传漏洞)

文章目录 前言一、CVE-2022-30887描述和介绍二、CVE-2021-41402漏洞复现1、信息收集2、找可能可以进行任意php代码执行的地方3、漏洞利用找flag 总结 前言 此文章只用于学习和反思巩固渗透测试知识,禁止用于做非法攻击。注意靶场是可以练习的平台,不能随…

深入解析SSD Wear Leveling磨损均衡技术:如何让你的硬盘更长寿?

SSD的存储介质是什么,它就是NAND闪存。那你知道NAND闪存是怎么工作的吗?其实,它就是由很多个晶体管组成的。这些晶体管里面存储着电荷,代表着我们的二进制数据,要么是“0”,要么是“1”。NAND闪存原理上是一…

Unity模拟薄膜干涉效果

Unity制作薄膜干涉效果,色彩斑斓的黑色石头 大家好,我是阿赵。   这次来做一个模拟薄膜干涉的彩色效果,Shader是使用ASE来连接,也算是ASE做复杂一点的效果的一个例子吧。 一、什么是薄膜干涉 以下解释来源于百度百科&#xff1…

白鳝:聊聊IvorySQL的Oracle兼容技术细节与实现原理

两年前听瀚高的一个朋友说他们要做一个开源数据库项目,基于PostgreSQL,主打与Oracle的兼容性,并且与PG社区版内核同步发布。当时我听了有点不太相信,瀚高的Highgo是在PG内核上增加了一定的Oracle兼容性的特性,一般也会…

#gStore-weekly | gBuilder功能详解之表单录入

gBuilder除了可以提供结构化数据映射以及非结构化数据抽取两种构建知识图谱的方式以外,还提供了表单录入的方式来构建知识图谱的数据,用户只需要根据设计好的schema将实体、属性以及关系通过填写表单的形式录入,再通过一键生成NT文件即可获得…