1.加載大圖片時,顯示loading小圖片。
這招是我最常用的。當(dāng)我們要加載一張比較大的圖片時,如果能加載圖片的同時,顯示loading的小圖片,那樣看起來就人性化很多。當(dāng)加載完成時,圖片會蓋住loading小圖片,這是一個很有用的小技巧
解釋一下上面的代碼,懂CSS的站長可以略去這段。第一行“img”指向頁面的全體圖片元素(看到樣式表的優(yōu)勢了吧,只要一句,就能作用于網(wǎng)站的全體同類元素,不是DIV+CSS的網(wǎng)站站長是不是有想法了?呵呵)。第二行“background-image:url(loading.gif);”是指為圖片添加一個以圖片為背景的背景(讀起來有點拗口)。這個loading.gif是你要你自己上傳的加載小圖片。不過有些網(wǎng)站的images文件夾里已經(jīng)有這個圖片了,直接用就行,如果你確實不想到處找的話,我這里有一堆,選一個你喜歡的玩玩吧:http://www.82xuexi.cn/html/2008-09/333.htm。第三行:background-position:center;把背景圖片居中,這樣看起來比較順眼。第四行:background-repeat:no-repeat;就是讓loading.gif小圖片只顯示一個,如果沒有這句,就用出現(xiàn)很多排列起來的loading.gif小圖片,這要注意一下。
2.選填表單右邊顯示“可不填”。
這是我最初在QQ網(wǎng)站的留言本上看到的,當(dāng)時看到個人信息的一些表單旁邊寫著“可不埴”的時候,真的是感覺非常舒服,你想想,人家好不容易有空給你留言,你還想人家慢慢看你的留言說明嗎?給你留言,當(dāng)然想簡要完事啦。你卻動不動跳出個“表單內(nèi)容不能有空”這不把人家嚇跑才怪。這個小技巧可以應(yīng)用于各大論壇的用戶注冊,留言本等地方,不要只在必填框旁邊加個紅*就算了,這樣對于熟悉網(wǎng)站的人來說當(dāng)然沒問題,但你要考慮到各種各樣的網(wǎng)民?!翱刹惶睢比齻€字,就能大大提高用戶體驗,為什么不試試呢。
3.保證每個頁面都有回首頁的連接。
為什么要主這個呢?因為我看到很多網(wǎng)站都沒注意到這個小細(xì)節(jié),有一次我在一個論壇上登陸,成功后,他跳轉(zhuǎn)到另一個頁面提示登陸成功,等了十幾秒它都不自動返回,但我又已經(jīng)順手把多的頁面關(guān)掉了,所以,只剩下一個頁面了,我又不能返回,他又沒有返回首頁的鏈接,一氣之下,我就關(guān)掉瀏覽器走人了。所以,建議站長朋友們有空多檢查一下自己的網(wǎng)站,看是不是有些頁面是孤獨的。
4.在執(zhí)行AJAX操作時,如果響應(yīng)時間過長,應(yīng)提示用戶加載超時。
這個在AJAX中,可以使你的程序更人性化的小技巧,不多說了,你看下面的代碼就明白。如果你看不明白的話,就不要亂改網(wǎng)站,會出錯的。這是一個用戶驗證的程序片段,注意紅色部分。
本文題目:網(wǎng)站 優(yōu)化之改善用戶體驗的小細(xì)節(jié)
文章分享:http://redsoil1982.com.cn/news12/39912.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站營銷、用戶體驗等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)