线性模版结构的劣势在于用户访客不能按照自己的想法浏览访问网站,例如当他们找不到急切想了解的关键信息例如价格页时,可能会觉得沮丧。
2.越扁平越有效
使用扁平模版结构可以减小网页页面深度,让用户访客用较少的访问点击就能到达目标网站页面,同时有利于百度360Sogou抓取效率。
在寻找公司企业商品产品官方网站case案例的过程中我发现,对于功能相对简单的商品产品大多使用一级导航,而对于规模庞大的商品产品,他们的导航层级最多也只到二级。
例如公司企业邮件应用Mailchimp和Slack就是扁平模版结构的典型代表。它们的导航都只有一级,把所有网站页面入口都放在外面,最重要的功能、定价位于前两个位置,其余的根据重要性递减排列,最右边一般会放注册或登陆入口:
对于一些规模庞大的公司企业商品产品,首先要尽量精简选项,舍弃不必要的信息、隐藏次要信息,再考虑在有限的虚拟空间里把信息入口展现完整。
以Intercom为例,它是一款大型CRM应用,公司企业旗下有三大子商品产品。官方网站首页配置设置了5个一级导航,其中前两个是折叠导航。最重要的Products导航的下拉菜单中按照商品产品和解决方案两个维度展现展示了对应的信息。配合icon和简介,有序又直观:
在Resource下拉菜单中则收拢了客户使用者case案例、帮助中心、商品产品演示等资源入口,用清晰的组织方式把这些信息集中在一起,让想要了解更多信息的人自己去探索:
3.确保用户访客清楚自己所处的位置
网站站点是一个虚拟虚拟空间,用户访客在网站页面之间的跳转是无法预料的。要让用户访客时刻知道自己所处的位置,就要在不同网站页面上保持导航的一致性,并在滚动网站页面时保持常驻。
继续以Intercom为例,首页导航在滚动时保持常驻。当访问点击首页导航到达子商品产品网站页面后,导航保持一致,只是在原先的主LOGO旁多了一个子商品产品LOGO来表明当前所在网站页面,访问点击主LOGO可以返回首页:
子网站页面开始向下滚动时导航暂且消失,当滚动到首屏以下时导航出现并常驻,注意到此时的导航样式已经悄然发生了变化——简化了主LOGO,右边部分变成了3个针对当前子商品产品网站页面的导航:
再看看Atlassian的设计规划。到达子商品产品页后会保留主导航,随着网站页面滚动,子商品产品导航会把主导航推出,继而代替主导航的位置:
Tips:
1.规划用户访客的查看浏览历程,保持顺畅自然的感受体验。
2.保持导航模版结构的一致性,确保用户使用者始终知道自己所处的位置。
3.保持导航的使用简单性,删除不必要项目。
4.简单很好,但是要确保供应提供了用户访客想要获得的信息入口。
重视CTA(Call to Action)的设计规划,提高提升转化率
CTA(Call to Action,用户使用者行为召唤)是指希望用户访客在查看浏览官方网站时完成的指定行为,通常有:注册、申请试用、邮件订阅、软件下载等等。CTA是促进官方网站完成转化的主要手段,对于公司企业商品产品官方网站,醒目的CTA按钮是标配。
1.视觉样式必须醒目
既然官方网站的目标是完成转化,那么CTA按钮一定是整个网站页面中最醒目、最聚焦视线的。
很多研究证明绿色按钮的访问点击率最高,蓝色其次,但我认为这并不绝对。按钮颜色取决于官方网站的整体配色和公司品牌调性,在这个前提下,拉大对比度,让按钮从背景中突出即可。样式上突出核心CTA,次级CTA可以相对弱化。
Invision的按钮使用了公司品牌色:红色。
2.文案需要引起访问点击欲望
CTA按钮文案应该是一目了然的动词短语,使用含有紧迫感的纯文本文字例如“立即/马上”,或者利益导向的纯文本文字例如“免费”,可以有效引起用户使用者的访问点击欲望。常用的文案有:免费/立即试用、免费/立即注册、观看演示、了解更多等等。
3.保持一直可见,反复强调
CTA按钮一般与促销文案同时出现,主要分布在官方网站的三个位置:顶部导航、首屏海报图、网站页面底部。
顶部导航的位置可以保证按钮一直可见,首屏海报图上的按钮是视觉核心,网站页面底部的位置则作为终极呼唤。三个位置互相呼应,缺一不可。
4.次级CTA也不容忽视
原则上来说CTA按钮应该只有一个,但近年来越来越多的公司企业商品产品官方网站会在主要CTA按钮旁边放一个次级CTA按钮,为用户访客供应提供第二选择,这样做可以让用户访客在不想访问点击主按钮的情况下退而求其次。
对于公司企业商品产品的用户使用者来说,在注册之前供应提供商品产品试用或多媒体视频演示能大大增进对商品产品的了解。
5.嵌入简易表单,降低注册门槛
在CTA按钮旁放置一个简易的内嵌表单,相当于简化了后续的转化流程。
当用户使用者访问点击注册按钮之后,如果表单项很复杂,用户使用者很可能会放弃填写。如果一开始只要求填写邮箱,这就大大降低了注册门槛。
另外一方面,即使用户使用者在后续的注册流程中放弃了填写,那公司企业至少已经get到客户使用者的邮箱信息了。
类似Shopify这样的邮箱表单是最常见的:
Webflow则直接把需要填写的注册项全列出来,这适用于注册项在三个以内的情况:
列举客户使用者case案例,增强信任感
公司企业级(to B)商品产品不像消费级(to C)商品产品那么普遍和易获得,公司企业客户使用者在选择商品产品的时候更为慎重。
官方网站要帮助消除他们的疑虑,确立建立对商品产品的信任感,最好的方式就是把已购买商品产品的客户使用者成功case案例展现展示出来。
1.用真实的客户使用者头像提高提升可信度
比起单纯的纯文本文字展现展示,真实的客户使用者头像可以大大提高提升客户使用者评论的可信度。对比下面两张图感受一下。
Webflow的客户使用者评论:
Intercom的客户使用者评论:
2.讲故事,更容易打动用户使用者
比起一句话评论,用户使用者显然更容易接受并记住一个真实场景下的故事。
Intercom在客户使用者故事这方面下足了功夫,每个重点客户使用者都有信息内容丰富的专题页,里面有客户使用者公司企业简介,描述了用Intercom的哪些商品产品解决了哪些问题,有从他们商品产品角度出发的第三人称描述,也有客户使用者的第一人称陈述:
越来越多的公司企业已经不满足于静态讲故事,例如Invision,他们开始使用更专业、更有说服力的采访短片来作为客户使用者成功case案例:
3.精确的数字更有说服力
比起描述程度文案类似:这款商品产品帮助我们“大大提高提升了效率”、“获得了更多用户使用者咨询量”,人们更喜欢看到这样的描述:这款商品产品帮助我们“减少了18%的操作时间”、“提高提升了25%的用户使用者咨询量”。精确的数字比模糊的范围来的更有根据、更有说服力。
Intercom的每个客户使用者case案例中都有精确的数值数据支撑:
4.大公司企业的case案例会强化信心
大公司企业的口碑效应还用说么。如果你有大客户使用者,那毫不犹豫地把他们的LOGO展现展示出来吧。
看看Invision的大客户使用者logo墙:
最后:
掌握以上5点,基本上可以让你的商品产品网站站点变得有效可控。在网站站点运维的过程需要得有效的数值数据监控用以不断改网站站点的性能、感受体验、文案、部署布局等。
Copyright © 广州京杭网络科技有限公司 2005-2024 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有