通过实例助你如何在短时间内做出好设计
上周末去参加了DSC(Design Sprint China,设计冲刺社区)的工作坊,期间学习了源自Google的Design Sprint设计方法,现学现用做了一个服务设计,收获很大。在这里分享给大家。
Design Sprint, 设计冲刺,顾名思义就是要在短时间内做出好设计。Google把它定义在2-5天完成设计,核心就是以下这张图。设计过程包括:理解,定义,发散,决定,原型和验证。
第一步:理解
第一步只讨论问题,不要提解决方案。需要准确理解问题,定义好为谁解决什么样的问题。为了更好地理解问题,可以快速地讨论一些商业目标和技术挑战,利益相关者分析,以及用户调研和竞品分析。
例如,我们组拿到的一张图片是这样的:
△ 问题图
我们需要理解图片内容,决定我们要解决对谁的什么样的问题。可以是老年人黄昏恋问题,老年人的子女(也就是年轻人)的相亲问题,老年人生活孤独的问题等等。最终我们组决定为年轻人解决相亲问题。
针对这个问题之后,我们进行了利益相关者分析。在纸上画一个坐标轴,横轴为“兴趣”,纵轴为“权利”,然后把能够想到的利益相关者写在便签上,贴到对应的坐标系里面。如下这张图表示我们对利益相关者要怎么处理:权利高兴趣低的比如政府,我们要“让他满意”,权利低兴趣高的我们要“保持通知”,“权利低兴趣低”的进行监测,看看什么时候突然变高了,而“权利高兴趣高”我们要重点关注。
△ 利益相关者分析
对于我们要解决的年轻人相亲问题,我们列举了以下利益相关者。并对接下来要做的用户调研列举了一些具体问题:
由于时间紧迫,工作坊只给了两个小时去吃午饭加用户调研,所以我们快速地在麦当劳找了几个用户进行调研并记录。
第二步:定义
定义阶段可以包含用户体验地图的整理,设计原则的确立,以及一句话定义产品。
回到设计场地之后,将用户调研的问题整理成用户体验地图,方法如下图所示:
△ 用户体验地图
我们分析用户在相亲前,相亲中,以及相亲后会有哪些触点、痛点和机会点,把我们要解决的问题具体化。我们定义产品为有趣、参与感强、让用户相处自然。
第三步:发散
理解定义好问题之后,接下来就是想解决方案了。首先是发散思维,想很多很多idea。这也是我们工作中经常犯的错误,往往想到一个解决方案就开始深入设计,而没有发散开。
Google给出的发散方法跟DSC工作坊的方法顺序不太一样,我们还是按照Google给的流程来说。
首先是个人头脑风暴。每个人拿一张A4纸,把纸折成八个小块,5分钟去想8个idea,并画下来。
接下来每个人各自从之前想到的8个idea中选出自己认为最棒的一个,并详细画出来。
每个人各自为那个idea画出storyboard。
第四步:决定
前面发散部分是团队中每个人单独想自己的idea,互不沟通。发散环节之后,所有团队有几个成员就会有几个idea。那么接下来怎么定用哪个方案呢?可以通过以下方法:投票,团队评价,以及思考帽子法。
我们团队采用了前两者。在板上画出一个坐标,横坐标为“成本”,纵坐标为“用户价值”,每个人将自己的idea贴到相应的位置,然后大家每人两票进行投票。
最终我们选定的是做饭相亲方案。
第五步:原型设计
对于大部分产品而言,原型可能是app或者微信公众号,或者网页。其实也可以更灵活,可以是视频,甚至是话剧。
DSC给我们提供了原型设计工具以及橡皮泥、乐高等材料。我们组充分利用了资源,用橡皮泥捏出了做饭的场景,并将场景里发生的事情用旁白加场景做了讲解视频,受到了大家的一致好评。
当然我们也有线上部分,是一个微信公众号。只做了纸上原型。
第六步:验证
验证环节包括用户测试,股东反馈,和技术反馈。
由于工作坊产品没有涉及到真正的股东和开发,所以只做了用户测试。
测试环节包含两种,一种是“世界咖啡”,即在场的所有小组只留2个人在本组,其他人都到其他组做访客,给那个组提反馈。另一种是普通的用户调研,在现场拉两个人过来使用我们的原型,并提出反馈。
无论哪一种测试,都为我们产品的完善提出了宝贵的建议。我们原以为自己已经设计完整了,没想到用户能提出许多我们想不到的点。
这位用户很认真地做了我们的用户测试,每个页面都要看很久,并提出了很多宝贵意见。比如“提交了之后怎么只是提示提交完成,没有告诉我接下来要在什么时间点去哪个地点,准备什么材料啊”,“我自己一个人不会去,我一定要叫我朋友跟我一起”,“年龄的选择不应该用绝对值几岁几岁吧,大家计算年龄的方法不同,有的用虚岁,有的用实岁,选出生日期会不会比较好”,等等。
结尾
经过用户测试之后,我们马上迭代了第二个版本,将用户反馈的问题一一解决。最终,我们的演示包括两个视频,一个线上公众号的演示视频,一个线下做饭活动环节的视频,由一个东北口音的男生配音,讲话风趣,引得全场笑声不断。最后我们组还不小心拿了第一名(偷笑)。
这样现学现用的工作坊让人快速掌握知识,并运用到实践中,让人收获很多。
-
Photoshop磨皮教程实例:打造质感皮肤的欧美少女
2022-11-23 3
-
Photoshop磨皮教程实例:简单介绍人物脸部磨皮方法技巧
2022-11-23 1
-
Photoshop磨皮美容技巧教程实例:打造漂亮MM图片健康的肤色
2022-11-23 0
-
Photoshop磨皮实例教程:打造超美的广告美女,清纯美女
2022-11-23 0
-
Photoshop超强磨皮实例教程:给漂亮的欧美少妇磨出白细的面部皮肤
2022-11-23 1
-
Photoshop CS2简单为美女照片进行磨皮实例教程
2022-11-23 1
-
图标教程:制作萌萌大白可爱图标实例教程
2022-11-24 1
-
设计时尚眼镜广告图片的Photoshop实例教程
2022-11-24 2
-
Photoshop滤镜特效制作实例:学习制作绿色暗黑的纹理背景特效图片
2022-11-24 0
-
设计临摹立体手机主题图标的Photoshop实例教程
2022-11-24 2
-
特效ps照片制作实例:利用极坐标滤镜制作地球全景图片
2022-11-24 2
-
设计立体金属拉丝银色图标的Photoshop实例教程
2022-11-24 4
-
Photoshop滤镜特效制作教程实例:学习设计创意的烟雾曲线图片
2022-11-24 1
-
Photoshop滤镜特效教程实例:学习制作漂亮的抽象花朵壁纸图片
2022-11-24 1
-
设计简约风格相机镜头图标的Photoshop实例教程
2022-11-24 3
-
设计清新风格简洁时钟图片的Photoshop实例教程
2022-11-24 0
-
设计紫色渐变背景心形图标的Photoshop实例教程
2022-11-24 1
-
Photoshop特效图片制作实例教程:利用滤镜设计燃烧效果的放射球
2022-11-25 1
-
Photoshop滤镜特效制作实例:巧用滤镜及笔刷工具制作出漂亮的彩色光环
2022-11-25 0
-
利用photoshop液化滤镜制作溶解的相机海报实例教程
2022-11-25 1
-
Photoshop滤镜特效教程:设计一颗璀璨的行星图片教程实例
2022-11-25 1