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