设计思维常用的五种工作方法.docVIP

设计思维常用的五种工作方法 　　什么是设计思维呢？顾名思义，设计思维就是设计师用来思考问题和解决问题的方法。如何培养设计思维？今天这篇用两个实战案例帮你一窥设计思维的奥妙。 　　 　　我们先来看一个小测试：以下的方案中，哪一个是好设计？ 　　 　　 　　我们平时评判一个设计的好与坏，很多时候都是从色彩好不好看、使用时有没有可用性的问题等等角度来做出判断。 　　那么请大家来看一下，这里的两个方案。先来简单介绍一下背景，这是百度金融产品线面向教育贷款的一个产品，用户可以通过这个网站找到想要学习的课程，并进行在线贷款申请。我们可以看到，这两个方案的头部是完全一样的，区别在于下方的课程内容区，一个是左右两部分，左边是几大类课程的入口，右边是广告位。另一个方案是通栏，上面是热门课程推荐、下面是展示具体类目下的热门课程。 有的同学会说了，这也没有太大区别嘛！没错！这时，我们再用以往的经验来评判方案的好坏，就会发现很难做出判断。 　　设计师日常工作中经常会碰到这样的一些问题，今天我要分享的设计思维就是用来解决这些问题的方法。 　　设计思维常用的工作方法 　　首先来看，设计思维指导下的工作方法主要分为这四个步骤：洞察用户，然后进行科学合理的设计思考与转化，再下来是把想法制作成原型，最后进行效果的评估。 　　今天我主要讲的是前面两点的具体执行方法。 　　1. 洞察用户的重要方法 —— 移情 　　何谓移情呢？就是说在进行用户调研的时候，把用户的行为作为他生活的一部分进行观察，除了要知道用户都做得了什么，怎么去做的，还要知道为什么，他的目的是什么，以及要知道他这个行为所产生的连带效应。一般来说，分为三步：观察、接触和沉浸。 　　接下来我们通过一个案例来讲解具体怎样做到移情。 　　 　　大家来看这三个界面，从左往右依次是——我们要进行优化的现有产品的联系人详情页、iOS系统的联系人详情页、魅族手机联系人详情页。需求是，对第一个页面进行优化设计。仔细看看这三个界面，大家会不会觉得都是大同小异啊，都是这里有个头像，魅族这里稍微不太一样，是橙色的这一大块，不过感觉也很一般啊。下面的内容基本都是一行一行的电话号码，后面带着短信或是其他图标。那么，怎么去做优化呢？ 　　设计师做了一件什么事呢？他们没有急于去画图讨论，而是去做用户调研。去了哪里做调研呢？他们挑了一个形形色色人特别多的地方——北京南站。怎么做的呢？首先当然是观察、但仅仅是观察还是不够的，他们设计了一套任务，让用户在最自然真实的场景中去使用现有版本的联系人详情页。比如说打电话给一个最近没有联系也记不住他电话号码的朋友，添加设计师到他的通讯录中等等。最后的发现很有意思： 　　大部分用户的大部分联系人只有一个电话号码 　　大部分用户的大部分联系人是没有头像的 　　打电话给联系人是第一诉求 　　只有很少的用户会给小部分联系人设置备注等其他联系方式 　　操作环境往往是在行进中，单手操作 　　整理成图表，大家可以看一下，给联系人打电话是所有任务中失败率最高的，而我们前面的结论中第3条就提到：给联系人打电话是在这个页面的第一诉求。 　　于是，通过这些调研，设计师做出了看似大胆实则非常合理的设计方案： 　　弱化头像区域，采用模糊过的一张好看的图片作为没有设置头像时的默认背景。既然打电话是第一诉求，就用极致的方式，把打电话按钮放大，并且放置在单手最好点击的位置区域。而当用户设置头像后，不再需要裁切成大头照，直接以底图的方式全屏显示。当然，设计总是要考虑边界情况，当用户想设置更多信息时，页面也是可以承载的，内容向上顶，直到高度撑满全屏，底部打电话按钮会悬停在页面最下方。 　　总结一下，要做到移情，首先要深入用户，然后变成真实的用户，最后，作为设计师，一定要跳出用户，把设计方案做到超越用户直白的需求，也就是我们常说的超预期。做到这些，创新设计，也就水到渠成了 　　2. 设计思考方法—— 回归本源 　　讲完了移情，我们再来聊聊设计思考的方法。主要分为以下三点：回归本源、目标导向、视觉化思考。 　　首先我们来看一下回归本源。回归本源的意思就是分析问题的切入点，一定是背后的本质，千万不要纠缠表象 　　　　这是我们产品中经常能够见到的卡片设计。现在给大家看到这个卡片是一个课程卡片，它主要分为：封面、标题……。鼠标移上去时，会有一个红框。设计师在设计时设定的点击区域为：点击封面或者是标题，就可以跳转到课程的介绍页。但是，在产品即将上线时，这个项目的经理提出了一个质疑：可点击区域为什么不是整张卡片？ 　　当我们遇到这样的质疑时，首先不要慌张，不要因为他是经理是高层就盲目妥协，这样的后果往往可能是一个糟糕设计的诞生。而是要拨开一层层的迷雾，去分析问题的本质，从而寻找到真正解决问题的办法。 　　好，我们来试着一步步分析经理提出这个问题