你的主页就是用户对你的SaaS业务的第一印象。好的主页能为你的网站、品牌和产品吸引客户——让用户进入注册流程的下一个环节。
大家都知道好的主页能促进转化率。但如果想要准确计算你的转化率，就需要对主页的不同版本进行A/B测试，需要大量的访客和时间进行试验，才能确保统计显著性。现实中，可以通过观察人们浏览主页和营销网站的情况了解主页的优缺点。
为了全面了解当前的SaaS主页，我们与合作，通过90名用户交互对30个SaaS网站进行了研究。提供了他们的产品，方便我们分析视频并了解哪些方面有助于用户对SaaS网站的成功访问。在UserTesting团队的指引下，我们要求参与者在回答问题以及完成体验任务时大声说出自己的想法。用户在各网站上体验已经全部录制成视频，最终得到超过1,800分钟的用户测试资料。
主页剖析
我们评估了30家网站的主页，涉及了所有的SaaS类型——包括客户关系管理（CRM）、社交媒体营销、分析、帮助桌面、电子邮件营销等——客户规模各不相同——从个人业务用户到小中型企业（SMB）再到大型企业等。
主页组合情况如下：
●80%有免费试用CTA
●56%有产品截屏
●53%有库存图像
●53%引用了客户评价
●36%有示例
●33%有视频
我们进行了回归分析，试图了解是否存在明显优于其他组合的最优搭配，但没有发现存在这类搭配。例如，有视频的网站所占比例高于平均水平，但也不太显著。我们发现针对单个网站进行整体个案研究更有意义，可以更好地了解这些网站为什么脱颖而出或者是为何表现不佳。
我们要求用户在两个维度对主页进行评估：理解的简单性和吸引力。第一个维度是指用户理解产品和产品用途的难易程度，第二个维度讨论信息连接是否紧密，有没有推动用户进入下一个环节。
理解的简单性
你的主页需要立即传达你产品的价值和用途。这个问题听起来简单，但是让那些完全不了解你公司的人理解你的产品是很有挑战性的。我们向测试用户提两个问题：
对你来说，了解这个公司是做什么的是难还是容易？对你来说，了解主页上的信息是难还是容易？
根据阅读标语的第一印象以及浏览主页2-4分钟后，回答第一个问题。访客浏览营销网站的其他部分，比如定价和功能页面后，要求他们返回至主页。基于他们对公司的进一步了解，要求他们重新评估主页并且评价理解主页上信息的难易度。
了解这个公司是做什么的，这对你来说是困难还是容易？
进入网站后立即要求用户描述这个公司是做什么的，然后询问他们进行这类描述的难易度。评分范围为1-5[1=非常困难，5=非常简单]。
了解公司是做什么的
高分网站示例：Trello
Trello的标语
Trello的主页是我们研究对象中少数几个既没有在主页上版面设置导航栏，也没有设置任何浮动导航栏的网站，它的导航栏在下版面。进入网站之后，用户刚开始有点不适应这种设计，但是实际上却花了更多时间浏览主页上展示的内容，而不是匆匆略过 。
初步了解Trello之后，用户在下半版面可以看到展示Trello使用中的产品的截屏。
Trello的深入了解
截屏展示给用户带来惊喜，可以在这里点击Trello的价值和现实应用。
Trello主页上唯一吸引用户注意的元素就是免费试用，直接放在网站顶部、上半版面和最下方。所有测试用户清楚地知道访问登录界面之后的步骤——即注册进行免费试用。
Trello的页面代表了提供较少用户选择的精简主页潮流，放弃了海量导航和解释格局。Trello的主页限制可选项目，谨慎选择向用户展示的信息以及展示方式，引导用户执行预期步骤，杜绝干扰。
引用客户的应答
“Trello将用户所需的一切事宜集中到一起，帮助个人和企业管理简单和复杂的项目。”
“我非常喜欢这个图片，这个图片非常好，我只要看这个图就能知道这个项目的所有信息。”
“你要点击很多次才能看到内容。”
“那个可爱的小狼也显得更友好了。”
低分网站示例：Insightly
用户进入登录页面时，首先看到上版面的内容——但是这些内容和公司实际提供的服务并没有很大关联。这个标语读起来向营销口号——可以引起用户的注意，但是不会被用户欣赏。它假定用户已经知道CRM是什么，而且它提供的益处也非常模糊：“为您的业务工作的CRM。”
向下滚动后，用户可以看到很多功能，但是这些内容——如“强大的CRM”、“项目管理”和“社交CRM”等，也没有让用户深刻地知道Insightly的实际目标。一位用户建议Insightly提供一张产品实际用途的截屏。
Insightly的功能列表
浏览完公司的主页之后，另一位用户提到“网页本来可以更简单[的阅读]，但是我不知道为什么不降低点姿态。”说的很生动。简化和通俗之间有很大差异。用户看到代表形象之后，就已经觉得网站很通俗。他们从一开始就摆在一个高高在上的位置，而不是以一种教育性或告知性的态度。这种负面的第一印象使用户对公司不那么包容，影响整个体验。
引用客户的应答
“我不太确定这个公司是做什么的。我估计可能是帮你开公司的。”
“看起来是做项目管理之类的…”
“我希望每段文本下面有个简单的说明，告诉我Insightly都做些什么。”
“看起来是帮你成立公司的软件或项目，可能是帮你联系各种服务的东西。”
对你来说，了解主页上的信息是难还是容易？
浏览完整个网站并返回到主页后，要求用户评估了解登录页面上信息的难易程度。前一个问题得分高的网站与本问题得分高的网站存在关联关系。也就是说，用户对网站的第一印象会影响他的后续体验。
高分网站示例：Campaign Monitor
Campaign Monitor的主页
大家都很喜欢CampaignMonitor的网站。用户给出的开放性回答中就出现了网站上的“高雅”、“简单”和“优美”等词语。这可能是因为Campaign Monitor整体登录页面设计的力度，强调公司的整体原则。
Campaign Monitor更深层次的产品营销
比如，除了展示产品特性的静态截图之外，Campaign Monitor还提供自动播放和循环的截屏视频，告诉用户如何使用它们的设计工具制作精美的电子邮件。它向用户解释了产品的实际操作方法，证明了公司宣称的朴素和美学理念。最后，我们询问是否有你想知道但是页面上没有的信息时，所有人都回答没有。
引用客户的应答
“我之前没有听说过Campaign Monitor，第一次登陆主页就马上知道它是做什么的：高雅的简洁邮件营销。如果我滚动页面，还可以看到更多相关的公司信息。”
“网页非常干净，导航简单，非常感谢。”
“我觉得这个页面很不错，很漂亮，很高端——我喜欢。”
“你可以看到你可以得到的东西，我觉得做的很好。非常自然、非常经典，颜色也很好——制作这个网站的人非常擅长这个。”
低分网站示例：Chartbeat
Chartbeat的主页
虽然Chartbeat的设计比较吸引人，但是用户觉得非常杂乱，容易让人失去兴趣。主页没有明确的等级和流程。它展示信息的方式对于用户而言不是很直观，让用户觉得需要认真阅读、进行很多操作才能知道公司到底是做什么的。从一开始他们就觉得公司标语的措词应该更加热烈，因此没有多少动力向下滚动页面了解更多信息。
即便再花几分钟浏览Chartbeat的网站然后返回至主页之后，用户也没能明确知道这个公司是做什么的。用户觉得主页上的内容太多了，而且就算点击Chartbeat小工具和产品截屏也没能了解产品。需要平衡风格和效用：Chartbeat的主页牺牲了连贯性，从而创建视觉效果吸引人的网站。最终对用户而言，Chartbeat太可爱了，由于缺乏清晰度导致用户流失。
引用客户的应答
“我觉得可能需要大量操作才能获得更多信息，而且它们的措词有点让人迷惑。比如说“看看有哪些有趣的事情和访客，立即调整你的网站。”我觉得它们可以更加慎重地考虑下措词以及Chartbeat解释它们服务的方式。”
“我需要花很多时间挖掘信息，了解这个平台到底是做什么的。从表面上看，很难理解这个公司提供的各种服务。”
“希望调整一下标题。”
达到容易理解的关键技巧
●用户对网站的第一印象与整个体验过程，以及最后他们能够达到的理解程度息息相关。你主页上半版面上的标语对登录页面的整体效果而言非常重要。
●用户对营销口号和行业行话不感兴趣。如果你使用这些元素，一定要用简单英语进行解释。描述产品时使用利益导向语言，避免使用专业词汇。
●用户喜欢既能解答疑惑，又精炼、简洁的信息。如果实在需要展示很多信息，那么信息的组织方式应该弱化信息爆棚的感觉。
●你需要使用策略组织你网站上的各种元素，让用户感觉直观。如果主页没有明确的指引，设置过多导航选项，用户常常觉得非常迷惑。
●极少用户熟悉他们测试的网站。但是他们只有在觉得难以理解公司主页时才会想起自己并不熟悉这个公司。
●我们研究的网站中，有66%展示了客户商标。但是用户常希望看到客户给出的具体评价和语录。
当用户很容易的理解你的主页时，他们会说：
当用户很难的理解你的主页时，他们会说：
参与
让用户参与是推动用户行为以及让用户进入下一个环节的关键。你不但要告诉用户你的公司是做什么的，还要将用户与你的公司联系起来，让用户对你的产品感兴趣。我们向测试用户提两个问题：
你觉得主页上的信息有用吗？主页吸引人吗？
通过这些问题，让用户思考他们是否能够很容易理解主页展示的信息，想想这些信息带给他们的感觉以及是否能推动他们采取行动。
你觉得主页上的信息有用吗？
浏览整个网站然后返回至登录页面后，用户对登录页面信息的有用性进行评分，评分范围为1-5。
主页上信息的有用性
高分网站示例：Hootsuite
Hootsuite的主页
浏览Hootsuite的整个网站后，用户觉得主页上的信息非常有用。虽然用户希望主页的初始标语能够更具描述性，说明公司实际上是做什么的，但只要用户再花一点时间浏览网站就会解决这个疑问。
Hootsuite的成功关键就是采用简洁、紧凑、组织有序的主页格局。用户通过点击就能找到更多信息，主页上展示的实际信息非常容易管理。
Hootsuite更深层次的产品营销
看完小工具截图之后，用户可以滚动页面至功能工具箱了解更多信息。Hootsuite描述登录页面功能的语言非常朴实，完全摒弃了技术性描述，强调用户从各个功能中获得益处的具体方法。用户能够建立各功能之间的明确联系，了解他们使用这些功能的方法，这也是让用户更好地了解网站其他部分的关键。
引用客户的应答
“非常有用。网站能让我深入了解各个组成部分。告诉我能够管理账户、控制许可。我觉得这些功能很有用，也喜欢这些图标——很好看。”
“一切都很简洁，我知道主页想要传达的信息。很容易分辨这个网站的用途和公司提供的服务。”
低分网站示例：Geckoboard
Geckoboard的主页
用户能够比较好地理解Geckoboard网站上的信息，但是有时候这些信息没有很好地组织起来——降低了这些信息的有用性以及用户参与网站的程度。
有些用户没有找到Geckoboard产品之间的明确联系和营销口号中宣传的好处。Geckoboard上半版面的标语提到：“你的关键指标都集中在这里。”但是用户发现这个描述非常模糊，并没有100%地说明公司的KPI小工具如何激励他们的团队，为他们提供信息。一位用户建议将当前的截屏换成一张快乐、受到激励的团队图像。
Geckoboard更深层次的产品营销
Geckoboard主页的其他部分也存在这些问题。“数据事项”章节从抽象的高水平益处开始，然后转到“工作原理”章节，说明你通过Geckoboard产品实际能够做的事情。对于大多数用户而言，这个结构并不是很直观，很难分辨Geckoboard到底能够以哪些方式提供帮助。他们希望看到产品功能之间更加明确的联系，以及承诺的实际好处。
引用客户的应答
“它没有进行全面的说明，至少没有明确说明。”
“它让我知道我可以从另一个来源获得更多信息。我觉得它设置得不怎么好，把所有信息都铺开了。我要看很长时间才能找到想要的信息。”
“我觉得这个分类做的不太好。”
“图片不太吸引人，只是一些无聊的图标。我觉得柱状图缺乏吸引力，建议放上一个团队正在兴致勃勃地做自己事情的图片。”
网站吸引人吗？
浏览完整个网站后，要求用户评价“主页吸引人”这个论题，评分范围1-5[1=绝不同意5=非常同意]。
高分网站示例：Wistia
Wistia的主页
Wistia的主页是一个吸引用户注意的视频，占据了主页大部分版面。它的背景是一个自动循环播放的视频，视频中的人面带微笑，尝试推进摄像机。
网页非常简单、具有视觉冲击性，而且有效——特别是由于Wistia的产品是视频托管服务。由于主页上视频的尺寸比较大，用户更有可能想要进入下一步并且观看视频，后续视频会展示Wistia的各种产品功能。对于那些不熟悉技术的用户，这种视频格式能够非常有效的推动用户获得展示的实际信息。视频吸引客户参与，让用户给出了公司“有趣”和“古怪”的评价。
但是他们新颖的主页也带来了一些问题，有用户错过了吸引用户注意的视频，因此不知道要做些什么。他们只好点击网站其他部分尽量了解公司。幸好这些支撑主页的辅助页面也能够吸引和告诉用户Wistia如何能够帮助他们使用视频获得成功。
引用客户的应答
“网站很吸引人，也不会让人觉得复杂，有所有你想知道的信息。”
“非常吸引人，很新潮。针对那些喜欢社交媒体的新企业主和技术流。公司看起来很好玩，可能有点怪，但这也不是坏事。”
“视频中的人可以移动，不是一个静止的图像。我会想点击播放按钮看看他们都说了什么，看起来他们挺开心的。”
低分网站示例：Hightail
Hightail的主页
Hightail的极简主页极少向用户提供公司实际产品的具体印象。主页只在上版面提供了代表形象和标语，没有展示Hightail到底如何工作。用户不能从视觉上了解产品，因此这个网站的吸引力明显比其他网站低。
页面的色调为白色和灰色，也弱化了用户体验。一位用户建议网站设计使用对比更强烈的颜色，有多个用户评价Hightail的主页非常“无趣”。还有一位用户建议将Hightail实际产品的截屏放在主页上，方便人们了解产品的实际用途。
引用客户的应答
“这个主页上没什么吸引我的地方，没什么东西让我眼前一亮。”
“我一点也不喜欢这个主页。”
“这个背景图像看起来好无趣。”
让用户参与的关键技巧
●主页信息的视觉冲击力和组织形式非常重要。选项太多——或太少——都会削弱登录页面的吸引力。
●用户参与度是由你能为用户实际提供的体验而决定的。你的主页应该告诉用户现实情况中使用产品的方法。参与度与用户能不能了解到产品在他们生活中的实际用途直接相关。
●用户越来越期待看到动态的网页设计，比如说视频和背景动画。在上版面设置视频的主页在参与度方面得分一般更高。
●提供各种视觉教具，帮助你解释产品和服务。有些人喜欢观看讲解视频——有些人不喜欢，还有些人特别喜欢解释产品用途的动态动画。确保你的登录页面尽量覆盖所有用户的需求。
●在我们分析的主页当中，有33%提供了视频。虽然说提供视频不代表一定能让网站更吸引人，但是如果用户觉得网站信息模糊时，一般就想看看视频。
当用户觉得你的主页很吸引人时，他们会说：
当用户觉得你的主页不怎么吸引人时，他们会说：
结论和主要技巧
为了总结用户测试数据，我们将所有公司的理解容易性和参与度划分为四个象限：
同一象限的公司用户反应类似，这些反应包括他们使用的语言和语气。
吸引人且能够提供有用信息的主页可以取悦用户，只提供信息但吸引力不够的主页让用户觉得很无聊，有吸引力但是提供的信息不够的主页让用户很迷惑，既不吸引人也不能提供有用信息的主页完全被用户忽视。
根据我们得到的用户反馈，我们给出了一些让你的网页成为“愉悦”象限内网页的建议。
>>>>针对达到愉悦水平网页的建议
你做的很不错。
●进行A/B测试获得边际增益、轻松取胜。
●不要过多关注你的登录页面，将你的精力放在其他领域，达到更高水平。
●如果你的产品和信息出现大幅变更时，请考虑重新设计你的主页。
>>>>无聊→愉悦的建议
如果想让无聊的网页变得愉悦，你需要关注你网站的设计元素。
●选择一系列视觉辅助工具，如视频、动画和截屏。
●使用视觉冲击力更强的元素。
●设计时考虑用户平均水平。
>>>>迷惑→愉悦的建议
如果你的主页处于迷惑象限，你需要处理你网页的营销部分。
●丢掉口号，简化语言。
●明确信息层次，让用户从一个步骤顺利过渡到下一个步骤。
●在提供过少信息和过多信息之间达到平衡。
>>>>针对被忽视网站的建议
重新设计全新登录页面，从第一个原则开始。
●A/B测试也不能得到被忽视的原因，因此不建议进行A/B测试。
●确定问题突出的领域和失误点最可能找到最有用的定性反馈。
●利用从当前主页中获得的新鲜概念进行回顾和实验。
测试愉悦象限内网站的用户不仅对这些公司的评分较高，使用的语言还更加愉快和热情。这些公司的第一印象都不错，用户希望浏览营销网站的其他部分了解价格相关的更多信息，并且注册申请免费试用。
“关于本研究：研究中，HitenShah深入挖掘40多家SaaS营销网站和数百个用户测试视频，向你展示了潜在客户的偏好、用户对哪些方面不满意以及如何构建框架才能使你的SaaS营销网站步入正轨。
关于研究员：HitenShah过去二十多年进行了大量研究，处于SaaS产品和营销的前沿阶段，并且创立了CrazyEgg、Kissmetrics和Quicksprout。他在内容和产品营销方面享誉全球。”
欢迎关注寄云科技订阅号（neuclouddy），这里有最新云服务行业资讯，更有与PaaS、运维相关的技术干货！欢迎加入PaaS知识交流QQ群（421312857），关于PaaS的一切，您在这里可以与其他小伙伴尽情探讨！
