瀑布流布局網(wǎng)頁設(shè)計
62 2017-07-18
1.吸頂式導(dǎo)航
為什么使用吸頂式導(dǎo)航呢?用戶在瀑布流模式下一目十行去瀏覽,如果快速切換到分類,又要回到頂部,然后再選取分類,吸頂式導(dǎo)航可以讓用戶輕松切換分類,設(shè)計要點,吸頂式導(dǎo)航不可以太寬,色彩上不可以太搶眼,只需要保證用戶在需要時,它悄悄的在就可以。
2.評論的錨點定位
pinterest起初設(shè)計是評論框全部默認展示的,意在鼓勵用戶輸入評論。而在最近的改版中,pinterest的評論框的設(shè)計改為:當圖片和已有評論長度較小時,評論框默認收起,點擊評論的操作button后,錨點定位到評論框,同時光標閃動,提示用戶輸入文字。而圖片和已有評論較長時(接近或大于一屏的高度),默認評論框打開,因為用戶如果靠評論的button打開評論框需要回滾較多距離,成本太高。
3.輕巧的點擊查看大圖設(shè)計
點擊空白區(qū)域收起,再次點擊大圖跳轉(zhuǎn)到圖片來源網(wǎng)站。非常適合輕松隨意的閱讀尤其是當用戶適應(yīng)此處的設(shè)計邏輯后,很容易產(chǎn)生沉浸式瀏覽,同時又滿足了查看細節(jié)的需要。
4.占位加載,保持視覺體驗的順暢
用戶在不斷滾動鼠標滾輪瀏覽的過程中,網(wǎng)速并不總是盡如人意的,因此采用占位加載形式(預(yù)加載出圖片高度的灰度圖),不讓加載過程中畫面過于跳動,
可以讓用戶視覺體驗平緩些,視覺過度流暢,盡量小的干擾用戶瀏覽的行為。
5.Pinit工具的便捷
Pinterest模式為首的瀑布流網(wǎng)站另一利器便為Pinit工具。用戶在各式網(wǎng)站的瀏覽中,用Pinit先為自己收藏內(nèi)容,其次為網(wǎng)站創(chuàng)造內(nèi)容。而且可以將pinterest作為用戶的一個在線圖片收藏夾,當用戶喜歡的內(nèi)容在這兒了,流量也就不用擔(dān)心了。
更多推薦:houxue/xuexiao/87740/
推薦熱點:國際商務(wù)英語自考
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號
獵學(xué)網(wǎng)服務(wù)號