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