中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

長(zhǎng)滾動(dòng)網(wǎng)站頁(yè)面設(shè)計(jì)的最佳實(shí)踐

2013-11-18    分類: 網(wǎng)站建設(shè)

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

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

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

使用視覺提示是很重要的,尤其是當(dāng)主屏幕加載時(shí),頁(yè)面上有更多內(nèi)容時(shí),視覺提示并不是很明顯。當(dāng)頁(yè)面加載時(shí),具有大標(biāo)題圖像或填充屏幕的可視內(nèi)容的站點(diǎn)通常包括一個(gè)箭頭(有時(shí)是動(dòng)畫)或類似的圖像,以指示下面還有更多內(nèi)容。

視覺提示對(duì)于一個(gè)頁(yè)面滾動(dòng)的網(wǎng)站是很重要的

導(dǎo)航應(yīng)該是始終可見的,要么使用一個(gè)粘性的標(biāo)題,要么使用帶有導(dǎo)航鏈接的固定側(cè)邊欄。這在移動(dòng)設(shè)備上是個(gè)例外,在移動(dòng)設(shè)備上,粘性標(biāo)題會(huì)占用寶貴的屏幕空間。Facebook很好地處理了這個(gè)問題,當(dāng)用戶向下滾動(dòng)時(shí),標(biāo)題會(huì)消失,但當(dāng)他們開始向上滾動(dòng)時(shí),標(biāo)題會(huì)重新出現(xiàn)。

Chrome網(wǎng)絡(luò)瀏覽器對(duì)屏幕底部的控件也做了類似的操作;當(dāng)用戶向下滾動(dòng)時(shí),它們會(huì)消失,當(dāng)開始向上滾動(dòng)時(shí),它們會(huì)重新出現(xiàn)。這是一個(gè)非常直觀的方法來創(chuàng)建一個(gè)界面,大化可用的屏幕空間。

值得慶幸的是,在無限滾動(dòng)的網(wǎng)站中,一個(gè)重要的UX特性變得更為常見,那就是在滾動(dòng)到每個(gè)部分時(shí)更改URL。有些是通過頁(yè)面內(nèi)的內(nèi)部書簽來實(shí)現(xiàn)的。其他站點(diǎn),特別是新聞?wù)军c(diǎn)和博客,在用戶滾動(dòng)時(shí)更新整個(gè)URL。這一點(diǎn)很重要,因?yàn)樗试S用戶鏈接到他們想要鏈接的內(nèi)容,而不用考慮頁(yè)面本身的更改。

一些網(wǎng)站設(shè)計(jì)師選擇創(chuàng)建一個(gè)可以被認(rèn)為是“混合”的長(zhǎng)滾動(dòng)站點(diǎn),其中有一個(gè)“加載更多”按鈕,可以直接將內(nèi)容加載到同一個(gè)頁(yè)面。一些UI設(shè)計(jì)人員在頁(yè)面上重復(fù)使用這個(gè)功能,而另一些人選擇只包含一次,然后將站點(diǎn)變成更傳統(tǒng)的長(zhǎng)滾動(dòng)格式。

除了這些特定于web站點(diǎn)的長(zhǎng)滾動(dòng)設(shè)計(jì)考慮因素外,用于創(chuàng)建好的設(shè)計(jì)的其他UI和UX好實(shí)踐仍然適用于使用無限滾動(dòng)頁(yè)面設(shè)計(jì)的站點(diǎn)。

標(biāo)題名稱:長(zhǎng)滾動(dòng)網(wǎng)站頁(yè)面設(shè)計(jì)的最佳實(shí)踐
本文鏈接:http://www.rwnh.cn/news/17041.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT網(wǎng)站設(shè)計(jì)公司、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、App設(shè)計(jì)網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(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)站網(wǎng)頁(yè)設(shè)計(jì)
吴忠市| 延川县| 双峰县| 中江县| 邯郸县| 七台河市| 阳春市| 鹤峰县| 醴陵市| 固始县| 临沭县| 平潭县| 山东| 深泽县| 山阳县| 桂林市| 牡丹江市| 屯门区| 孙吴县| 东城区| 建阳市| 安溪县| 台东市| 吕梁市| 罗定市| 沐川县| 恩施市| 红河县| 鲁山县| 台湾省| 横峰县| 古丈县| 茶陵县| 洛扎县| 乃东县| 嘉义县| 北宁市| 茂名市| 澄迈县| 成武县| 怀安县|