Stephanie Engle,大学读的是公共政策专业却在Facebook做产品设计，看看一个非科班出身的人对于产品设计的理解。内含一个CASE STUDY:)

初识产品设计

产品设计到底是什么？为啥那么重要？怎么来设计一个产品？

介绍

人人都能成为产品设计师（－_－又是这句话）

哈罗，我叫 Stephanie Engle ，你可以叫我小红。我大学读的是公共政策专业，我也不会画画，一点都不会。Ps、Ai、Ae啥啥的我只能算是个小小白，看见奥多比全家桶都会打冷颤。但是这个夏天，我却进了Facebook，和同事们一起重新设计用户们的详情页。

跟你们交代这些内情是因为现在人们都对设计师这个职业有误解。设计师广泛地被认为都有一条专属的逼谱，还要有专业性很强的相关技能方能被称为一名设计师。我想说，其实并不是这样的。成为一名牛掰的产品设计师，你不需要很懂字体、用色、动效啥啥的，也不需要adobe系玩得超溜，甚至完全可以没有接受过系统的设计教育。（对的，就跟我一样）

不是要叫做设计师的人才能设计东西。事实上，随便一个人、你爹你妈、你二舅母、你三姑妈、甚至是早上给你拌热干面的大妈都能搞设计，皆因设计这个词涵盖了几乎所有东西，它稀松平常到大家都不会察觉的到。

什么是设计？

好设计可以解决问题

人们进行设计的最基本原因是为了解决问题。设计与纯艺术是不一样的，大多数人自然而然就会用“好”这个字来形容设计，而用“美”来这个字形容一尊雕像，这是因为当人们在谈论一个好设计的时候，绝对不是仅仅是在说它的外观，好设计带给人们的绝对不只有美妙的感官体验。

现在什么都说看脸，脸固然重要，没人能够否认一个产品的外观对整个产品的决定性作用，但脸也只是产品设计师关注的其中一个点而已，产品设计师更加关注的是产品带给用家的整体体验（产品这个词涵盖的东西也是非常之广阔）。

设计特斯拉的最根本目标难道不是为了环保（qian）吗？

好设计强调形式和功能

（我已经不想再说：“颜很重要，形式和功能也同样重要”这句话了，是个明白人都懂）。好的设计，好到赢得了用户的爱也赢得市场的那种，是指能够在美和好用之间取得一个完美平衡的。

为什么颜重要？颜为什么重要？你说一个男生长得丑，还会剩下多少女性会越过这道大坎，主动去了解他的内在呢？需知道成年多高傲。看起来就讨人欢心的设计能够拉近设计师和用户的距离，用户也能够直接感受的到设计师的尊重和用心。而对于设计师来说，对于美，其实是最最基本的追求。外观是最先能够表现你的水准的载体，无论是对用户还是你的同行，懂不懂行都会先看脸。

特斯拉家的Roadsterbing 不是第一款以纯电动和环保作为卖点的产品了。但是别家怎么就没获得这样的成功？正是因为特斯拉做到了美观和好用并重。两者相得益彰，遂甫一问世，就获得了巨大的成功，并第一次将环保和豪华两个风马牛不相及甚至有些违和的词联系在一起。

总结一下上面说的一坨，针对功能的设计能直接帮户做到更多，而讨喜的外观也表现了设计师的用心以及产品本身的价值。产品做到这两点，为用户带来好的体验，与你的产品一起实现更加多的价值。

追求完美的设计是对未来的憧憬

关于设计的使命 Julie Zhou的这篇文章说的很好：

Design’s North Star

推荐细读，这边我也来浅浅地总结一下：宏观地讲，设计让我们能够表达自己对更好的世界的景愿，所以越好的设计越会有一种预见未来的气质，也引导人们朝着这个方向去继续创造未来。

不要因为特斯拉卖得是豪车就忽视了它的设计，它是第一个真真正正把推行环保主义和让大家享有一个更美好的地球作为设计目标的汽车公司。

从开始到现在，特斯拉的每一步都坚持自己最开始的目标，包括他们所说的：要实现无人驾驶。他们永远追求更环保更安全的产品。

设计为何如此重要

设计无孔不入

上文有提及每人都是设计师，其实反过来看，设计也是无所不在，跟每一个人都息息相关的。你可以自己想想看，我们人类其实对于设计好坏的认知是与生俱来的，即使是一个没有读过书的人，虽然可能不能讲出来一个东西在设计上具体的优缺，但是却能明显的觉得这个东西是好用与否。是的，对于产品好坏的评判，每个人心底都有一把尺子，我们下意识的用这把尺子量度我们生活中的一切，只是我们没有察觉而已。设计以最直接的方式影响我们生活的方方面面，无论大事小事。

竖的把手真正的意图是让人*拉*开门啊笨蛋!

