仟传网络科技(上海):社交图谱分析

2016-06-30 H5案例分享 H5案例分享
仟传网络科技(上海):社交图谱分析

案例:社交图谱分析

出品:仟传网络科技(上海)

亮点:

  1. 策划上,小游戏类,① 采用自动播放动画的形式,将人脉值是怎么计算出来的生动形象的展现出来;②将社交图谱的以点线的形式形象展现 ③ 绘制自己的图谱,分享出去,朋友每一次点击,自己的人脉值增加一个;④ 点击“谁创造了社交图谱”,即可看到此人是苏旋,还可扫码加他微信

  2. 设计上,① 采用灰白色的宇宙作为背景,蓝色作为内容主色调;② 在有“绘制我的图谱”的按钮页,上方显示的是人脉排行榜,点击头像,即可看到该人的社交图谱;③由于这支H5采用了微信授权,在此页面上还显示的有玩家的好友排行榜、昵称、性别、手机型号等等

  3. 点线形式的社交图谱动态图制作的相当形象有趣,① 头顶王冠的点是当前人脉王;② 闪动的点表示我和我直接的朋友;③ 不同的线代表不同的传播途径;④ 点的大小直接反应了人脉值的大小;⑤点击任何一个点都可以看到TA的传播,展开情况,还可加TA为好友;⑥ 人脉值 = 好友x1 + 好友的好友数x1/2 + 好友的好友的好友数x(1/2)2 + 好友的好友的好友的好友数x(1/2)4 ······



技术实现: jQuery


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

社交图谱分析-查阅二维码




以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

华夏基金:大中华的朋友圈

美团•大众点评:中国火锅大数据报告

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~