相比網(wǎng)頁寬度的重要性網(wǎng)站頁面長(zhǎng)度也不容忽視

2022-05-25    分類: 網(wǎng)站建設(shè)


網(wǎng)站設(shè)計(jì)時(shí),很多設(shè)計(jì)師和前端開發(fā)人員都會(huì)注意控制網(wǎng)站的安全寬度。比如頁面核心內(nèi)容寬度應(yīng)控制在1200px像素內(nèi),網(wǎng)頁設(shè)計(jì)應(yīng)兼顧老的顯示分辨率等等。而且在大多數(shù)網(wǎng)站設(shè)計(jì)教學(xué)站點(diǎn)上,有很多關(guān)于您應(yīng)該使頁面變得多寬的關(guān)注,由此可見網(wǎng)頁寬度很重要。相比網(wǎng)頁寬度的重要性網(wǎng)站頁面長(zhǎng)度也不容忽視,你有沒有想過你的網(wǎng)頁有多長(zhǎng)?傳統(tǒng)觀點(diǎn)認(rèn)為,任何頁面的長(zhǎng)度都不能超過一個(gè)屏幕,因?yàn)樽x者不喜歡向下滾動(dòng)。事實(shí)上,在第一個(gè)屏幕之外甚至還有一個(gè)術(shù)語,叫做“折疊下面”。而且,大多數(shù)設(shè)計(jì)師認(rèn)為,對(duì)于大多數(shù)讀者來說,低于這個(gè)范圍的內(nèi)容可能并不存在。但在UIE所做的一項(xiàng)研究中,他們發(fā)現(xiàn)“大多數(shù)用戶很容易瀏覽網(wǎng)頁,通常沒有評(píng)論?!痹谀切┰O(shè)計(jì)師有意識(shí)地阻止頁面滾動(dòng)的網(wǎng)站上,UIE測(cè)試人員甚至不能確定讀者是否注意到了,“沒有人評(píng)論說不必在測(cè)試網(wǎng)站上滾動(dòng)?!彼麄冞€發(fā)現(xiàn),如果讀者知道他們要查找的信息在網(wǎng)站上,那么較長(zhǎng)的頁面會(huì)使他們更容易找到這些信息。
滾動(dòng)并不是隱藏信息的唯一工具
最常見的反對(duì)寫長(zhǎng)頁的論點(diǎn)是,它會(huì)使信息隱藏在“折疊”之下,讀者甚至可能永遠(yuǎn)看不到它。但是,將這些信息放在另一頁上則會(huì)更有效地隱藏它。在我自己的測(cè)試中,我發(fā)現(xiàn)多頁文章在第一頁之后每頁下降了大約50%。換句話說,如果有100個(gè)人點(diǎn)擊了一篇文章的第一頁,那么50個(gè)人點(diǎn)擊了第二頁,25個(gè)人點(diǎn)擊了第三頁,10個(gè)人點(diǎn)擊了第四頁,以此類推。事實(shí)上,在第二頁之后,下降的情況要嚴(yán)重得多(有數(shù)據(jù)統(tǒng)計(jì),大約85%的原始讀者從未讀到一篇文章的第三頁)。
當(dāng)頁面很長(zhǎng)時(shí),以瀏覽器右側(cè)滾動(dòng)條的形式為讀者提供視覺提示。大多數(shù)Web瀏覽器都會(huì)更改內(nèi)部滾動(dòng)條的長(zhǎng)度,以指示文檔的長(zhǎng)度以及需要滾動(dòng)的時(shí)間。盡管大多數(shù)讀者不會(huì)有意識(shí)地看到這一點(diǎn),但它提供了信息,讓他們知道頁面上有比他們立即看到的更多的內(nèi)容。但是,當(dāng)您創(chuàng)建短頁面和指向后續(xù)頁面的鏈接時(shí),沒有可視信息來告訴他們文章有多長(zhǎng)。事實(shí)上,期望你的讀者點(diǎn)擊鏈接就是讓他們相信,你真的會(huì)在下一頁上提供更多他們會(huì)看重的信息。當(dāng)所有內(nèi)容都在一個(gè)頁面上時(shí),他們可以掃描整個(gè)頁面,并找到感興趣的部分。
但有些東西阻礙滾動(dòng)
如果您有一個(gè)長(zhǎng)的網(wǎng)頁,您希望人們滾動(dòng)瀏覽,您需要確保您避免滾動(dòng)攔截器。這些是Web頁面的可視元素,表示頁面內(nèi)容已結(jié)束。這些要素包括:
  • 水平線
  • 文本鏈接行
  • 短而寬的圖形
  • 導(dǎo)航圖標(biāo)或社交媒體鏈接
基本上,作為橫貫整個(gè)內(nèi)容區(qū)域?qū)挾鹊乃骄€的任何內(nèi)容都可以用作滾動(dòng)塊。包括圖像或多媒體。在大多數(shù)情況下,即使你告訴你的讀者下面有更多的內(nèi)容,他們也已經(jīng)點(diǎn)擊了后退按鈕,轉(zhuǎn)到了其他頁面。
那么一個(gè)網(wǎng)頁應(yīng)該有多長(zhǎng)?
歸根結(jié)底,這取決于你的觀眾。兒童的注意力不像成年人那樣長(zhǎng),而且有些話題在較長(zhǎng)的時(shí)間段中表現(xiàn)得更好。但一個(gè)很好的經(jīng)驗(yàn)法則是:文章不應(yīng)超過2頁,雙倍行距,12點(diǎn)文字,那將是一個(gè)很長(zhǎng)的網(wǎng)頁。但是,如果內(nèi)容值得,那么將所有內(nèi)容都放在一個(gè)頁面上會(huì)比強(qiáng)迫讀者單擊到后續(xù)頁面更好。

當(dāng)前標(biāo)題:相比網(wǎng)頁寬度的重要性網(wǎng)站頁面長(zhǎng)度也不容忽視
網(wǎng)站URL:http://www.muchs.cn/news47/158647.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、商城網(wǎng)站、網(wǎng)站設(shè)計(jì)關(guān)鍵詞優(yōu)化、電子商務(wù)、網(wǎng)站營(yíng)銷

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司