2021-09-14 分類: 網(wǎng)站建設(shè)
首先,丟掉頁(yè)腳!隨著內(nèi)容繼續(xù)加載,頁(yè)腳將繼續(xù)從頁(yè)面底部推出。 這意味著頁(yè)腳中不會(huì)出現(xiàn)任何內(nèi)容或信息。 更糟糕的是,當(dāng)用戶看到頁(yè)腳時(shí),他們只有在有機(jī)會(huì)點(diǎn)擊任何東西時(shí)才能看到。 使用粘性頁(yè)腳是解決這個(gè)問題的一種方法,盡管完全刪除頁(yè)腳通常是更好的選擇。
打破長(zhǎng)滾動(dòng)用戶體驗(yàn)的好方法:在頁(yè)腳添加重要信息
使用視覺提示很重要,尤其是當(dāng)主屏幕已加載且頁(yè)面上有更多內(nèi)容時(shí),視覺提示并不明顯。 當(dāng)一個(gè)頁(yè)面被加載時(shí),一個(gè)帶有標(biāo)題圖像或視覺內(nèi)容的網(wǎng)站通常會(huì)包含一個(gè)箭頭(有時(shí)是動(dòng)畫)或類似的圖像,以表明下面有更多的內(nèi)容。
視覺提示對(duì)于一個(gè)有滾動(dòng)頁(yè)面的網(wǎng)站建設(shè)來(lái)說是很重要的
導(dǎo)航應(yīng)該總是可見的,無(wú)論是有粘性的標(biāo)題還是帶有導(dǎo)航鏈接的固定邊欄 這在移動(dòng)設(shè)備上是個(gè)例外,粘性標(biāo)題占據(jù)了寶貴的屏幕空間 Facebook很好地解決了這個(gè)問題。當(dāng)用戶向下滾動(dòng)時(shí),標(biāo)題會(huì)消失,但當(dāng)他們開始向上滾動(dòng)時(shí),標(biāo)題會(huì)重新出現(xiàn)。
鉻瀏覽器也在屏幕底部的控件上做了類似的操作。當(dāng)用戶向下滾動(dòng)時(shí),它們會(huì)消失,當(dāng)用戶開始向上滾動(dòng)時(shí),它們會(huì)重新出現(xiàn)。 這是一種非常直觀的方式來(lái)創(chuàng)建一個(gè)界面,大化可用的屏幕空間 。
幸運(yùn)的是,一個(gè)重要的UX特性在無(wú)限滾動(dòng)的網(wǎng)站中變得越來(lái)越常見,也就是說,當(dāng)你滾動(dòng)到每個(gè)部分時(shí),改變網(wǎng)址。 有些是通過頁(yè)面內(nèi)的內(nèi)部書簽實(shí)現(xiàn)的。 其他網(wǎng)站,尤其是新聞網(wǎng)站和博客,會(huì)在用戶滾動(dòng)時(shí)更新整個(gè)網(wǎng)址。 這很重要,因?yàn)樗试S用戶鏈接到他們想要鏈接的內(nèi)容,而不管頁(yè)面本身的變化。
一些網(wǎng)站設(shè)計(jì)者選擇創(chuàng)建一個(gè)可以被認(rèn)為是“混合”的長(zhǎng)滾動(dòng)網(wǎng)站,帶有“加載更多”按鈕,可以直接將內(nèi)容加載到同一個(gè)頁(yè)面上。 一些用戶界面設(shè)計(jì)者在頁(yè)面上重用這個(gè)特性,而其他人選擇只包含它一次,然后將站點(diǎn)更改為更傳統(tǒng)的長(zhǎng)滾動(dòng)格式。
除了這些針對(duì)網(wǎng)站的長(zhǎng)滾動(dòng)設(shè)計(jì)考慮之外,其他用戶界面和UX創(chuàng)建良好設(shè)計(jì)的好實(shí)踐仍然適用于使用無(wú)限滾動(dòng)頁(yè)面設(shè)計(jì)的網(wǎng)站
文章名稱:滾動(dòng)式網(wǎng)站頁(yè)面設(shè)計(jì)為什么哪么受歡迎
網(wǎng)站地址:http://www.rwnh.cn/news11/126661.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護(hù)、網(wǎng)站設(shè)計(jì)公司、網(wǎng)頁(yè)設(shè)計(jì)公司、標(biāo)簽優(yōu)化、網(wǎng)站建設(shè)、小程序開發(fā)
聲明:本網(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í)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容