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

「分享页面」指的是将某个页面从网站或者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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,203评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,229评论 4 61
  • 绿风 人生在世何如似? 恰似陈年普洱苏 老树待时香愈蕴 新芽经岁味增娱 壶中翻滚棉飞絮 杯内浮沉叶泛湖 ...
    王智杰绿色的风阅读 227评论 0 0
  • 一见钟情这种事,浪漫但不一定长久。日久生情这种事,很难却更难分开。一见钟情永远和外貌有关,日久生情永远和习惯有关。...
    90fe394aef2c阅读 343评论 0 0
  • 一个乡村老头, 病魔缠身, 痛苦不堪! 他想自主结束自己的生命(自杀), 他对亲人们解释说: 生我不能自主, 死法...
    太滆驿站阅读 129评论 0 0