一个更适合产品迭代的卡片创意法

本文是由58UXD的交互小组的工作总结文章,交互设计师常常需要进行迭代设计,为此,他们琢磨试验出一个更适合产品迭代的卡片创意法。收到消息通知→打开消息通知→查看消息→回复/其它操作接收(告知用户有消息需要了解)→阅读(了解更多消息详情)→反应行为


本文是由58UXD的交互小组的工作总结文章,交互设计师常常需要进行迭代设计,为此,他们琢磨试验出一个更适合产品迭代的卡片创意法

一个更适合产品迭代的卡片创意法

交互设计师常常需要进行迭代设计,在已有的产品框架上发现问题,优化体验,更好地达成产品目标。

但随着产品逻辑和使用场景越来越丰富多样,直接面对着一个个设计细节去发现问题,解决问题,往往会忽视全局,顾此失彼,错过许多解决核心问题的可能性。

为此,我们琢磨试验出一个更适合产品迭代的卡片创意法。它可以:

  1. 让我们站在更全局的视角发现问题
  2. 让我们的创意发散过程更聚焦高效
  3. 让每个人在协同设计中发挥更大的能量

前期准备:

大白板、笔、三种颜色的便利贴,我们选择黄红绿三种颜色,具体用法会在后文提到。

Step1:准备任务×场景画板

  1. 对希望迭代的产品模块,归纳其核心任务流程,作为X轴。
  2. 整理不同的典型场景,作为Y轴。
  3. 画在大白板上,成为之后做分析创意的画板。

一个更适合产品迭代的卡片创意法

这个步骤中值得注意的是“核心任务流程”的归纳,需要我们抓住需求的本质,提炼出更贴近本质的任务,而非具体的行为任务。

例如,我们在对转转APP的消息功能做迭代分析时,如果把任务流程按照实际情况,便会整理为:

收到消息通知→打开消息通知→查看消息→回复/其它操作

这样的任务分析会把我们的思路限制在已有的解决方案里,影响我们理解消息功能的本质,并发散新的满足需求的方式。于是,我们把消息功能背后的需求本质理解为“当有一些信息需要让用户知道并作出反应时的解决方案”,把任务流程归纳为:

接收(告知用户有消息需要了解)→阅读(了解更多消息详情)→反应行为

典型场景便是整理出这个产品模块会涉及到的主要使用场景,供我们逐个分析和发散创意。例如,转转APP的消息功能涉及的主要场景可以分为:商品留言、商品私信、订单消息等等。

Tips:每次选择一个典型场景进行深入的分析和创意可能会收获更多。

画板准备好后,就可以开始运用卡片做分析和创意了。我们准备了3种颜色卡片,分别命名为:

  1. Now卡(黄色):用来表达现在的流程和方案
  2. Problem卡(红色):用来写现在的问题
  3. Better卡(绿色):用来写问题的优化方案和其它任何新的创意

一个更适合产品迭代的卡片创意法

Step2:贴Now卡

用Now卡在画板上贴出目前的流程和方式,帮助所有人在分析问题和产出创意前,可以共同了解整体情况和全部体验节点。

Tips:主持人可以提前整理出Now卡,并在会上进行说明,提高效率。

一个更适合产品迭代的卡片创意法

Step3:贴Problem卡和Better卡

用15-20min,所有人各自在Problem卡上写下目前流程和各个节点的体验问题,在Better卡上写下可以解决这些问题的创意。之后,每个人讲解自己卡片上内容并贴到画板上的对应位置。

Tips:主持人提前收集更多问题素材,并在会上进行介绍,可以让Problem卡片更真实有效,比如:数据分析报告、用户研究报告、合作方的问题收集等。

一个更适合产品迭代的卡片创意法

Step4:再贴一轮Better卡

再用15-20min,所有人再次发散创意并写在Better卡上,这一次的创意主要集中在:1)上一轮从其他同学的讲解中获得的启发;2)当前流程之外的新的可能、新的方式。之后,同样是每个人讲解自己卡片上内容并贴到画板上的对应位置。

一个更适合产品迭代的卡片创意法

Step5:整理小结

经过大概1.5小时的创意游戏,我们会获得比较全面的体验问题和很多可能的迭代创意。对这些收获进行整理,能为实际的迭代设计工作提供有效的支持。

