網(wǎng)站 優(yōu)化之改善用戶體驗(yàn)的小細(xì)節(jié)

1.加載大圖片時(shí)，顯示loading小圖片。
這招是我最常用的。當(dāng)我們要加載一張比較大的圖片時(shí)，如果能加載圖片的同時(shí)，顯示loading的小圖片，那樣看起來就人性化很多。當(dāng)加載完成時(shí)，圖片會蓋住loading小圖片，這是一個(gè)很有用的小技巧
解釋一下上面的代碼，懂CSS的站長可以略去這段。第一行“img”指向頁面的全體圖片元素（看到樣式表的優(yōu)勢了吧，只要一句，就能作用于網(wǎng)站的全體同類元素，不是DIV+CSS的網(wǎng)站站長是不是有想法了？呵呵）。第二行“background-image：url（loading.gif）;”是指為圖片添加一個(gè)以圖片為背景的背景（讀起來有點(diǎn)拗口）。這個(gè)loading.gif是你要你自己上傳的加載小圖片。不過有些網(wǎng)站的images文件夾里已經(jīng)有這個(gè)圖片了，直接用就行，如果你確實(shí)不想到處找的話，我這里有一堆，選一個(gè)你喜歡的玩玩吧：http：//www.82xuexi.cn/html/2008-09/333.htm。第三行：background-position：center;把背景圖片居中，這樣看起來比較順眼。第四行：background-repeat：no-repeat;就是讓loading.gif小圖片只顯示一個(gè)，如果沒有這句，就用出現(xiàn)很多排列起來的loading.gif小圖片，這要注意一下。
2.選填表單右邊顯示“可不填”。
這是我最初在QQ網(wǎng)站的留言本上看到的，當(dāng)時(shí)看到個(gè)人信息的一些表單旁邊寫著“可不埴”的時(shí)候，真的是感覺非常舒服，你想想，人家好不容易有空給你留言，你還想人家慢慢看你的留言說明嗎？給你留言，當(dāng)然想簡要完事啦。你卻動不動跳出個(gè)“表單內(nèi)容不能有空”這不把人家嚇跑才怪。這個(gè)小技巧可以應(yīng)用于各大論壇的用戶注冊，留言本等地方，不要只在必填框旁邊加個(gè)紅*就算了，這樣對于熟悉網(wǎng)站的人來說當(dāng)然沒問題，但你要考慮到各種各樣的網(wǎng)民?！翱刹惶睢比齻€(gè)字，就能大大提高用戶體驗(yàn)，為什么不試試呢。
3.保證每個(gè)頁面都有回首頁的連接。
為什么要主這個(gè)呢？因?yàn)槲铱吹胶芏嗑W(wǎng)站都沒注意到這個(gè)小細(xì)節(jié)，有一次我在一個(gè)論壇上登陸，成功后，他跳轉(zhuǎn)到另一個(gè)頁面提示登陸成功，等了十幾秒它都不自動返回，但我又已經(jīng)順手把多的頁面關(guān)掉了，所以，只剩下一個(gè)頁面了，我又不能返回，他又沒有返回首頁的鏈接，一氣之下，我就關(guān)掉瀏覽器走人了。所以，建議站長朋友們有空多檢查一下自己的網(wǎng)站，看是不是有些頁面是孤獨(dú)的。
4.在執(zhí)行AJAX操作時(shí)，如果響應(yīng)時(shí)間過長，應(yīng)提示用戶加載超時(shí)。
這個(gè)在AJAX中，可以使你的程序更人性化的小技巧，不多說了，你看下面的代碼就明白。如果你看不明白的話，就不要亂改網(wǎng)站，會出錯(cuò)的。這是一個(gè)用戶驗(yàn)證的程序片段，注意紅色部分。

新聞標(biāo)題：網(wǎng)站 優(yōu)化之改善用戶體驗(yàn)的小細(xì)節(jié)
URL鏈接：http://www.bm7419.com/news/39912.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站營銷、用戶體驗(yàn)等

廣告

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