聊聊「分享页面」的设计吧

「分享页面」指的是将某个页面从网站或者APP里面单独分享到朋友圈or微信等其他渠道时，看到的页面效果，例如在朋友圈里面点开朋友分享的「即刻APP」的某条内容，这个时候看到的页面和在「即刻APP」里面是不一样的。

• 「即刻APP」打开效果

  
  「即刻APP」打开效果.png

• 分享给微信好友

  
  分享给微信好友.png

• 微信环境下打开

  
  微信环境下打开.png

为什么要强调单独，是因为这个时候的页面脱离了该页面原有的阅读环境，所以需要针对接收者所处的情景和产品的目的重新设计该页面。正好最近在做的项目十分依赖于朋友圈的流量，所以「分享页面」的设计就显得十分重要。下面是我总结的一丢丢关于分享页面设计的重要点啦：

• 分享标题：标题的重要性不言而喻啦，怎么优化的话就看文案功底啦
• 如何引导下载or注册：分享的目的一般是拉新。
  • 在什么地方引导下载：头部or底部
  • 如何有趣的引导下载：参考「即刻」
  • 利用新用户的奖励引导下载：新用户奖励，参考「京东」

  • 限制部分功能引导下载，参考「简书」

    
    「简书」.png

• 头部的导航：参考「知乎」，上面提到新用户是脱离了该页面原有的阅读环境的，所以导航可以让用户很快的知道自己所处的位置、去到想去的地方

  
  「知乎」.png
• 页面尽量不跳转：主要原因是H5很慢，参考「知乎」

• 引导更多的阅读：希望一次分享可以带来更多的阅读，这样用户转化的概率更高，一般做法是推荐「关联阅读」，参考「京东」商品推荐

  
  「京东」.png

• 什么功能是在分享页面不需要or需要强调的：抓住在当前情境下希望用户进行的主要操作加以强化，去掉不重要的操作，例如「大众点评」商品详情页的操作有「收藏」「评论」等等，但分享社交媒体下只保留了「购买」操作。

  
  「大众点评」APP打开.png
  「大众点评」分享页.png

写完了第一篇晶金姐要去睡觉啦，good night。

——by晶金
2016.8.23