分页展示是最为常见的H5布局方式，但当我们需要呈现一些篇幅较长且关联性很强的内容时，大量的分页很可能会造成理解障碍或阅读疲劳，进而影响用户体验。在面对这种情况时，我们可以以长页面的方式进行线性排布。
目前，很多H5工具都可以制作长页面H5，这里我们简要说说使用意派Epub360 H5编辑器制作长页面H5的两种方式：①使用layer容器；②直接设置画布高度。感兴趣的朋友可以在意派Epub360官网的教程中心搜索关键词，以便自主学习。
长页面H5的制作并不难，但初学者在制作过程中往往会面临两种难题。一是内容过多，整体显得比较臃肿；二是平平无奇，抓不住任何记忆点。这两种情况对用户体验及留存率都有较大负面影响，对此，我们不妨试试下面这几个方法。
优化首屏，提炼要点
众所周知，核心内容应该要重点突出，如果用户一滑到底，满眼净是平铺直述型的枯燥内容，那么阅读兴趣就会迅速下降。因此，我们最好在首屏将要点提炼出来并罗列清楚，这样可以让用户迅速get到重点，并增强其继续滑屏浏览的意愿。同样的道理，首屏以外的内容也要着重将要点突出展示哦。
添加按钮，跳转链接
H5本身就相当于一个网页，如果你想展示的内容已经发布到别的网页（公众号、专题页、官网等）上了，那就无需重复“占位”，只要在长页面中添加一个跳转按钮即可。这种方式可以有效为长页面“瘦身”，还能起到一定的引流作用。
加入动画/动效
一般来说，动往往比静更吸引人。在H5页面中加入合适的动画/动效可以给用户带来酷炫有趣的视觉体验。很多人在用意派Epub360 H5编辑器制作H5时，对于动画/动效的区别不是很清楚，其实，只要记住以下两点就OK了：
1.动效使用起来很简单，各种效果都是预先设置好的，无需自己设置参数。而动画则可以实现精细化控制，比如控制缩放比例、飞入飞出的距离、透明度等等；
2.动画可以通过设置出现方式来控制播放时序，动效只能通过设置延迟时间来控制；
简单一句话：动画可以精细控制、动效设置更简单！
如何提升用户体验及留存率是一个值得长期探讨的话题，希望以上这些小小的建议可以帮助到您~