如何提升H5页面的用户体验

世界工厂网线上生态学院 世界工厂网线上生态学院：制造企业开展线上业务的加油站 如何提升 H5 页面的用户体验 作为 H5 策划，在设计 H5 产品时我们经常需要查看各种案例，展开各种脑洞，甚至出各种方案 A、方案 B 以作 备选。满怀期待地将自己的项目推上线后，却总会发现这样或那样的问题：为什么用户访问这么少?为什么页面 留存如此低?为什么转化率数据那么可怜? 导致这种现象的原因可能有很多种，我们可以说推广力度不够，技术实现不到位，客户需求太复杂等。 抛开这些影响产品质量的外在因素不谈，作为项目策划者的我们，是否有认真思考并分析过影响作品最重要的 因素：”目标用户到底是怎么想?” 这个问题的呢?有时候，重大的疏忽来自于缺乏同理心地去观察用户。 一、关于视觉 整体清晰、简洁 细节刻画产品为主，性能刻画 二、关于内容 讲个好故事引起共鸣 差异化展示寻找产品个性和调性 这是一个正经的总结： 三、内容上 1、故事化：不论 H5 的形式如何多变，有价值的内容始终是第一位的。在有限的篇幅里，学会讲故事，引发用 户的情感共鸣，将对内容的传播形成极大的推动。 2、场景化：H5 的设置中，融入如写字楼、地铁站这些场景，一是让用户能在参与中，找到熟悉感以更容易的 接受里面的信息，二是也是最重要的，场景承载的品牌信息，能在用户过后在某个特定场所里，唤起他们的认 知，从而加深用户对品牌的印象。 4、强互动：加入互动机制，能让用户进一步感知体验 H5 宣传的品牌产品，提高对产品的购买欲望。 5、参与感：结合产品本身的特性以及用户的喜好进行参与机制的设置。 6、社交性：要让品牌能传播得更远还需在 H5 上融入社交性，借助用户的社交关系链传播。社交需求是用户存 在社交媒体的核心，通常用户会通过谈资、帮助、比 较、炫耀、窥视. 与好友维持或促进社交关系。因此，在 H5 设计中，应融入了这些能让用户分享的动机。 四、形式上 1、幻灯片式：适用于频繁、小型的需求。 例如：定期发布的内容，几乎零预算；结合热点的营销，周期极短。 世界工厂网线上生态学院 世界工厂网线上生态学院：制造企业开展线上业务的加油站 2、交互式动画：制作周期和成本比较高，需要提前规划。优质的 H5 大约在两周到 4 周左右，也有可能更长。 适用于例如： 中小型活动/品牌事件的传播；大型活动/品牌事件的传播。 3、功能型：轻交互重功能的功能型 H5 制作周期较短、成本也不高，成功的关键不在于酷炫的交互，而在于用 户需求的把握以及后续的运营。 适用于例如： 品牌账号的粉丝运营。 五、给用户转发分享的理由才是硬道理 大多数用户会出于新奇或朋友的推荐进入一个 H5，且只转发自认为有价值的内容。数年之前，将 flash 小游戏 移植到 H5 营销领域较为新颖，现在却变成越来越吃力不讨好的事情。用户会对同质化严重内容产生免疫力甚至 排斥。那什么样的内容会让用户觉得有价值并且转发呢? 总结来看不外乎以下几点： 1、形式或视觉技术上的炫酷刷新了的眼球 这使我们自然的想到曾经刷爆朋友圈的吴亦凡入伍, 这个陌生电话你敢接吗，甚至非 h5 的 uc 愚人节开 的“裂屏”玩笑，这些都是形式和视觉上刷新用户眼球的案例。 2、对内容传达的情感产生共鸣或认同感 “每个人都只会在自己的故事中哭泣”，用户也只会在自己的情感中感动。避免做作的情怀和一厢情愿的自嗨。 一句引人共鸣的文案，给人们带来的回响，比几页一厢情愿的文案强百倍。许多看过深圳下雪了的人并不 是因为深圳的变化而流下眼泪，而是被置身于环境的自己感动。 3、内容结果让人有炫耀感，且分享奖励大于自己的分享代价 如果说分析曾经红极一时的围住神经猫被刷爆朋友圈的，最大原因就是结果可以炫耀。但值得注意的是， 玩家极度抵触分享折射自己缺陷的信息。 4、为了奖品，或争取更多的获奖机会 用户会对有自认价值的奖品产生兴趣。即使用户发现这是一个营销 H5。但值得注意的是领奖的流程必须要简单 易操作，避免涉及较为隐私的个人信息。一旦用户觉得麻烦，奖品难以触及就会失去原来的耐心。 5、内容有趣且具备社交价值 最近朋友圈流行的“猜猜你的好友 xxx 画的是那副画”就是最好的例子。