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

案例:社交图谱分析
出品:仟传网络科技(上海)
亮点:
-
策划上,小游戏类,① 采用自动播放动画的形式,将人脉值是怎么计算出来的生动形象的展现出来;②将社交图谱的以点线的形式形象展现 ③ 绘制自己的图谱,分享出去,朋友每一次点击,自己的人脉值增加一个;④ 点击“谁创造了社交图谱”,即可看到此人是苏旋,还可扫码加他微信
-
设计上,① 采用灰白色的宇宙作为背景,蓝色作为内容主色调;② 在有“绘制我的图谱”的按钮页,上方显示的是人脉排行榜,点击头像,即可看到该人的社交图谱;③由于这支H5采用了微信授权,在此页面上还显示的有玩家的好友排行榜、昵称、性别、手机型号等等
-
点线形式的社交图谱动态图制作的相当形象有趣,① 头顶王冠的点是当前人脉王;② 闪动的点表示我和我直接的朋友;③ 不同的线代表不同的传播途径;④ 点的大小直接反应了人脉值的大小;⑤点击任何一个点都可以看到TA的传播,展开情况,还可加TA为好友;⑥ 人脉值 = 好友x1 + 好友的好友数x1/2 + 好友的好友的好友数x(1/2)2 + 好友的好友的好友的好友数x(1/2)4 ······
技术实现: jQuery
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

微信扫一扫
关注该公众号