網(wǎng)站設(shè)計(jì)中最易被忽視的8大細(xì)節(jié)
若想設(shè)計(jì)出用戶體驗(yàn)優(yōu)越的網(wǎng)站，設(shè)計(jì)師需要對(duì)細(xì)節(jié)傾注全副心力。但這并非易事，因?yàn)榫W(wǎng)站設(shè)計(jì)的過(guò)程涉及到許多不同的方面，有的細(xì)節(jié)能為用戶提供極大的便利，卻容易被設(shè)計(jì)師所忽略。
已訪問(wèn)過(guò)的內(nèi)容用不同顏色顯示
如果網(wǎng)站不能顯示出用戶已經(jīng)察看過(guò)的內(nèi)容，用戶在瀏覽網(wǎng)頁(yè)時(shí)便會(huì)多出很多麻煩。相反，如果用戶訪問(wèn)過(guò)的內(nèi)容都能被清晰地標(biāo)出，他們便不會(huì)錯(cuò)誤地多次點(diǎn)擊同一個(gè)鏈接了。對(duì)用戶來(lái)說(shuō)，一個(gè)網(wǎng)頁(yè)上往往存在不止一個(gè)鏈接，如果沒(méi)有特殊的方式顯示已訪問(wèn)過(guò)的內(nèi)容的話，他們很難記住哪些鏈接是自己已經(jīng)點(diǎn)擊過(guò)的，哪些沒(méi)有。針對(duì)這個(gè)問(wèn)題，可以使用不同的顏色來(lái)區(qū)分已訪問(wèn)和未訪問(wèn)的內(nèi)容。已訪問(wèn)內(nèi)容的顯示顏色與未訪問(wèn)內(nèi)容的顏色應(yīng)該接近但又略有不同。例如，用紫色來(lái)標(biāo)注已訪問(wèn)的內(nèi)容不失為一種可行的辦法，因?yàn)榕c藍(lán)黑色相比較，紫色給人一種“消退”的感覺(jué)，用戶會(huì)有“這個(gè)鏈接我已經(jīng)點(diǎn)擊過(guò)了”的印象。
不必點(diǎn)擊“關(guān)閉”按鈕也能取消浮窗
在各個(gè)類型的網(wǎng)站中，彈出式窗口都是一個(gè)很常見的應(yīng)用。大多數(shù)浮窗在右上角留有一個(gè)"X"號(hào)，用戶可以通過(guò)點(diǎn)擊它來(lái)關(guān)閉窗口。但是普通用戶要想成功點(diǎn)擊到這個(gè)小小的“X”號(hào)可沒(méi)那么容易。當(dāng)用戶關(guān)閉浮窗時(shí)，他們點(diǎn)擊到的往往是作為廣告的背景。因此，當(dāng)用戶不得不費(fèi)九牛二虎之力去關(guān)閉浮窗時(shí)，用戶體驗(yàn)自然也大大降低了。浮窗中的“X”按鈕往往格外地小，用戶要花費(fèi)許多額外的時(shí)間和力氣才能成功關(guān)掉浮窗。如果在設(shè)計(jì)中能讓用戶點(diǎn)擊背景或浮窗邊緣就可以關(guān)掉浮窗的話，用戶體驗(yàn)自然也會(huì)不一樣。
填寫表格時(shí)光標(biāo)自動(dòng)顯示在輸入?yún)^(qū)域
當(dāng)用戶看到在屏幕上出現(xiàn)的表格時(shí)，他們的第一反應(yīng)通常是“現(xiàn)在需要從鼠標(biāo)切換到鍵盤了”。如果此時(shí)能將光標(biāo)顯示在第一個(gè)需要填寫的區(qū)域內(nèi)，用戶操作起來(lái)就會(huì)感到更加便利。這樣的話，他們就省卻了“移動(dòng)鼠標(biāo)--點(diǎn)擊輸入框”這一步驟，而可以直接在表格內(nèi)填寫內(nèi)容了。誰(shuí)不希望填寫表格時(shí)更簡(jiǎn)便一些呢？
敲擊“Enter”鍵提交表格
說(shuō)到表格，另一個(gè)常被忽視的細(xì)節(jié)就是“允許用戶敲擊Enter鍵直接提交表格”。這樣一來(lái)，用戶便可以更快，更便捷地提交表單。這個(gè)細(xì)節(jié)在登錄界面顯得尤其實(shí)用，因?yàn)樵诤芏嗑W(wǎng)站中，用戶在輸入用戶名和密碼之后，還得用鼠標(biāo)點(diǎn)擊“登錄”按鈕。每次都強(qiáng)迫用戶去鎖定和點(diǎn)擊登錄按鈕會(huì)令他們感到厭煩，同時(shí)也會(huì)降低他們對(duì)網(wǎng)站的熱情。
為圖標(biāo)添加自動(dòng)提示
在網(wǎng)站中，圖標(biāo)可以優(yōu)雅而簡(jiǎn)潔地將某個(gè)特定的動(dòng)作信息傳達(dá)給用戶。但是要牢記，不是所有用戶都能立刻明白圖標(biāo)所代表的意義。因此，當(dāng)用戶將鼠標(biāo)置于圖標(biāo)之上時(shí)，隨即顯示關(guān)于這一圖標(biāo)所代表的功能就顯得尤為必要。有了這個(gè)細(xì)節(jié)，網(wǎng)站的新用戶即便不明白圖標(biāo)的含義，也不會(huì)因胡亂點(diǎn)擊而導(dǎo)致錯(cuò)誤了。
為博客類頁(yè)面設(shè)置“回到主頁(yè)”選項(xiàng)
許多網(wǎng)站都有一個(gè)特定的博客頁(yè)面。有時(shí)，網(wǎng)站會(huì)為某個(gè)具體化的WordPress博客設(shè)置一個(gè)次域名（如m.rfyu.cn）。一個(gè)常被遺漏的小小細(xì)節(jié)便是在博客頁(yè)面中添加一個(gè)“回到主頁(yè)”的選項(xiàng)。如果沒(méi)有這個(gè)選項(xiàng)，用戶就只能清空地址欄，然后重新輸入主頁(yè)的地址，這將使他們不勝其煩。一個(gè)指向主頁(yè)的鏈接設(shè)置起來(lái)十分容易，但許多網(wǎng)站卻沒(méi)有留意到這一點(diǎn)。
在“放大”選項(xiàng)下顯示放大的圖象
有的網(wǎng)站允許用戶點(diǎn)擊查看放大后的圖象。但當(dāng)用戶點(diǎn)擊“放大”按鈕時(shí)，有些網(wǎng)站卻錯(cuò)誤地將同樣大小的圖象呈現(xiàn)給用戶，盡管換了一個(gè)不同顏色的背景。當(dāng)點(diǎn)擊“放大”按鈕時(shí)，用戶期待看到的是一張大圖，哪怕這張圖只是比縮略圖大那么一點(diǎn)點(diǎn)。如果圖象大小依然沒(méi)有變，在深色背景中顯示它并不能使用戶更愉快。
允許用戶編輯評(píng)論內(nèi)容
設(shè)置了評(píng)論區(qū)的網(wǎng)站設(shè)計(jì)者應(yīng)該明白，用戶并非完人，他們?cè)诎l(fā)表評(píng)論時(shí)常會(huì)犯錯(cuò)。許多網(wǎng)站卻不允許用戶編輯自己已經(jīng)發(fā)布的評(píng)論。當(dāng)用戶在發(fā)評(píng)論的過(guò)程中出現(xiàn)錯(cuò)誤時(shí)---無(wú)論是發(fā)錯(cuò)了評(píng)論區(qū)，添加了錯(cuò)誤的鏈接，或只是打字不正確---這樣的設(shè)計(jì)都無(wú)疑會(huì)令他們無(wú)比沮喪。一個(gè)簡(jiǎn)單的“編輯”功能會(huì)使用戶有機(jī)會(huì)修正自己的錯(cuò)誤，從而更加享受發(fā)帖的過(guò)程，也會(huì)使他們發(fā)布的內(nèi)容更為完美。
糟糕的用戶體驗(yàn)與優(yōu)越的用戶體驗(yàn)，差異往往只在于細(xì)節(jié)之間。許多網(wǎng)站絲毫不重視細(xì)節(jié)，而用戶卻要承擔(dān)這種疏忽的后果。對(duì)網(wǎng)站設(shè)計(jì)的細(xì)節(jié)精益求精也許并不能保證你的網(wǎng)站會(huì)大獲成功，但卻會(huì)使用戶感覺(jué)到你有多用心，用戶也會(huì)因此愛(ài)上你的網(wǎng)站。
