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


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大结论

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

关于下载

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


免责声明

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