原文首发于Ant Design官网-设计指引

分享人:郭子迎

展示类页面(Display Page)一般是指当用户进入某个网站时浏览到的第一个页面,也可以当作着陆页(Landing Page)来吸引用户的注意。在此,我们归纳整理了几种最常见的展示类模板,可以用于灵活的搭配组合。

我们对 Landing Page 做了以下两种类型:
分步浏览
邀请注册

分步浏览

UX-Ant Design官方设计指引:展示类页面(着陆页) - 图1
分步浏览示例

包含:USP (产品 logo,名称,slogan ),CTA(登录/注册栏,行动按钮),导航,分点阐述,客户展示,页尾。

分步浏览展示产品的主要信息,通过精彩的视觉,动效,使用户增加产品认知,提升使用兴趣,提供试用机制,进而达到转化目的 适用产品范围较广。

规范:

  1. 分点阐述:数量不宜过多,建议3-5条。
  2. CTA:此为转化的重要环节,一定要做的显著,且随时随地都可触达且明确告知用户付出与收获。
  3. 客户证言:用真实信息,建议有真实个人或公司照片。如非有名客户,建议具体说明帮他解决的问题和使用体验。

邀请注册

UX-Ant Design官方设计指引:展示类页面(着陆页) - 图2
邀请注册示例

USP (产品 logo,名称,slogan ),媒体展示,CTA(登录/注册栏),导航,页尾。

一屏之内展示出产品卖点或价值主张,突出显示 CTA。主要目的在于快速留住游客,是指直接转化为使用者。
常用于功能较为单一,属于社交型、服务型等需要获取用户信息,建立用户联系的产品。

规范:

  1. USP:一句话阐述核心竞争力,字体较大,不宜过长,力求简单好记。
  2. 媒体展示:与 USP 内容相关。如用视频,长度建议1~3分钟。
  3. CTA 登录/注册:尽量优化注册流程,或提供第三方社交账号登录。
  4. 不建议在注册前就为用户提供较多的价值和内容。