坏设计会闹出人命

傻逼设计不单单让人感到不爽那么简单。比如以下这篇@ Jonathan Shariat’s的博文，在视觉层级上一个出了一个问题，是足以闹出人命的。哎，你看，当设计联系到医疗／公共服务或者一些别的领域，是显得多么要紧，还劝君要好好磨练自己技艺。

How Bad UX Killed Jenny

“工作经验非常丰富的护士，为了先搞清楚这个混乱的界面花费了自己太多时间，导致Jenny中毒以及缺水而失去了生命”——Jonathan Shariat, Tragic Design

好设计领世界朝着更好的方向发展

好设计启发未来，iPhone的例子提到烂。影响力是如此之大，大家有目共睹。

“把你的生活装进你的口袋”—— Steve Jobs on the iPhone 3G, WWDC 2007

如何来设计产品？

以 Airbnb 作为例子来看他们是如何将“信任”两个字设计到产品里面的。

清楚自己在项目中的扮演什么角色

设计这个词涵盖的范围非常之广，而且进行这项工作的形式也是很多样的，所以我们团队中的设计师们的职能也是各异，他们在项目中扮演着不同的角色。现在更是有一些全栈设计师，他们能够一个人完成整个项目，而更多的还是在团队中与他人合作的设计师。总之设计师品种繁多，他们从来没一个固定的形式。

清楚自己的角色，然后从自己的专业角度来分析需求，是做好设计工作的关键一点，我说的需求，不是仅仅是大家最常说的来自于顾客用户或者pm的需求，这个需求还包含你团队里面的任何一个相关的人，例如视觉或者代码他们要的可能不仅仅是一张带有说明的图而已。你是在一个团队里面进行工作，所以对于每一个人来说，沟通是非常紧要的。对于设计师来讲，让团队里面的人都能够看得懂你的意图，而且支持你的想法，是至关重要的一点。

认识问题（或者机会）

当你确定自己的角色之后就要开始帮忙发现问题和解决问题了。

这句话大家也是听到烂了，但是我们人类有些时候会堕入迷之不讲理的状态，说易做难啊。我们想问题的范围会倾向于自己所拥有的经验和知识之内，总会用自己的一套来理解事物，所以平时大家都会或多或少的只考虑到自己的看法，照着自己的一套来做，失去了同理心。当设计变得只由设计者的观点或者感受来展开，它就不是设计了，这多少有点独裁的意思。我并没有说这样就是坏的，但这种设计这不是我今天要讲的那种。

下列给出一set用于自查的问题，来自于我的上司，Facebook的一名设计指导Jon Lax.大家不妨用在项目开始之前自己回答一下来做为设计工作的开端。

你在解决什么问题？

1.你是为什么觉得这个问题真的是一个问题，从数据来看，还是一个哪里看来的一则小故事，还是别的一些什么？

2.为什么你会觉得某个问题需要优先解决？

3.你的时间和资源都是有限的，为什么放掉别的而先解决这个？

以下用Airbnb做为例子，尝试使用上面的这套问题看看我们会得到什么答案。

1.驴友们不用Airbnb来找住的地方是因为他们不相信上面的东西，对此没有信心。

2.从调研的回来的结果来看，对于这类服务，人们最最关心的是图跟真相是否一致。

3.这个问题非常关键而且是基础，没有信任两个字，Airbnb的理念还搞得起来吗？

提出假设

很好，现在已经找到了你的目标问题了，接下来就是开始尝试提出解决的办法了，你假设出来的一些方案都会影响你最终的产出。这个过程还是要着重考虑问题，不要太把你的方案当回事，也不要觉得已经解决好了问题，对自己的观点始终是要保持审慎和怀疑的态度，切记切记（一旦被否了也不会太伤心啊是吧！！）。

我们＊认为＊如果给出一间房子的更多细节图，图片的集体质量提高一些，那么旅行的人可能会产生更多的信任。

定义成功和障碍

你要确定团队里面的每个人都能够对这个问题（需求）有明确的了解。然后设定你们评判方案是否已成功的一套标准。设定衡量方案的标准？怎么设定？下面我再安利一发好文，大家可以看看。

Picking the Right Metrics, Part 1: WTF is a Metric?

确立标准之后，标准里面肯定会导向一个最理想的状态被我们定义为成功方案的必备条件。这时候我们需要以及一定要想清楚现实中的制约条件，计算好各方面的成本。（兼顾一切的方案从来不会出现，请勿浪费时间）。

尽可能让用户不要在意房东们并不是酒店服务范畴的专业人士，且能鼓励用户多订房，是我们这套标准里最理想状态。实际之中我们的限制是房东们确实大多数酒店服务范畴的专业人士，也没办法自主提供专业的图片，所以我们可能需要聘用专业的摄影师来帮助房主们。

