意派Epub360丨為什么你做的長頁面H5沒效果？學會這3點很重要！
分頁展示是最為常見的H5布局方式，但當我們需要呈現一些篇幅較長且關聯性很強的內容時，大量的分頁很可能會造成理解障礙或閱讀疲勞，進而影響用戶體驗。在面對這種情況時，我們可以以長頁面的方式進行線性排布。
目前，很多H5工具都可以制作長頁面H5，這里我們簡要說說使用意派Epub360 H5編輯器制作長頁面H5的兩種方式：①使用layer容器；②直接設置畫布高度。感興趣的朋友可以在意派Epub360官網的教程中心搜索關鍵詞，以便自主學習。
長頁面H5的制作并不難，但初學者在制作過程中往往會面臨兩種難題。一是內容過多，整體顯得比較臃腫；二是平平無奇，抓不住任何記憶點。這兩種情況對用戶體驗及留存率都有較大負面影響，對此，我們不妨試試下面這幾個方法。
優化首屏，提煉要點
眾所周知，核心內容應該要重點突出，如果用戶一滑到底，滿眼凈是平鋪直述型的枯燥內容，那么閱讀興趣就會迅速下降。因此，我們最好在首屏將要點提煉出來并羅列清楚，這樣可以讓用戶迅速get到重點，并增強其繼續滑屏瀏覽的意愿。同樣的道理，首屏以外的內容也要著重將要點突出展示哦。
添加按鈕，跳轉鏈接
H5本身就相當于一個網頁，如果你想展示的內容已經發布到別的網頁（公眾號、專題頁、官網等）上了，那就無需重復“占位”，只要在長頁面中添加一個跳轉按鈕即可。這種方式可以有效為長頁面“瘦身”，還能起到一定的引流作用。
加入動畫/動效
一般來說，動往往比靜更吸引人。在H5頁面中加入合適的動畫/動效可以給用戶帶來酷炫有趣的視覺體驗。很多人在用意派Epub360 H5編輯器制作H5時，對于動畫/動效的區別不是很清楚，其實，只要記住以下兩點就OK了：
1.動效使用起來很簡單，各種效果都是預先設置好的，無需自己設置參數。而動畫則可以實現精細化控制，比如控制縮放比例、飛入飛出的距離、透明度等等；
2.動畫可以通過設置出現方式來控制播放時序，動效只能通過設置延遲時間來控制；
簡單一句話：動畫可以精細控制、動效設置更簡單！
如何提升用戶體驗及留存率是一個值得長期探討的話題，希望以上這些小小的建議可以幫助到您~
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）