核心提示：當我們要載入一張比較大的時，如果能載入的同時，顯示loading的小，那樣看起來就人性化很多。當載入完成時，會蓋住loading小，這是乙個很有用的小技巧。
以下是我做美工的兩年生活中一條條總結出來的經驗，每一點都是我常用的，雖然不是什麼大學問，但我覺得要互相學習才能提高，所以現在拿出來和大家一起分享，如果你覺得實用就拿去試試，然後留個評論，我就很高興了，不喜歡的可以路過。費話少說，下面正式開始。
1.載入大時，顯示loading小。
這招是我最常用的。當我們要載入一張比較大的時，如果能載入的同時，顯示loading的小，那樣看起來就人性化很多。當載入完成時，會蓋住loading小，這是乙個很有用的小技巧，我的每個**都加上了這個功能，不信你可以到這個頁面看，http：這個頁面是我專門做來演示這個示例的，上面我放了一張很大的，應該可以看清載入過程。要實現這個小功能，只要在**的公共樣式表上新增下面這個樣式 ，就可以實現了。
img {
background-image：url（loading.gif）;
background-position：center;
background-repeat：no-repeat;
解釋一下上面的**，懂css的站長可以略去這段。第一行「img」指向頁面的全體元素（看到樣式表的優勢了吧，只要一句，就能作用於**的全體同類元素，不是div+css的**站長是不是有想法了？呵呵）。第二行「background-image：url（loading.gif）;」是指為新增乙個以為背景的背景（讀起來有點拗口）。這個loading.gif是你要你自己上傳的載入小。不過有些**的images資料夾裡已經有這個了，直接用就行，如果你確實不想到處找的話，我這裡有一堆，選乙個你喜歡的玩玩吧：http：第三行：background-position：center;把背景居中，這樣看起來比較順眼。第四行：background-repeat：no-repeat;就是讓loading.gif小只顯示乙個，如果沒有這句，就用出現很多排列起來的loading.gif小，這要注意一下。
2.選填表單右邊顯示「可不填」。
這是我最初在qq**的留言本上看到的，當時看到個人資訊的一些表單旁邊寫著「可不埴」的時候，真的是感覺非常舒服，你想想，人家好不容易有空給你留言，你還想人家慢慢看你的留言說明嗎？給你留言，當然想簡要完事啦。你卻動不動跳出個「表單內容不能有空」這不把人家嚇跑才怪。這個小技巧可以應用於各大論壇的使用者註冊，留言本等地方，不要只在必填框旁邊加個紅*就算了，這樣對於熟悉**的人來說當然沒問題，但你要考慮到各種各樣的網民。「可不填」三個字，就能大大提高使用者體驗，為什麼不試試呢。
3.保證每個頁面都有回首頁的連線。
為什麼要主這個呢？因為我看到很多**都沒注意到這個小細節，有一次我在乙個論壇上登陸，成功後，他跳轉到另乙個頁面提示登陸成功，等了十幾秒它都不自動返回，但我又已經順手把多的頁面關掉了，所以，只剩下乙個頁面了，我又不能返回，他又沒有返回首頁的鏈結，一氣之下，我就關掉瀏覽器走人了。所以，建議站長朋友們有空多檢查一下自己的**，看是不是有些頁面是孤獨的。
4.在執行ajax操作時，如果響應時間過長，應提示使用者載入超時。
這個在ajax中，可以使你的程式更人性化的小技巧，不多說了，你看下面的**就明白。如果你看不明白的話，就不要亂改**，會出錯的。這是乙個使用者驗證的程式片段，注意紅色部分。
var timelast;
//傳送資訊
function submitselectitem（）
var poststr=「uid=」+document.getelementbyid（「username」）.value+「&pwd=」+hex_md5
（document.getelementbyid（「password」）.value）;
timelast=window.settimeout（「show_timeout（）」，15000 ）;//超過15000毫秒後顯示超時
show_waitting（）;
createxmlhttp（）;//建立xmlhttprequest物件
//**函式
function getresponserusult（）
if（xmlhttp.readystate==4）//判斷物件狀態
if（xmlhttp.status==200）//資訊成功返回，開始處理資訊
ca程式設計客棧se 「1」：
show_success（）;break ;
case 「2」 ：
show_trycountout（）;break ;
default ：
show_error（）;break ;
5.可能的不良後果提前提醒使用者。
如果你的頁面很大，特別是要用到很多**時，載入時間可能會很長，這時候要提前告訴使用者。「頁面可能載入時間比較長，請耐心等待。..。」之類的。
6.拿到美工做給你的頁面，一定要測試不同的瀏覽器。
這主要是有些美工不太負責，你不要求他就不測試。所以要自己測試一下，發現在其它瀏覽器顯示不正常時，要求美工修改。我做的頁面都經過火孤，ie6，ie7，opera等測試才交給客戶的。www.cppcns.com我覺得交給客戶不成熟的東西會對自己形像不好。
7.文章標題採用縮略時，要在「title「有完整描述。
這點在很多seo教程中都說過的，我就不分析了。
8.使用者人性關懷。
如果**使用了註冊制度，主頁應該為新使用者和老使用者登www.cppcns.com錄提供鏈結。並且要有某種方式讓我知道自己已經登入了，友好方法（「歡迎回到不愛學習網，lanmeng」）。
9.讓我看到自己正在尋找東西。
主頁應該讓我想要任何東西顯而易見——如果它在站內某個地方話。。.. 。.. 還有我沒有尋找。同時，主頁也應該讓我看到一些很精彩，我也許感興趣內容——就算我並沒有尋找它們。
10.告訴我從**開始。
if（session.isnewsession）{
//新使用者嚮導。
本文標題: 大大改善使用者體驗的10個小細節
本文位址: /news/exp/22598.html
改善使用者體驗的alert提示效果
頁面都有彈出對話方塊以後，頁面中其他部分顏色變暗的效果 function salert str var msgw,msgh,bordercolor msgw 400 提示視窗的寬度 msgh 100 提示視窗的高度 bordercolor 336699 提示視窗的邊框顏色 titlecolor 99...
改善使用者體驗的有力手段 即時反饋
為什麼鳥兒會飛？為什麼船能浮起來？為什麼打別人自己的拳頭也會痛？這麼高深的問題，幾百年前就被乙個叫牛頓的同學解決了。牛頓第三定律 對於每乙個作用力，必然同時產生乙個方向相反 大小相同的反作用力。事物之間的作用是相互的，應用在網路上，也能給我們很多啟發。web2.0揭示了乙個web網際網路與傳統 使用...
10個細節提公升後台系統的使用者體驗
要說程式設計師最開心的事情是什麼，不是錢多活少離家近，而是能用自己喜歡的技術，做乙個排期不緊的舒坦專案。最近我就接手了這樣乙個專案，使用了webpack vue全家桶，以及其他一些業界前沿技術。不過今天不聊技術方面，先聊聊我對互動方面的一些思考。儘管它只是乙個後台系統。說到後台系統 管理系統 erp...