5大设计要点，搭建好看又好卖的企业产品官网(5)

在Resource下拉菜单中则收拢了客户案例、帮助中心、产品演示等资源入口，用清晰的组织方式把这些信息集中在一起，让想要了解更多信息的人自己去探索：

使用类似结构的还有Atlassian等大型公司：

3.确保访客清楚自己所处的位置

网站是一个虚拟空间，访客在页面之间的跳转是无法预料的，如果没有清晰的导航在时刻提醒他们所在的页面，他们早就已经迷路了。要让访客时刻知道自己所处的位置，就要在不同页面上保持导航的一致性，并在滚动页面时保持常驻。

继续以Intercom为例，首页导航在滚动时保持常驻。当点击首页导航到达子产品页面后，导航保持一致，只是在原先的主LOGO旁多了一个子产品LOGO来表明当前所在页面，点击主LOGO可以返回首页：

子页面开始向下滚动时导航暂且消失，当滚动到首屏以下时导航出现并常驻，注意到此时的导航样式已经悄然发生了变化——简化了主LOGO，右边部分变成了 3 个针对当前子产品页面的导航。整个变化过程过渡地十分自然：

再看看Atlassian的设计。到达子产品页后会保留主导航，随着页面滚动，子产品导航会把主导航推出，继而代替主导航的位置：

Tips：

1. 规划访客的浏览历程，保持顺畅自然的体验。
2. 保持导航结构的一致性，确保用户始终知道自己所处的位置。
3. 保持导航的使用简单性，删除不必要项目。
4. 简单很好，但是要确保提供了访客想要获得的信息入口。

四、无处不在的CTA推动转化

CTA（Call to Action，用户行为召唤）是指希望访客在浏览官网时完成的指定行为，通常有：注册、申请试用、邮件订阅、软件下载等等。CTA是促进官网完成转化的主要手段，对于企业产品官网，醒目的CTA按钮是标配。

1.视觉样式必须醒目

既然官网的目标是完成转化，那么CTA按钮一定是整个页面中最醒目、最聚焦视线的。很多研究证明绿色按钮的点击率最高，蓝色其次，但我认为这并不绝对。按钮颜色取决于官网的整体配色和品牌调性，在这个前提下，拉大对比度，让按钮从背景中突出即可。样式上突出核心CTA，次级CTA可以相对弱化。

Invision的按钮使用了品牌色：红色。

2.文案需要引发点击欲望

CTA按钮文案应该是一目了然的动词短语，使用含有紧迫感的文字例如“立即/马上”，或者利益导向的文字例如“免费”，可以有效引发用户的点击欲望。常用的文案有：免费/立即试用、免费/立即注册、观看演示、了解更多等等。

CTA按钮会在网页中出现多次，因此在文案上最好保持一致性，进阶方法是根据用户浏览的上下文使用更针对性的文案。

3.保持一直可见，反复强调

CTA按钮一般与销售主张同时出现，主要分布在官网的三个位置：顶部导航、首屏大图、页面底部。顶部导航的位置可以保证按钮一直可见，首屏大图上的按钮是视觉核心，页面底部的位置则作为终极呼唤。三个位置互相呼应，缺一不可。

（编辑：ASP站长网）