滾動(dòng)式網(wǎng)站頁(yè)面設(shè)計(jì)為什么哪么受歡迎

2021-09-14    分類(lèi): 網(wǎng)站建設(shè)

如果已經(jīng)確定一個(gè)網(wǎng)站項(xiàng)目適合長(zhǎng)滾動(dòng)頁(yè)面設(shè)計(jì),那么需要記住一些好實(shí)踐,以確保它提供好用戶(hù)體驗(yàn)。

首先,丟掉頁(yè)腳!隨著內(nèi)容繼續(xù)加載,頁(yè)腳將繼續(xù)從頁(yè)面底部推出。 這意味著頁(yè)腳中不會(huì)出現(xiàn)任何內(nèi)容或信息。 更糟糕的是,當(dāng)用戶(hù)看到頁(yè)腳時(shí),他們只有在有機(jī)會(huì)點(diǎn)擊任何東西時(shí)才能看到。 使用粘性頁(yè)腳是解決這個(gè)問(wèn)題的一種方法,盡管完全刪除頁(yè)腳通常是更好的選擇。


打破長(zhǎng)滾動(dòng)用戶(hù)體驗(yàn)的好方法:在頁(yè)腳添加重要信息

使用視覺(jué)提示很重要,尤其是當(dāng)主屏幕已加載且頁(yè)面上有更多內(nèi)容時(shí),視覺(jué)提示并不明顯。 當(dāng)一個(gè)頁(yè)面被加載時(shí),一個(gè)帶有標(biāo)題圖像或視覺(jué)內(nèi)容的網(wǎng)站通常會(huì)包含一個(gè)箭頭(有時(shí)是動(dòng)畫(huà))或類(lèi)似的圖像,以表明下面有更多的內(nèi)容。

視覺(jué)提示對(duì)于一個(gè)有滾動(dòng)頁(yè)面的網(wǎng)站建設(shè)來(lái)說(shuō)是很重要的

導(dǎo)航應(yīng)該總是可見(jiàn)的,無(wú)論是有粘性的標(biāo)題還是帶有導(dǎo)航鏈接的固定邊欄 這在移動(dòng)設(shè)備上是個(gè)例外,粘性標(biāo)題占據(jù)了寶貴的屏幕空間 Facebook很好地解決了這個(gè)問(wèn)題。當(dāng)用戶(hù)向下滾動(dòng)時(shí),標(biāo)題會(huì)消失,但當(dāng)他們開(kāi)始向上滾動(dòng)時(shí),標(biāo)題會(huì)重新出現(xiàn)。
鉻瀏覽器也在屏幕底部的控件上做了類(lèi)似的操作。當(dāng)用戶(hù)向下滾動(dòng)時(shí),它們會(huì)消失,當(dāng)用戶(hù)開(kāi)始向上滾動(dòng)時(shí),它們會(huì)重新出現(xiàn)。 這是一種非常直觀的方式來(lái)創(chuàng)建一個(gè)界面,大化可用的屏幕空間 。

幸運(yùn)的是,一個(gè)重要的UX特性在無(wú)限滾動(dòng)的網(wǎng)站中變得越來(lái)越常見(jiàn),也就是說(shuō),當(dāng)你滾動(dòng)到每個(gè)部分時(shí),改變網(wǎng)址。 有些是通過(guò)頁(yè)面內(nèi)的內(nèi)部書(shū)簽實(shí)現(xiàn)的。 其他網(wǎng)站,尤其是新聞網(wǎng)站和博客,會(huì)在用戶(hù)滾動(dòng)時(shí)更新整個(gè)網(wǎng)址。 這很重要,因?yàn)樗试S用戶(hù)鏈接到他們想要鏈接的內(nèi)容,而不管頁(yè)面本身的變化。

一些網(wǎng)站設(shè)計(jì)者選擇創(chuàng)建一個(gè)可以被認(rèn)為是“混合”的長(zhǎng)滾動(dòng)網(wǎng)站,帶有“加載更多”按鈕,可以直接將內(nèi)容加載到同一個(gè)頁(yè)面上。 一些用戶(hù)界面設(shè)計(jì)者在頁(yè)面上重用這個(gè)特性,而其他人選擇只包含它一次,然后將站點(diǎn)更改為更傳統(tǒng)的長(zhǎng)滾動(dòng)格式。

除了這些針對(duì)網(wǎng)站的長(zhǎng)滾動(dòng)設(shè)計(jì)考慮之外,其他用戶(hù)界面和UX創(chuàng)建良好設(shè)計(jì)的好實(shí)踐仍然適用于使用無(wú)限滾動(dòng)頁(yè)面設(shè)計(jì)的網(wǎng)站

當(dāng)前名稱(chēng):滾動(dòng)式網(wǎng)站頁(yè)面設(shè)計(jì)為什么哪么受歡迎
標(biāo)題URL:http://bm7419.com/news/126661.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供域名注冊(cè)ChatGPT、全網(wǎng)營(yíng)銷(xiāo)推廣、微信公眾號(hào)網(wǎng)站導(dǎo)航、云服務(wù)器

廣告

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

手機(jī)網(wǎng)站建設(shè)