【案例分析】加速企业增长的 7 种设计思维

编者按：本⽂作者 Yiying Lu 陆怡颖是硅谷著名创业加速器 500 Startups的创意总监，知名艺术家和设计师，她在设计创意领域有超过 10 年的经验。她的作品曾被《纽约时报》、《福布斯》，《NBC新闻》等多家媒体发表。她被评为微软 Microsoft Next 100系列“创新领域的⼗大新兴领袖”。本⽂是她在 500 Startups的Batch 19 创意品牌研讨会的心得和反馈。希望借此能启发初创公司应⽤设计思维，改进他们的 UX / UI、帮助他们获取更多⽤户并拓宽市场。

你知道吗？⼈类的注意⼒持续时间比⾦鱼还短。 ⾦鱼可以持续9秒，⽽人类只有8秒 ?。要在短时间内把关键信息传达到受众，我们需要做的事情有很多。

这里有 7 个设计思维建议：

1. Integrate 内容与形式的珠联璧合 

将强⼤的营销信息（内容）与吸引⼈的视觉效果（形式）结合起来。

我给 Bstow 的反馈：Bstow 致⼒于将您的零钱攒起来投入到慈善机构。

下⾯是 Bstow 主页上半部分的原始设计。其营销信息⾮常简单：将零钱捐到慈善事业中。但是，乍⼀看，第一感觉却像在介绍⼀个财务分析产品。

其主页上的原始设计元素，不论右方⼿机应⽤用界⾯的视觉效果，还是其蓝⾊背景都不能反映“捐赠”和“慈善”的营销信息。原始设计的⼿机上的图表与慈善机构有什么关系？为什么是蓝⾊背景？⼆者完全没有联系起来，形式和内容也没有融合起来。

我建议该公司创始⼈查看他们的网站浏览的分析结果，看⽤户在⽹站的哪⼀部分参与度⽐较高。他们告诉我参与度最⾼的是“Cause” （慈善事业的信息）部分；但是在他们的⽹站上，你必须滚动到页面底部才能找到这部分内容... 

要滚动页面这么久，⾦鱼都没法集中注意⼒了，更不⽤说⼈类了。

我建议 Bstow 团队以iPhone 屏幕为框架，将慈善事业的信息融⼊主页视觉效果中，逐⼀展示慈善合作伙伴的内容。

反馈之后改进的主页：

Bstow 团队新的主页设计

 2、Manifest 主题明晰

⽤⼀个简短⽽有⼒的标语来展示你的公司，尽量做到清楚⽽深⼊⼈⼼的视觉效果。这样有助于让⼈们记住你是谁，你做的是什么。

 以下是我给 Scopio 的反馈：Scopio 是⼀个搜索引擎，可⽤于查找社交媒体上的图⽚并给予授权。

反馈之前的页⾯：

 建议一：制定⼀个简短有效的标语（6-8个英文字，10个左右中文字）来传达你的公司是做什么的，以及你们为什么要做这件事（你成立公司的原因、⽬的和理念）。

 建议二：把⽹站⾸页上的 “Search engine and licensing platform for trending photos & videos on social media” （“搜索并授权社交媒体上的图⽚和视频”） 和“Discover Moments and Tell Stories” （“发现瞬间，讲述故事”） 缩减成更精炼的⼀句话。

 接受反馈后的主页（版本1）:

“Real Images Engage Audiences” （以真实照片与观众互动）是⼀则更精炼的标语。那么我们怎样能更好地展示出这些照⽚是被真实拍摄的？

视频上的文字字体很细， 导致标语和解释很难看清。我建议将 “A cutting-edge platform…”（最前沿的平台）改成⼀⾏。越浅显易懂越好。

 反馈后的⾸页（版本2 - 当前使⽤的版本）：⼀下是 Scopio 团队新设计的主⻚。您可以在这⾥查看完整的⽹站。

3. Portray 形象地描绘

⽣动地描绘你的产品/服务，通过视觉传达的叙述形式使其更真实可信。

以下是  ShearShare  的原来的首页：

在主页上，手机屏幕内只有一个静态图像，上面的搜索栏就写了一句话“Where do you want to work?” （“你想在哪里工作?” ）这样静态图像并没有很好的利⽤宝贵首页的空间，来抓住观众的注意力。

 为了让它更⽣动、更有吸引⼒，我们直接向观众展示这个应⽤程序的⼯作原理。我建议该公司将其演示视频作为动画或视频，嵌⼊至演示页⾯的手机屏幕内。

 您可以在下⾯的模型中看到我反馈的内容。

反馈后：以下是 ShearShare 团队的动画主页。您可以在这里查看完整的⽹站。

4. Reuse 重复利用设计元素

⽆论是新公司还是成⽴有⼀段时间的公司，品牌的⼀致性永远是⾮常重要的，因为你的品牌精神是通过你的品牌标志的视觉语言和品牌文案的文字语言来传达的。提⾼品牌⼀致性最简单的⽅法是检测你的⽹站或APP的是否实现视觉的统一性，与此同时在整个⽹站或APP中重复使⽤品牌颜⾊和元素，这样可以有助于创建统⼀的网站或APP的外观和⻛格。

我对 ChangeJar 的反馈：ChangeJar 是⼀个⽤于⼩额零售⽀付的移动平台。

