大数据时代，每个人在一年中的“活动轨迹”都能通过数据来展示，企业通过H5年度账单向内部员工或企业客户分享一年来的陪伴，能大大提升用户对于企业品牌的好感度，也能对品牌进行宣传推广。下面，蓝橙互动就从内部员工和外部用户两个角度分析，给大家聊聊年度账单H5的设计方向。

1、账号登录

年度账单的基本内容就是数据展示，所以需要用户先进行授权登录，获取相关信息，才能做出数据展示，外部用户在登录后即可点击开始展示账单，而内部员工则需要通过额外的工号、姓名等验证，后续页面则根据用户身份信息进行分类并展示不同的页面和数据。

2、页面流程

对于内部员工用户，在账单页面展示中，前1-3页可以作为通用内容的展示，后续页面则按员工部门职位的不同，展示不同的页面和数据。而对于外部用户，所需要展示的页面只存在用户个体不同的数据差异，页面中所包含的统计内容、页面等都可以进行统一。

3、页面详情

年度账单H5的玩法设计并不复杂，更重要的是页面展示内容的设计，哪些有趣的数据更吸引用户关注，哪些数据更让用户在意才是年度账单H5设计的核心。

在内部员工的页面设计时，通用内容部分可以展示员工的入职时间、最早上班打卡时间、最晚下班打卡时间等等。后续页面内容则根据企业类型和员工职位的不同进行调整，比如用户是一名客服，则可以展示这一年他总共接待XX个客户；在XX年XX月XX日连续接待XX个客户；这一年，帮助XXX个客户解决问题，整理完善XX个客户资料，获得客户满意评价XX个等。

相对于内部员工的工作数据展示，外部用户的页面内容则要更具个性。比如音乐APP的用户年度账单，就可以展示用户这一年听了XX首歌；听音乐的总时长；听音乐最多的时间段；最爱听的是那首歌等等。

4、图文设计

年度账单虽然是展示数据，但与Excel表格有很大区别，那就是有配合数据显示的文字与图案，图文结合让数据显示不再枯燥，优美的文案数据展示不再生硬。

5、案例参考

说得再多，不如实际体验一下，以下是蓝橙互动制作的壳牌2周年账单，通过展现用户与壳牌的大数据信息，让用户了解自己与壳牌的消费记录，从而宣传品牌信息。

总的来说，年度账单H5的设计方向要以数据内容和交互体验为主，这也正是用户愿意主动分享这类H5的原因。无论目标用户是内部员工还是外部用户，用户的体验都十分重要。从开发上说，我们蓝橙互动有着足够的年度账单H5开发经验，在H5制作时间和H5设计上都有独特的优势，定制价格也是按具体需求而定，有需求话可以咨询一下。