【产品参赵】第222篇原创
▲关注公众号 “产品参赵” 右上角置为星标，开启进阶之旅
关注后  回复 1 即抽取50份电子书
回复 2 加我进群 


1999年美国的Salesforce创立，同年，国内就启动了中国的SaaS之路（copy to china）。本文，聊聊SaaS页面设计的话题。
文末附送免费惊喜资料

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产品大部分都是偏向于浅+某色，如浅+蓝色、浅+黄色。

色彩是影响人的选择和行为的主要因素之一，应选择能够传递含义与正确信息的色彩。

l红色：跟热情、强烈或攻击性的感觉关联，比如爱、自信、热情、愤怒等。
l橙色：充满活力的暖色，给人以兴奋的感觉。
l黄色：幸福的色彩，象征着阳光、喜悦和温暖。
l绿色：大自然的色彩，给人以来平静和新生的感觉。另外，也可能用来表示经验不足。
l蓝色：一般用来表示企业形象，往往表现出冷静的感觉，但是作为一种冷色，也跟距离与悲伤有关。
l紫色：由于很多国王都穿紫色的衣服，所以长期以来就与皇室和财富联系在一起。紫色也是代表神秘与魔力的颜色。
l黑色：这种颜色有很多含义，往往跟悲剧和死亡相关联，可以代表未解之谜，可以是传统的，也可以是现代的。一切都取决于怎么用，以及跟哪些颜色一起用。
l白色：意味着纯洁和纯真，以及完整性和清晰度。


4.新手引导


SaaS的业务功能复杂，一些新手上手功能页面，可能觉得烦琐，甚至引起烦躁情绪。

为了让客户快速学会使用产品的功能，一个制作精良且易于浏览的新手引导功能非常重要。

5.简洁的设计


导致SaaS产品操作复杂的原因不仅是业务本身复杂，还有很大一部分原因在于交互流程设计的复杂和UI视觉导致的复杂。

操作界面简洁是SaaS产品设计的重要指标。设计出简单易懂的界面，并贯穿整个SaaS软件的生命周期，尽可能降低客户的学习成本，是SaaS设计需要遵循的原则。

6.设计SaaS产品时要避免的一些问题


设计SaaS产品需要避免以下几个问题。

l复杂的、拥挤的登录页面：登录页面尽可能简单。
l过多的菜单栏功能：菜单的设计跟业务架构有关，我们必须充分理解业务需求，在规划产品结构时，了解哪些模块可以合并，哪些可以简化。
l难以阅读、深色背景：SaaS系统多数为阅读作业功能，需要准确长时间使用与阅读，所以避免采用大面积深色底，这样是会增加阅读的障碍。
l漫长而艰巨的注册程序：首先让客户先加入SaaS系统，再去收集客户信息。一些前置性门槛尽可能地减少，不要为了获得客户信息而导致流失客户。

本文来源《TOB产品之美》，限时优惠


看看下面这些SaaS资料：

获取途径：

加入星球，无限更新


——推荐阅读——


"SaaS+中台"的思想：企业服务的永恒方向！（附资料）
SaaS 定制化与标准化之路+案例

吻文说清楚SaaS、ASP、SOA的异同［文末附赠电子书］

SaaS产品3招6式：解决个性化、加固标准化！（附资料）

4种SaaS商业模式+12种商业模型（赠阅）

读SaaS报告，得到6大结论

本篇文章来源于微信公众号: 产品参赵

主题授权提示：请在后台主题设置-主题授权-激活主题的正版授权，授权购买：RiTheme官网

关于下载

本站分享的产品前端、B端竞品和所有付费资源，均不是该资源的价格，本身资源是不用付费的，这是赞助知识库资源模板的收集整理、服务器维护的基础开销费用！


免责声明

1、本站分享的产品前端、B端竞品和产品知识库主要来源于网络的公开信息，均为网络搜索，微信缓存，免费下载，互联网平台整理而来，产品知识库的资料文档仅限用于学习交流。如若有侵权你的知识版权的嫌疑，请及时告知我们，我们会在24小时内进行删除。联系管理员：2841552294@qq.com
2、上述资源和模板的知识产权及相关权利归作者及制作公司所有。
3、上述资源和模板仅供学习参考及技术交流之用，未经源码的知识产权权利人同意，用户不得进行商业使用。
4、上述资源和模板如需商业使用，请自行联系源码知识产权权利人进行授权，否则，我们将积极配合作品知识产权权利人 一起维权。
5、上述资源和模板如有侵犯您的知识产权，请您立刻联系我们，我们会在24小时内做删除下架处理。