做h5例子_如何策划并制定一份H5用户个人年度数据报告？.docxVIP

做h5例?_如何策划并制定?份H5?户个?年度数据报告？

“锦城数据实验室”每?期制作的最终的产出是?份HTML5，?户在查看HTML5时的整个过程，将决定了这份HTML5到底能得?分。希望团队中的数据构思和分析?组成员能够通过阅读我的这份H5想法的构思的整理总结，能有所启发，有所收获。

这篇?章观点来?于个?的经验和认识，如存在偏离实际情况和思维有局限的情况，希望指出。

?户最关?什么？

从我个??度，制定?张HTML5页?的评分表，我会考虑如下评分项：

评分项权重(Max:10)页?加载速度6页?美观程度5页?背景?乐3页?展现内容8页?呈现数据6页?动画效果4我认为，页?所呈现的内容是?关重要的，所以赋予它的权重最?。

毕竟，?户最关?的是H5中的内容对于“我”??能产?什么样的有?性，?不会是“如何清洗的数据”、”项?如何架构”或是”某项技术实如何现”。

我们的出发点？

?份好的H5，要让?户有所收获。

我们应先决定好想让?户看到和了解到哪?些数据，相应地，?户才会产?什么样的感受，最终对于我们整个产品和项???有什么样的帮助。

?付宝案例

举个?付宝的年度账单H5的例?：通过看?付宝的年度账单，我能有如下收获：

1.我每?通过?付宝消费了多少钱

2.我在?付宝上的消费的类型结构

3.我的消费的?个?致排名

4.我在蚂蚁?服理财??的收益情况

5.通过朋友圈?家分享出的个?账单信息对朋友的消费情况有个粗略印象

整理来看看是?付宝的出发点：

1.让?户了解去年在?付宝上的资?流动情况，感受到?付宝已经深?其?活的????

2.让?户潜移默化地认为数据的整合处理是互联?产品的?项基础附加服务

3.增强?户的信任感和?户黏度

4.在社交媒体分享??的年度账单炒热话题

望梅?渴，如果我都没见到“梅?”，那我怎么能缓解?渴的现状呢？

本期出发点

??于我们的第?期——“2017年锦城饭卡年度账单”HTML5，那我们就可以基本确定我们的?个出发点。

1.提供关于个?的饭卡消费数据、全校总体消费数据以及两者的对?数据给?户

2.炒话题吸流量，让更多?关注锦城数据实验室正在做的事情

3.?覆盖增知名，覆盖校园内更多的?群(饭卡?户群体?上?期图书馆的?户群体更多)

我们该如何构思？

有了出发点，下?步，我们来聊?聊如何构思。

Step1：明确样例数据

巧妇难为??之炊，?论你有多么精巧的想法，如果没有原始材料(数据)，也不能把想法实现。

因此，做构思的时候要先明确，我们?上到底有哪些数据，哪些数据可以被公布。

学号姓名交易?额余额类型?期时间地点XXXX40155唐某某1018.4?付宝转?2017/12/3019:38:56新?堂1楼通过如上数据处理?组清理出来的样本数据我们可以知道我们?上掌握了哪?些数据，?共是?个字段。

我们所有的构思，在不添加其他纬度的数据的情况下，都得围绕这个?个字段来展开。

Step2：整理构思需求

在构思的过程中要整理出?张名为“H5构思数据需要”的表格出来，如下：

这?张表格作?甚?，起着沟通下游?作组的作?。

Step3：构思H5故事

我要?HTML5构思怎么样的?个故事。

这?以?易云?乐的年度听歌回忆录H5来做案例：

在阅读完属于我的?易云听歌回忆录H5的时候，我的感受是暖?。

我?下?这段?字来描述我的感受：

犹如有?种?形的?量灌注进我原本??的?体，激励着我踏马负剑去征服星??海。

犹如有?种?形的?量灌注进我原本??的?体，激励着我踏马负剑去征服星??海。我的?后是过往，我的前?是未来。为了爱的?，为了理想，前进！阳光明媚，?切都好。

请?家不要笑，这便是我读完这份报告的内?戏。能让我有这样的感受，它能不是?份优秀的H5吗？

这份H5带给我的感受，很符合?易云?乐的Slogan：“?乐的?量”！

回到我们的这?期构思上，?先我们要明确?个故事讲述的基调，我们的H5主题关键字是“年度饭卡消费吃账单”。那么可以有很多“基调”进?选择，“吃货的轻松范”、“对?物的敬畏范”、“?钱衡量?物的感慨”……

每个?的写作风格都不?样，因此，?常不建议在这?环节进?头脑风暴或者集体构思。

我建议?家带上?机选择???乐慢慢聆听，同时握着??笔，有灵感了就写下来，??呵成将数据和故事串联起来。Step4：切割故事绘制原型

有了故事，再来切分故事，把故事切分成?块。

?如这两??字我想讲述的是他在这?年中最早?次是什么时候吃早饭，那么我们可以设定?个?标题叫做“最早?次吃饭”。H5页?的内容，狭义上看是?案，?义上看是内容+数据+UI+动效的组合体。