雖然現(xiàn)在長滾動頁面的設(shè)計運(yùn)營的很廣泛,但是也不能為了做長滾動頁面而去做,作為企業(yè)來說應(yīng)該充分考慮到行業(yè)、產(chǎn)品特征,而作為網(wǎng)站設(shè)計公司的設(shè)計師來說的話應(yīng)該充分考慮到用戶的特性以及瀏覽需求。那么如果在考慮好前提條件的情況下,長滾動頁面應(yīng)該如何去設(shè)計?好點(diǎn)子大家一起來分享,沒錯,我是蒙特,很多朋友都認(rèn)識我。
1、充分運(yùn)用滾動特效和技術(shù)
長滾動頁面在移動端和桌面端都能夠良好的運(yùn)作,很大程度上這是設(shè)計師喜愛它的原因之一。
許多用戶其實(shí)更加喜歡滾動而不是點(diǎn)擊,而在移動端上,這種交互上的傾向表現(xiàn)得更加明顯。使用長滾動頁面,瀏覽獲取信息的體驗(yàn)更順滑。
使用各種滾動特效和技術(shù)比如視差特效,色塊遮蓋和混搭式排版(比如讓文本、視頻、圖片等內(nèi)容塊混搭,降低用戶瀏覽負(fù)荷)來保持整個設(shè)計順暢。搭配滾動觸發(fā)式的視差特效和滾動動畫,保持用戶的參與性和趣味性,鼓勵用戶繼續(xù)滾動瀏覽。
2、讓長滾動內(nèi)容和短滾動內(nèi)容交替出現(xiàn)
在長滾動頁面當(dāng)中,有些內(nèi)容需要快速滾動瀏覽,而有的內(nèi)容則需要用戶仔細(xì)閱讀,逐步查看,這些長滾動和短滾動的內(nèi)容應(yīng)該交替出現(xiàn),分段搭配。
比如大片的圖片就是易于消化的內(nèi)容,用戶會快速滾動查看,而包含文本的內(nèi)容,則常常需要用戶停下來,逐行滾動查看,你需要讓這些不同的內(nèi)容長短搭配起來,這樣不僅讓交互更加富有韻律,而且讓頁面更加從容地加載。
3、為用戶提供路線圖
長滾動頁面所需要面臨一個非常實(shí)際的問題,就是導(dǎo)航和視覺線索,用戶需要知道他們?yōu)g覽到了什么位置,以及他們距離頁面的首位有多遠(yuǎn)。
路線圖和導(dǎo)航是非常重要的。目前常見的模式有以下幾種:
懸浮導(dǎo)航
使用小點(diǎn)或者其他替代元素來告知用戶進(jìn)度
使用箭頭和符號來告訴用戶接下來的操作
提供快速跳轉(zhuǎn)到開頭和結(jié)尾的按鈕
4、設(shè)計出清晰的目標(biāo)
長滾動頁面不應(yīng)該是無限的。設(shè)計的時候,應(yīng)該能夠讓用戶明白從哪里開始,以及最終的結(jié)束會在什么地方。
無論整個頁面的設(shè)計有多酷,總需要讓用戶明確目標(biāo)和結(jié)果。
雖然長滾動頁面已經(jīng)不再是什么新鮮的東西,但是它的UX設(shè)計和交互模式依然還在不斷成長,逐漸成熟?,F(xiàn)如今,杭州蒙特網(wǎng)站設(shè)計依然在探討它的利弊,只有充分考慮到客戶需求和行業(yè)特性之后再能選擇是否使用長滾動網(wǎng)頁設(shè)計。針對長滾動頁面設(shè)計需要分享的還有很多,歡迎您與我們一同交流,相互探討,互利共贏!
©2000-2022 杭州蒙特信息技術(shù)有限公司版權(quán)所有
Mountor、蒙特是Mountor Corp.的注冊商標(biāo)。