这是 ChangeJar 的现在的 Logo：

他们的品牌logo是使用绿色和白色作为品牌的主色，搭配黑色背景。但你看他们的图标页面，他们用的确实是⽩色图案搭配紫色背景，完全是另一种风格。

为了保持整个⽹站的风格⼀一致（并提高产品的识别度），我建议他们将品牌／标志中的绿色，或者“Jar (罐头)”形状的图标添加到以下这些图标的设计中：

 我做了以下的尝试来突出品牌 Logo标志中绿⾊的美元符号。现在这些图标看起来更符合品牌风格：

此外，当前的 Favicon (收藏夹图标)⽩绿的搭配很难看清楚。其设计和配⾊方案与当前标志也不⼀致。

当前 Logo:

当前 Favicon:

   我建议使⽤与当前标志相同的设计和配⾊方案。请参见下面的模型

同样，这是 Scopio 的标志和图标集：

 

我建议尽可能多次使用品牌和Logo符号中的元素，如下所示：

5. Organize 颜⾊的规划

您可以用不同的颜⾊来规划内容，这样更容易加深受众对品牌的记忆，也能帮助用户脱颖而出，区别于其他品牌。

在做内容营销，独特的颜⾊也可以使品牌脱颖⽽出。NeuroMarketing谈到，“如果说颜⾊好看的产品能卖得好，那么颜⾊正确搭配的产品则更能畅销。”

颜⾊是内容营销中重要的情感线索。不同的颜⾊和它们的组合可以激发丰富的情绪和感觉。选择正确的颜⾊和组合是真实有效地展示出品牌的形象的关键。

 根据CoSchedule的报道，受众⼀般只需90秒或更短的时间就可以对内容做出判断。

⽽这段时间内，⾼达90％的判断会受颜⾊的影响。营销家Neil Patel进⼀步证明了颜⾊对转化率的影响，他发现消费者85％的购买决策来自于色彩的影响，杂志中的⾊彩丰富的⼴告的辨识度要⽐⿊白⼴告高26％。好的颜⾊搭配可以将⼈们正确识别品牌的可能性提⾼⾄80％。因此选择品牌颜色时一定要慎重，一旦做好决定就要一直坚持使用这些颜色。

 我给 Aumet 的反馈：Aumet 平台致⼒于促成医疗供应商和分销商不受地域限制来做⽣意。

 这是 Aumet 当前的⽹站：

“Aumet”是他们团队自己造的词，我建议突显Au和Met两个不同的音节，⽤两种不同的颜⾊帮助用户更好地拼写品牌的名称和记住品牌的发音。

 此外，因为该公司的⽬标受众是医疗供应商和分销商，所以使⽤两种颜⾊来突出显示这两个不同的受众群体也是有道理的。

由于这个品牌针对的是医疗⾏业，现在的薄荷绿可以当作主色，还可以加⼀点蓝色来衬托绿色。这⾥有一个简单的例子：

如果你的公司像 Aumet 和 ChangeJar ⼀样覆盖了了 B2C 和 B2B 市场，我建议你也选择两种颜⾊来针对两组不同的受众。

6. Visualize 用图像将内容形象化

一张好图胜过千言万语，有效的图像有助于唤起观众的情感共鸣，瞬间就与你的公司产生情感联系。

 我给 TalentBase 的设计反馈：TalentBase 是⼀个服务于⾮洲成长型企业的人⼒资源软件。

 以下是他们当前的⽹网站主⻚页：

⽹站直观展示了所有功能。我对⽬前的品牌和标志的整体反馈是：过于平铺直叙，很难达到较⾼的⽤户参与度。
如果你们是一家B2B公司，请记住，业务的基础仍然是“⼈”。我很喜欢马云的建议，不管你的商业市场是 B2C 还是 B2B，说到底都是 P2P，⼈对⼈。

 我建议在现有的蓝⾊的基础上添加⼀种辅助颜⾊或⼀系列能代表⾮洲⼈力资源专业⼈⼠的颜色，从⾮洲和非洲⼈民切入。

 以下是我给TalentBase⽹站的重新设计，使用其之前的⽂案，加入了非洲用户的视觉元素。你能感觉出这以下设计与原主页的区别吗？

展示员⼯的面孔会激发受众的情感，从⽽在受众和公司之间建立信任和忠诚。

7. Elaborate 精良的制作

提供更多背景信息，来帮助您的⽤户或投资者更好地了解您的业务。

我对 ChangeJar 的反馈：ChangeJar 是⼀个⼩额零售⽀付的移动平台。

Logo 的宽度和其中的符号看起来有点单薄，尤其是当它缩小到较⼩的尺寸时，很难

看清楚。我建议“change”继续⽤⽩色，将“jar”改为绿色。

 此外，我建议在Logo中添加美元符号或货币符号。Logo中的个罐子图案并没有传达“钱”的元素。添加货币符号将有助于受众潜意识地接受公司作为⽀付技术提供商的⻆⾊。当公司进⾏全球扩张时，可以更换货币符号，例如美元“$”、英镑 “£”、欧元“€”和人民币“¥”等。

 当然你也可以⽤用不同的货币动画：

当然你也可以用不同的货币动画：

总⽽⾔之，希望以上的 7 个设计思维的⼩建议可以帮助你的公司成长。