58内部方法!一个更适合产品迭代的卡片创意法

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

文章目录[隐藏]

58内部方法!一个更适合产品迭代的卡片创意法

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

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

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

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

前期准备:

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

Step1:准备任务×场景画板

对希望迭代的产品模块,归纳其核心任务流程,作为X轴。

整理不同的典型场景,作为Y轴。

画在大白板上,成为之后做分析创意的画板。

58内部方法!一个更适合产品迭代的卡片创意法

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

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

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

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

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

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

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

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

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

58内部方法!一个更适合产品迭代的卡片创意法

Step2:贴Now卡

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

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

58内部方法!一个更适合产品迭代的卡片创意法

Step3:贴Problem卡和Better卡

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

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

58内部方法!一个更适合产品迭代的卡片创意法

Step4:再贴一轮Better卡

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

58内部方法!一个更适合产品迭代的卡片创意法

Step5:整理小结

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

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

欢迎关注58UXD 的公众号:

58内部方法!一个更适合产品迭代的卡片创意法

「国内各大互联网公司的内部教程」

58内部方法!一个更适合产品迭代的卡片创意法

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

原创文章,作者:震天下,如若转载,请注明出处:https://www.iamue.com/34165/

(0)
震天下震天下
上一篇 2017-08-23 14:01
下一篇 2017-08-28 13:20

相关推荐

  • 【Sketch切图】系列教程之sketch切图基础教程

    sketch切图效率是ps的几倍,几十倍。因为大部分公司没能给设(qie)计(tu)师(zai)配mac电脑,所以用sketch少,不然我相信大部分设(qie)计(tu)师(zai)都会转移到sketch。 先说说最基础的,在sketch中,一个项目的…

    2015-12-03
  • UED专访 | 魏娜:设计由情感而生

    📌 编辑 | Belinda.L《漂亮的房子》播至第三阶段,福鼎站的房子即将展现在观众面前,UED采访了“小溪家”的建筑师魏娜,探寻项目背后的情感设计。魏  娜WEI 建筑设计创始合伙人、主创建筑师魏娜于2013年发布过一条微博,感谢UED杂志的建筑师赠刊上精心的小细节。而她与UED的缘分其实从更早之前就已开始了。UED杂志特别赠刊烫印有建筑师姓名 ©魏娜“从2009年我们事务所刚刚成立的时候,UED就开始给予我们很大的支持,在这近9年...

    2018-02-02
  • 交互设计的重要性

    陌陌年会以疯x做伴手礼 引起互联网一片羡慕今天以陌陌产品为例讲讲交互设计的重要性在浏览页面时,左滑、点击返回按钮都可以回到上一页为什么发布帖子使用的是取消按钮而不是返回,也不可使用左滑呢如下:发布圈子非浏览而是在完成某一任务,点击返回或者左滑返回上一页,给用户任务未结束的负担,我只是返回了 并未取消任务的困扰

    2018-02-23
  • [转]设计智能推送通知的要点|译文

    当你安装一款新的应用时,有多大比例是允许收到推送通知的呢?我已经被无数的推送通知搞烦了!我甚至有在凌晨被推送通知吵醒的经历!这怎能让我爱上那款应用呢!推送通知的逻辑应该更加智能化才是!本文就阐述了设…

    2016-07-15
  • 用户体验设计中的功能动效

    作者:Amit Daliot 出处: http://www.smashingmagazine.com/2015/05/functional-ux-design-animations/ 一个优秀的用户体验设计师可以很容易的解释设计概念中每个决策背后的逻辑。通常包括信息架构,页面内容的层…

    2015-11-08
  • 以开发的视角做设计:开发眼中的设计稿长什么样?

    面对完全不一样的媒介,设计师们会有不一样的目标,也会使用不一样的手法进行设计。 比如说一名 UI 设计师与平面设计师的最大区别,大概就是在于 UI 设计师能够以开发的视角来做设计。

    2017-05-01
  • 设计师升级篇|动感特效轻松get

    新手设计师相较于资深设计师,后者技能更丰富且全动感特效轻松get 面,很多人想要进阶资深却苦于培养新技能,笔者在经手不少视频动效项目后,对于技能进阶颇有心得。

    2017-05-07
  • 这是我见过的最差的作品集【UXRen译#171】

    作者:Alex Cornell (Facebook设计师)   |  翻译:冬柏,校审:天蛙   这是我见过的最差的作品集。我总结了一下这些糟糕的作品集,都存在以下几点问题:   1、作品集只有一个段落 在你的个人网站我没有看到任何作品…

    交互专题 2017-08-07
  • 全面解读!人工智能如何改善五大用户体验?

    点击【阅读原文】,即将IPO独角兽,抓住上市前最后的机会!最近两年人工智能技术在金融、安全、交通、医疗、公共服务和制造业等领域逐渐落地,随着技术的成熟,人工智能将会在更多领域影响人类的生活。以人为本的人工智能设计会变得更加重要,本文会从安全性、效率、易用性、场景化、个性化五个方面阐述人工智能如何改善现有的产品和用户体验,这五个方面存在着各种联系并相互影响。安全性越接近系统底层的技术越影响用户体验,例如手机中毒或者信息被盗都会对用户产生巨...

    2018-05-05
  • 3步帮你搞定PRD文档

    很多新同学问道写PRD文档时不知如何下手,在这小编整理了一下如何搞定PRD文档的思路,还望对大家有帮助,这样也就值了。 一、理解什么是PRD? PRD:Product Requirement Document,产品需求文档,可以看出它是用来…

    2015-06-05