一点点光照和角度上的改变就会带来很大的不同。

让方案是可测试的

当方案还是一个纯想法的时候我们没办法证明它的优缺。设计师们还有一个重要的职责，就是在方案还是一个想法的时候就能够进行测试，用各种明确的使用环境、场景以及情况来检验方案（所说的使用环境、场景以及情况也是非常重要的哦）。

哈哈，这部分的工作是不是大家对于设计师的工作的最直接影响呢，画个草图啊，做做动效啊什么的。你可以把这些行为看作是在项目真正实施之前，由设计师先进行的一些成本比较没那么高的小实验，也就是我们常说的原型。

工具和方法很多，但是今儿不打算细讲工具和方法。大家选择工具的时候要视乎现实情况而定，要适合项目，要适合整个团队，当然还要适合你自己。一下我简单的介绍几种软件设计师们都常用的方法，看看什么样的状况之下适合使用什么样的方法。

线框图

工具：纸和笔，Balsamiq ,等等。

是不是通过几笔纸笔就能简单的展现你的想法呢？展示同样的东西，权衡之下，是不是有更加简单的方法？

中保真原型

工具：Photoshop、Sketch 、Illustrator、MS Paint、Maya等等。

当你的方案要遵守自己公司或者别的一些设计准则的时候会出现什么情况？你想让你的展示对象传递什么信息？

高保真原型

代码、Origami、Framer.js，Flinto、Pixate、Keynote等等。

当人们能够对它进行操作的时候，它还是你原来想要的样子吗。

这些步骤通常耗费设计师最多的时间，认为应该尽善尽美，但是我建议还是要投资有度，不要无休止的浪费在建立原型之上，毕竟这个项目不只有这几个界面，后面还有一大堆活等着你呢。这个过程更应还着重看的是：在你把想法转化成原型这个过程中，有没发现什么新的问题，这个做法可比纠结配色有用得多了。Vince Speelman 下面的这篇博文就很好地讲述了哪几个情况下你需要多备几个方案。

The Nine States of Design

测试你的方案，观察行为并记录行为

把想法带到真实世界中来吧，让大家来使用，测试你的方案是否真的可行而且适合。你可能不会做用研，但是还是尽量问问他们的感受吧。下面这篇博文来自于 Airbnb的用研团队，我觉得写得挺好的，大家可以参考下专业用研团队的做法。

Embracing Uncertainty in UX Research

我要强调一点，即使是拿去测试，我们也不必每次都做超高保真原型（其实最常用得还是纸和笔）。但是如果条件允许，请让原型尽量细致到足够支撑测试应有的功能。我们Facebook Design也制作很多相关的工具让你能实现更多。

Diverse Device Hands – Facebook Design Resources

同样地，也做一个细致一些的数据记录，最好能够发现你需要的一切。认认真真、靠靠谱谱、漂漂亮亮地做一个记录。最重要的是，把“用户们”没告诉你的细节也一并记录下来。

Airbnb的实际转化订房数据，有什么变化？那些方式之下的转化率下降了？

完善你的方案

简单的讲，就是用研究的回来的数据来完善你的方案。以Airbnb的为例：他们把图片变得超大，以降低对价钱以及其他信息的强调，好让下单的意图更加不受不重要的信息阻碍，让意愿更加强烈。

如果你还没来得及对应数据调整你的方案，那么在此之前也可以去向团队再了解一下你需要修改的点的技术可行性，也要实时地告知团队成员你的情况。

左边是大概2013的时候的界面，右边是2015年的。

去除和重复

记得我们上面说过的在设计展开之前团队设定的“成功的定义”吗？这个定义其实是需要随着项目的发展而不断改变的，它动态地追求“更好”，而不是固定的“最好”，“成功的定义”并不是可量化的指标。这是因为设计工作总是追求尽善尽美，我们永远都有提高和改善的空间，哈哈，设计师可以说是最乐观但是又最龟毛的人了。

所有这些意味着你需要不断重复地去除糟粕，勤劳地思考如何能够改善你的方案，也就是我们最常看见的改改改改改改改··· ···

来个好的收尾

虽然我们说设计是永远不可能完工，总有提高的空间。但是要时刻记住：

你不是唯一的设计师。
若你把大块的时间投入到某个小的层面去，别的方面肯定会受到一定的影响，因为你不可能每个细节都有同样多的时间进行细致雕琢。

你可以试下这个方法，当有大需求更改的时候，细化成块，一块块的改，每次改完都让大家提提意见，测试测试。这个方法尤其适合在一些需求动不动就变得地方。这样能防止你一次性投入太过多的时间，也容易掉头。

好的收尾说除了是说在有限的时间内做出最好的方案，“完成”我们的设计之外，我们还应该让接手你的产出的人更好地把工作继续下去，图层命名，切好图，写好文档，各种各种。