Godzilla. 2016-12-13
網(wǎng)站建設(shè)
網(wǎng)站設(shè)計網(wǎng)頁設(shè)計中如何選擇滾動類型？
滾動可能看起來像是網(wǎng)站的一個非?；镜墓δ埽聦?shí)上確實(shí)也是。一些網(wǎng)站采用“無限”滾動，你滾動到一個長的主頁的底部只是看到滾動條跳回到它的軌道的中間，因?yàn)樵诘撞扛嗟膬?nèi)容加載。這種類型的滾動在某些情況下可能有效，但它會使用戶更頻繁地失敗。重要的是要識別滾動是有效的，以及應(yīng)該使用什么類型。網(wǎng)站設(shè)計網(wǎng)頁設(shè)計中如何選擇滾動類型？
網(wǎng)站比以往任何時候都更加強(qiáng)大和內(nèi)容豐富，因此設(shè)計人員已經(jīng)構(gòu)思了用信息填充屏幕的新方法?？紤]到移動設(shè)備用戶數(shù)量超過桌面用戶的數(shù)量，這一點(diǎn)尤其明顯。設(shè)計人員必須將大量內(nèi)容放在相對較小的屏幕上，因此需要進(jìn)行一些滾動操作。
平鋪設(shè)計是創(chuàng)建一小塊內(nèi)容（通常是更詳細(xì)的內(nèi)容的交互式鏈接）的想法，用于快速和高效的瀏覽。結(jié)合這個概念與滾動，你可以為用戶提供一個看似無盡的內(nèi)容流。滾動在移動設(shè)備上也自然具有吸引力?；瑒邮种甘且粋€簡單，容易，精確的運(yùn)動。用戶可以快速了解如何快速滑動到頁面底部，或者慢速瀏覽下一個相關(guān)內(nèi)容。摩恩網(wǎng)絡(luò)，專業(yè)網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、logo設(shè)計、品牌設(shè)計、印刷、APP/微信開發(fā)等產(chǎn)品服務(wù)，新上線企業(yè)VI設(shè)計套餐和網(wǎng)站營銷推廣系統(tǒng)（強(qiáng)），歡迎新老顧客前來咨詢！
滾動類型
根據(jù)您的品牌形象和客戶群，您應(yīng)該在您的網(wǎng)站上顯示的滾動類型會有所不同。在決定采用哪種方法時，請考慮如何與您提供的內(nèi)容互動。有四種基本類型的滾動：
1、長滾動
長滾動的優(yōu)點(diǎn)是您可以創(chuàng)建一個無縫內(nèi)容的單頁。 這為用戶提供了平滑，線性的瀏覽體驗(yàn)，并且自然地適合于講故事。
當(dāng)用戶滾動時，他們可以自然地吸收更多的故事，提供更沉浸式的瀏覽體驗(yàn)。 許多單一網(wǎng)頁的網(wǎng)站選擇使用長滾動功能，但此配置的一個主要缺點(diǎn)是它可能會損害您網(wǎng)站的搜索引擎優(yōu)化（SEO）。具有多個頁面的網(wǎng)站在SEO方面往往表現(xiàn)更好。
2.固定長滾動
固定的長滾動配置不是讓整個頁面滾動，而是在其他內(nèi)容滾動時保持一些內(nèi)容靜態(tài)。 或者，您可以設(shè)置滾動，以便當(dāng)用戶到達(dá)某個點(diǎn)時，靜態(tài)內(nèi)容將切換到新的部分。這是偉大的網(wǎng)站，不想轉(zhuǎn)換為一個單一的網(wǎng)頁由于SEO的關(guān)注。
3.無限滾動
對于提供非常大量內(nèi)容的網(wǎng)站，可能會過多地一次加載到單個網(wǎng)頁上。使用無限滾動設(shè)置。大多數(shù)社交媒體，如Facebook，Tumblr和Imgur都配置為無限滾動。 這允許用戶連續(xù)瀏覽新鮮的內(nèi)容。唯一的缺點(diǎn)是用戶將失去他們的地方非常失望。如果您認(rèn)為無限滾動會適合您的網(wǎng)站內(nèi)容，那么您應(yīng)該調(diào)查粘性導(dǎo)航，一個工具欄或一組按鈕，允許用戶快速跳回到頂部或特定區(qū)域。
4.視差滾動
視頻游戲愛好者將感覺在家里有視差滾動。 在二維環(huán)境中發(fā)生的較舊的視頻游戲沒有能夠創(chuàng)建在最近的游戲中看到的巨大的，三維的，超現(xiàn)實(shí)的環(huán)境的技術(shù)。
較老的8位和16位游戲，如Sonic的刺猬，巨人和超級馬里奧兄弟經(jīng)常被稱為“側(cè)滾動”。這是因?yàn)橥婕覐淖蟮接乙苿油瓿梢粋€階段，深度創(chuàng)建與運(yùn)動。前景和背景將以不同的速度移動，產(chǎn)生深度的視覺感覺。在網(wǎng)站設(shè)計中的視差滾動真的發(fā)光，當(dāng)你可以工作在滾動觸發(fā)的動畫。
滾動的最佳實(shí)踐
您在網(wǎng)站上使用的滾動類型應(yīng)取決于您的內(nèi)容。滾動的基本功能是允許用戶根據(jù)自己的需要摘要盡可能多的內(nèi)容，因此，為您的產(chǎn)品定制體驗(yàn)非常重要。非常內(nèi)容豐富的網(wǎng)站可能想調(diào)查無限長滾動。這種方法適用于社交媒體，尤其是在移動平臺上 - 因?yàn)樵趩蝹€頁面中只消耗過多內(nèi)容來消化，并且試圖將每一個位都嵌入到單個頁面中將是不切實(shí)際的和不加密的。
讓您的內(nèi)容決定您的滾動長度。您還可以通過簡單的按鈕“滾動更多”或“查看更多”來修剪滾動。允許用戶決定是否要繼續(xù)，您的網(wǎng)頁不僅會加載更快，但人類的好奇心讓用戶點(diǎn)擊更頻繁。
您的用戶數(shù)據(jù)會告訴您用戶如何與您的網(wǎng)站進(jìn)行互動，以及是否應(yīng)重新考慮滾動配置。當(dāng)用戶訪問您的網(wǎng)頁時，他們首先看到的是頂部。其底部的視圖稱為“折疊”，您的Google Analytics（分析）可以告訴您有多少用戶在其下方點(diǎn)擊次數(shù)以及多少次。此指標(biāo)會告訴您當(dāng)前的滾動設(shè)置和網(wǎng)站布局是否鼓勵用戶繼續(xù)向下滾動，以查看您要提供的內(nèi)容。
粘性導(dǎo)航是一個偉大的工具
無論您為網(wǎng)站選擇哪種類型的滾動，粘性導(dǎo)航都是一種絕佳的方式，可讓用戶在瀏覽您的網(wǎng)站時保持控制。想想基于網(wǎng)絡(luò)的電子郵件客戶端（如Gmail）：您可以向下滾動收件箱，但屏幕左側(cè)的欄有用于在帳戶之間切換或訪問不同文件夾的按鈕。用戶可以隨意滾動，但他們總是有選擇跳到一個確切的部分。
任何類型的網(wǎng)站都可以受益于粘性導(dǎo)航。如果你使用無限滾動，用戶可能喜歡有能力跳回到頁面的頂部與一個水龍頭，而不是連續(xù)滑動。您還可以創(chuàng)建一個標(biāo)題，保留在屏幕上，無論用戶滾動多遠(yuǎn)，提供即時訪問基本功能。
優(yōu)點(diǎn)和缺點(diǎn)
隨著越來越多的人轉(zhuǎn)向移動設(shè)備瀏覽網(wǎng)絡(luò)，滾動看起來是網(wǎng)站的自然選擇。當(dāng)然，點(diǎn)擊各種鏈接是快速和容易，但大多數(shù)用戶更喜歡快速訪問大部分的網(wǎng)站的內(nèi)容，盡快。您可以讓用戶使用強(qiáng)大的內(nèi)容產(chǎn)品，如果您提供一定程度的控制權(quán)，您就不會淹沒他們。
但是，請務(wù)必記住，大量的內(nèi)容或多媒體可能會降低您的網(wǎng)頁加載速度。這可能會損害您的用戶在移動設(shè)備上的體驗(yàn)，因?yàn)樵S多用戶將在移動設(shè)備上瀏覽蜂窩數(shù)據(jù)或Wi-Fi連接比平均值弱。
您可能還需要犧牲您網(wǎng)站的頁腳。 幾乎每個網(wǎng)站在頁面底部都有一個頁腳，其中包含公司簡介的精確鏈接，提交工作申請，聯(lián)系信息和其他一般信息的位置。 您可以使用粘性導(dǎo)航工具來消除對頁腳的需要，用戶可以點(diǎn)擊該導(dǎo)航工具訪問您網(wǎng)站的特定區(qū)域。
如果你正在設(shè)計移動設(shè)備瀏覽（你應(yīng)該是），那么滾動的好處遠(yuǎn)遠(yuǎn)超過了缺點(diǎn) - 只要你配置你的網(wǎng)站的滾動明智。 移動設(shè)備固有地鼓勵互動，并采用精心制作的響應(yīng)式網(wǎng)頁設(shè)計，用戶將以獨(dú)特的方式吸引您的內(nèi)容。
文章標(biāo)簽：
網(wǎng)頁滾動
文章評論：