阿里旗下Teambition官网设计令人费解

公众号改版后推送不会按顺序展示，想要第一时间阅读设计精选文章，别忘了把公号设为星标，才不会错过每期干货。

研究表明用户平均只在一个页面上停留 10-20 秒。

以下是微软研究院的 Chao Liu 及其同事研究得到的图表：

上图来源：https://dl.acm.org/citation.cfm?doid=1835449.1835513

这说明，每个页面只有 10 秒的时间来吸引用户留下，一旦失败，他们就很有可能会离开。

这一点对于 C 端产品，或想要从网络获客的 C 端化 B 端产品来说，尤为重要。

也就是说，一个产品的首页设计，能在 10 秒决定产品的转化率，而转化率直接决定了其业务是盈利还是亏损。

产品介绍页

如何把握这 10 秒？

面对一个产品介绍页，开头 10 秒里用户的思路通常是这样的：

1. 基本判断：这是什么？

纯粹地判断这个突然出现的页面是做什么的。即便用户是自己主动点进来的，对任何从没见过的页面，都会有这么一步判断。

2. 价值判断：是好的选择吗？

在知道这个页面的作用后，就会与自己的目标或需求进行对比，看看是否符合自己的需要。

3. 风险判断：没什么问题吧？

如果判断这个产品确实符合需要，就会开始怀疑可能潜在的问题。尤其是对于重要的选择，如果不消除疑虑，可能无法立即下决定。

4. 操作入口：好，那我试试？

确认产品是自己需要的且没有什么明显问题后，用户终于觉得可以尝试一下。

看上去很简单是不是？

但是真正运用到实际设计上，可能就不是那么一回事了。

设计案例

Teambiton 虽然是 B 端产品却想要从 C 端获客，他们的官网肯定需要在 10 秒钟内吸引用户，所以这次就以此为案例。

在我看来，这个官网设计得很一般。

视觉上也许没什么问题，但提供的信息完全不足以回答用户的那四条疑问。

1. 基本判断：这是什么？

你看看页面上的主要文案：“轻松完成工作事”、“轻松记录要做的事，并与伙伴实时同步进展……”

再配上右边的迷惑插图……

如果不是我之前对 Teambition 这个产品早有了解，根本判断不出这个产品是做什么的。

其实很简单，这就是一个团队管理工具，但是整个页面都在顾左右而言其他，完全没提到“团队管理工具”这个关键词，就连图示也极其抽象。

更不要说文案写得冗长又不通顺，难道是从外语直译过来的？

我把文案和图示改一改，是不是觉得清晰多了？

2. 价值判断：是好的选择吗？

从原文案看，“轻松”应该就是这个产品的主要亮点了，但是这显然不太够。

我百度一下，发现很多地方都提到了 Teambition 是“阿里巴巴旗下”，说明这是一个他们的一大卖点。

另外，我在翻看该网站的“解决方案”页时，发现了产品在“任务”、“排期”、“规划”和“文档”等方面的功能亮点。

所以我把这些能体现价值的信息，都加上了：

标题下，“阿里巴巴旗下出品”几个字直接点出了大厂背书的卖点。

插图左侧“任务”、“排期”、“规划”和“文档”这几个 tab，通过自动/手动切换，可以展示通过产品示意图，展示不同的亮点。

3. 风险判断：没什么问题吧？

假如你在帮自己团队选择团队协作工具，主要的顾虑是什么呢？

每个人的答案可能不同，我没有做任何调研的情况下，也很难直接给出准确判断 。

但是我知道，这类产品市面上多如牛毛，虽然这种大企业旗下的产品应该质量上没什么问题，可产品定位不一定适合我自己的团队。

于是我加上了适合的行业数量和客户 logo：

“成功案例编辑 38 个行业”这几个字，可以让用户感觉产品的普适性很广，如果还有怀疑可以点击查看更多。

左下角的 logo 可以让人看到都有哪些知名企业使用该产品，进一步建立信任感。

4. 操作入口：好，那我试试？

最后这一步往往是最简单的，大部分官网都知道要放一个主按钮，一般不会出错。

但是 Teambiton 这个操作入口也还是有点优化空间——文案简化。

前面说过，用户只有 10 秒时间来判断，前面三步可能已经过了一大半，可能没耐心去读长文案了。

于是我去掉了 2 个字：

最后

看一下这个方案的前后对比，效果可以还行？

Before

After