这个卡片创意法也还在迭代优化中,欢迎大家用自己正在设计的产品试玩儿,并把感受和建议告诉我们哟。

P.S.捣鼓出这个小方法的设计师:MonkeyWang / 高岚 / 李茁

 

本文由 @58UXD 原创发布于人人都是产品经理。未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-01 03:24
下一篇 2017-05-01 05:10

相关推荐

  • 为了色盲用户的友好体验,你应该注意五点

    世界范围内,每12个男性中有1名男性、每200名女性中有1名女性受色盲或者色觉缺失(CVD)的影响。这意味着每100个web或app用户中,至少有8个人的实际体验和你的预期有很大差别。如何确保你的设计对这些用户也有足够的吸引力?我们会在本文提出一些方法帮助大家。别急着满带恐慌地投奔你的设计团队,先来看看我们列出的色彩可用性设计的几项重要事项。

    2017-05-05
  • 产品上线了,你咋都不好意思说是你设计的

    对于界面来讲,我们设计师过于关注设计的美观度,而忽略了图片和文字的内容的真实性。而界面内容的真实性相当关键,这往往关乎自己的设计最终能不能高还原度地呈现。

    2017-05-21
  • 做交互方案时,请注意检查这4个点

    作为一名交互设计师,到底什么程度才能算得上是“专业”?成为一名专业的设计师是否有方法与捷径呢?答案是肯定的,但是今天我分享的内容还不敢称之为体系,只能说是几个小小的经验吧,希望能给正在奔向专业路上的你有所启发。

    2017-05-11
  • 别整标题党! 这是一份阿里的设计师分享的编写交互设计师的启迪思路的文章

    鸿影:一份设计文档的 结构大概可以分成Background项目背景、Schedule排期、History版本历史记录、Information Architecture信息架构分析(包括Site Map、Experience Map、Flow等)、Framework框架设计、Wireframe…

    交互设计 2015-08-26
  • 用户体验是玄学吗

    XINYI00梁欣怡2018年3月5日用户体验的解释有很多种,我比较倾向的一种是“用户体验是人对于使用一个产品、系统、服务时的预期和反应。”首先明确第一个概念,体验是一个过程,生活中的一切皆是体验,我们赤裸裸的来到这个世界,最后赤裸裸的离开,来人世走一遭就是来体验来了。从广义上来看,体验的主体是人,客体可以是一切物体和事情,媒介是我们的感官;当我们的感官作用在一切事物上,会产生相应的心理行为,比如预期,比如反馈,比如情绪,着所有的一切一...

    2018-03-06
  • 我对移动记账 App 的设计探索

    现代智能手机给我们提供了非常多丰富实用的功能,比如平时颇为在意金钱去向的我,就是一个 手机记账 App 的使用者,曾经尝试过各种记账 App,但好像都有那么一点不满意,于是我就想如果是我来设计这么一款 App 的话…

    2015-09-15
  • Axure实验室 | 带放大效果的轮播图

    提起轮播图,相信大家已经非常熟悉了,脑海中自然而然的会浮现出轮播图的交互效果——几张图片,可以逐一的左右切换显示,而每次只能显示一张。这是最基本的轮播图,当然,我今天要讲的不是这种。还有一种轮播图,会同时显示三张图片,中间的图片会放大显示(相比左右两边的两张会大一些),像下面这样。阅读原文预览然后左右切换的时候(通过点击左右按钮或者左右滑动),左右两边的图片移动到中间位置时会动态放大,而中间的图片移动到左右两边时会动态缩小。另外,这种轮...

    2018-03-15
  • 细节体验|你离用户只差一个好的交互

    上一篇我们简单的提到过“在合适的时机出现”这个交互细节打磨点,今天我们继续沿着这个点,剖析一些常见的交互细节点及案例。

    2017-05-18
  • 案例分析|通过配色吸引用户注意力的四点技巧

    色彩在任何一种设计中都起着很重要的作用,相差不多的色彩却能给用户带来完全不同情感效果。因此,好好利用色彩与生俱来的魅力,就能让你的设计更出彩。

    2017-05-01
  • 对交互有疑问的同学可以进行在线提问了

    目前PC端体验做的还可以,手机端暂时不支持,请登录电脑端网站进行提问! 提问页面入口    阿西答疑主题帖

    2016-04-12