1
SaaS产品首页设计
SaaS产品的首页作用在于吸引客户、转化客户、教育客户，成功的产品首页可以在客户脑海建立产品认知，并留下深刻印象。
1.首页提供简练有力的产品价值宣言
作为为客户服务的SaaS产品，价值宣言可以让新客户快速捕捉产品定位、产品独特性。
如图所示Salesforce的CRM产品价值宣言：“借助全球广受好评的CRM来帮助企业加快恢复业务增长。”
2.展示易于理解的产品核心亮点与价值
首页必不可少的是对产品的介绍，除了描述产品的功能和工作机制，最好也描述一下客户可以从这个产品中获得什么帮助。
下图所示首页信息提示客户Shopify可以帮助客户解决创业、开店的问题。
3.易于获取的客服支持
SaaS产品的线上客户功能作用很大，在首页部署实时客服助手可以与网站的客户及时取得联系，有助于流量转化成商机。
4.以具有说服力的客户案例或品牌为产品背书
通常在SaaS产品的首页底部，会展示合作品牌商。因为客户在首页浏览产品时，即使已经对产品动心了，可能还会有疑虑：这个产品的功能靠不靠谱？售后服务怎么样？
这个时候，就需要客户案例或其他社会证明为产品的可靠性背书了。可以展示知名平台的软件评分和评价，以增加产品的可靠性，如图所示。
5.产品演示或预览
为了增强客户使用体验，SaaS产品应该提供试用环境对客户是具有重要作用的，客户可以免注册直接体验产品的功能。
如图所示，通过首页的“查看演示”入口可以验证客户期望，强化客户对产品的感知。
6.合适的注册表单页面
当吸引到客户之后，核心目标就是完成转化。转化的第一步就是注册。SaaS产品的注册往往是自助完成的，在开始的时候只需要收集必须的信息。
如果注册表单信息较多，有些信息还较敏感，那么如果它一开始就把这些不足展示在首页，客户很容易感到麻烦而被吓跑，这时候可以通过点击“试用”入口后，打开注册页面。
这样的另一个好处就是方便统计游客—注册漏斗流失率和注册跳出率。
2
SaaS页面设计规律
尽管各SaaS产品的页面设计不尽相同，但是可以总结出一些规律，来指导SaaS产品设计。
1.各个页面尽量展示产品Logo
SaaS产品的生命周期长，属于慢线增长型产品，所以强化品牌效应的意义很大。
SaaS产品的Logo一般是位于屏幕的左侧，因为多数人的眼动热区习惯是从左向右，如果放在右侧会降低有效曝光率。
当然也有些SaaS产品的Logo出现在页面中间，比如阿里云、百度云。
2.支持移动端自适应
互联网时代遵循简单易用，随开随用的理念，与SaaS的便捷服务理念不谋而合。
只要需要，就应该发挥SaaS产品从计算机转向移动设备的优势。当然不能照搬，通常会将使用场景确切的典型功能扩展到移动端，比如WMS系统的盘点功能，打造一套移动盘点，客户手持手机走进仓库进行盘点会十分便捷。
3.使用浅色的背景
传统的ERP通常使用深色，但是深色的网站可能会让人疲劳，不利于长期盯看。
SaaS系统一般为阅读作业功能类软件，需要长时间使用与阅读。浅色背景营造出一种友好且随和的界面感觉，与深沉的ERP印象划清界限。
我们看到的SaaS产品大部分都是偏向于浅+某色，如浅+蓝色、浅+黄色。
色彩是影响人的选择和行为的主要因素之一，应选择能够传递含义与正确信息的色彩。
4.新手引导
SaaS的业务功能复杂，一些新手上手功能页面，可能觉得烦琐，甚至引起烦躁情绪。
为了让客户快速学会使用产品的功能，一个制作精良且易于浏览的新手引导功能非常重要。
5.简洁的设计
导致SaaS产品操作复杂的原因不仅是业务本身复杂，还有很大一部分原因在于交互流程设计的复杂和UI视觉导致的复杂。
操作界面简洁是SaaS产品设计的重要指标。设计出简单易懂的界面，并贯穿整个SaaS软件的生命周期，尽可能降低客户的学习成本，是SaaS设计需要遵循的原则。
6.设计SaaS产品时要避免的一些问题
设计SaaS产品需要避免以下几个问题。
本文来源《TOB产品之美》，限时优惠
获取途径：
加入星球，无限更新
——推荐阅读——
