話接上文,banner中的核心目標“視覺動線”到底是什么?
相比文字信息,用戶更容易被圖形化的內容所吸引,也更容易理解圖形內容。
所以產品頁的banner也更多要以主推產信息為主作為圖片,而根據Jakob Nielsen做了一個眼動時間,發現用戶平均花費80.7%的閱讀時間在前三屏,其中第一屏時間占57%,,第二批時間占用17%,第三屏時間占用7%。在第一時間抓住用戶數據額出發,我們必須要把“最突出,最顯眼的banner”展示在第一屏,這樣不只是我們進入頁面能看到,更多的是在三秒內,能讓用戶了解到主要宣傳的信息。
市面上一切的廣告都是為了轉化用戶,banner作為產品吸睛的工具,也不例外,通過展示的現階段真實準確的信息轉化用戶,從而達到商業價值。
我們可以將一個banner理解程你所在的城市地圖。那最先想到是什么?
以杭州為例,作為座有名的旅游城市,喜歡旅游的伙伴都會提前做好攻略,在最短的時間內逛完它,從路線到景點,等等都需要安排出最佳路線,如果遇到不錯的地方,肯定會在未來不斷的到訪,打卡!
回到banner里,視覺動線就是最終安排好的一條路線,而“做攻略的人”這個角色相當于在“設計師”這個角色,由設計師來安排用戶,觀看banner的順序,而“不錯的景色”對應的就是可以讓“用戶進行下一步保存留存”,提高轉化率的高亮區。
在哪里改著重停留有以下幾種方法:
一:古騰堡圖表法
首先從古至今我們的視覺規律都是從上到下,從左到右的規律,其次古騰堡圖表法(對角線平衡的和諧狀態)告訴我們瀏覽內容基本是從左上到右下的視覺動線,左上角與右下角是可以作為第一視覺落點區和最終視覺落點區,而右上與左下是會被視為視覺盲區,經常被忽略!
二:尼爾森F型視覺模型
用戶注意中心主要在頂部橫掃一遍上面的內容,制造一條視覺動線,之后用戶將頁面下拉到看到的內容會比第一條動線短,之后用戶話因為注意力的影響,視覺動線越來越短,形成類似于“F”的形狀,被稱為“F型模型”
以上兩種模型,即為視覺動線的基礎邏輯,本次就到這里,下回在和大家分析下banner的排版上的細節。