如何讓用戶保持持續注意力接納內容信息,是微信圖文裡一直關注的問題。近期「小編備用」為微信派開發了一篇具有流暢閱讀體驗的推送交互圖文《2021全球追光!一起來看新年的第一個日出》,現在為大家分享這篇推送技術邏輯。若想體驗一下絲滑版的圖文閱讀體驗,可以看看這篇推送。
在這篇圖文推送中將前景與背景按照一定方式進行融合,利用的前景圖懸浮、背景圖縱向運動的技術邏輯,營造出界面裡驚豔的視覺效果。在這裡最關鍵在於前景與背景的融合關係,通常情況下,兩個圖層之間的組合運動都是100%遮罩效果,即兩個並列section盒子裡要執行某些交互觸發下個盒子的信息,而最開始的盒子為了輸出更多信息主動讓位界面或者用戶會被延展出的信息區域吸引進而忽略。但在該篇推文裡中利用PNG圖片的透明屬性,設置前景懸浮效果,並融合背景圖運動變化呈現不同以往的信息傳遞路徑。同時信息呈現在一個界面裡,不僅提供了高效的信息輸出空間,而且幫助文章保持一致氛圍和流暢的閱讀體驗。
除此之外,與圖文內容的巧妙結合,發揮了此技術邏輯的最大效能。背景呈現從星空到日出的變化過程,營造出星空流動以及人在追逐時天空相對運動的過程,完美契合文章的「追光」主旨,帶給人視覺感官體驗,並不斷深化用戶對於主題的認知。
無論技術還是形式,最終還是服務於內容。通過一圖層懸浮另一圖層縱向變化的組合,近期別克推送中也使用到了,以不一樣的形式將該類技術邏輯展現出來。不妨再一起體驗下。
區別於上一篇圖文形式,別克的推送裡是保持背景圖層的不變,通過前景PNG圖片的向下展開的運動效果,引導用戶的閱讀注意力。在這裡前景圖層的元素形成了交互界面裡與用戶溝通的指示性符號,完美充當了「意符」的概念,用戶無需明顯提示跟隨圖文高度展開時自動跟隨元素向下移動,進一步提高了整篇推送的閱讀完整率,使整篇文章閱讀體驗非常流暢,順其自然。