網(wǎng)站設(shè)計(jì)中最易被忽視的8大細(xì)節(jié)

發(fā)布時(shí)間:2018-09-30    知識欄目:中網(wǎng)互聯(lián)

若想設(shè)計(jì)出用戶體驗(yàn)優(yōu)越的網(wǎng)站,設(shè)計(jì)師需要對細(xì)節(jié)傾注全副心力。但這并非易事,因?yàn)榫W(wǎng)站設(shè)計(jì)的過程涉及到許多不同的方面,有的細(xì)節(jié)能為用戶提供極大的便利,卻容易被設(shè)計(jì)師所忽略。


已訪問過的內(nèi)容用不同顏色顯示

如果網(wǎng)站不能顯示出用戶已經(jīng)察看過的內(nèi)容,用戶在瀏覽網(wǎng)頁時(shí)便會(huì)多出很多麻煩。相反,如果用戶訪問過的內(nèi)容都能被清晰地標(biāo)出,他們便不會(huì)錯(cuò)誤地多次點(diǎn)擊同一個(gè)鏈接了。對用戶來說,一個(gè)網(wǎng)頁上往往存在不止一個(gè)鏈接,如果沒有特殊的方式顯示已訪問過的內(nèi)容的話,他們很難記住哪些鏈接是自己已經(jīng)點(diǎn)擊過的,哪些沒有。針對這個(gè)問題,可以使用不同的顏色來區(qū)分已訪問和未訪問的內(nèi)容。已訪問內(nèi)容的顯示顏色與未訪問內(nèi)容的顏色應(yīng)該接近但又略有不同。例如,用紫色來標(biāo)注已訪問的內(nèi)容不失為一種可行的辦法,因?yàn)榕c藍(lán)黑色相比較,紫色給人一種“消退”的感覺,用戶會(huì)有“這個(gè)鏈接我已經(jīng)點(diǎn)擊過了”的印象。

不必點(diǎn)擊“關(guān)閉”按鈕也能取消浮窗

在各個(gè)類型的網(wǎng)站中,彈出式窗口都是一個(gè)很常見的應(yīng)用。大多數(shù)浮窗在右上角留有一個(gè)"X"號,用戶可以通過點(diǎn)擊它來關(guān)閉窗口。但是普通用戶要想成功點(diǎn)擊到這個(gè)小小的“X”號可沒那么容易。當(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),用戶操作起來就會(huì)感到更加便利。這樣的話,他們就省卻了“移動(dòng)鼠標(biāo)--點(diǎn)擊輸入框”這一步驟,而可以直接在表格內(nèi)填寫內(nèi)容了。誰不希望填寫表格時(shí)更簡便一些呢?

敲擊“Enter”鍵提交表格

說到表格,另一個(gè)常被忽視的細(xì)節(jié)就是“允許用戶敲擊Enter鍵直接提交表格”。這樣一來,用戶便可以更快,更便捷地提交表單。這個(gè)細(xì)節(jié)在登錄界面顯得尤其實(shí)用,因?yàn)樵诤芏嗑W(wǎng)站中,用戶在輸入用戶名和密碼之后,還得用鼠標(biāo)點(diǎn)擊“登錄”按鈕。每次都強(qiáng)迫用戶去鎖定和點(diǎn)擊登錄按鈕會(huì)令他們感到厭煩,同時(shí)也會(huì)降低他們對網(wǎng)站的熱情。

為圖標(biāo)添加自動(dòng)提示

在網(wǎng)站中,圖標(biāo)可以優(yōu)雅而簡潔地將某個(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ò)誤了。

為博客類頁面設(shè)置“回到主頁”選項(xiàng)

許多網(wǎng)站都有一個(gè)特定的博客頁面。有時(shí),網(wǎng)站會(huì)為某個(gè)具體化的WordPress博客設(shè)置一個(gè)次域名(如fishoconee.com)。一個(gè)常被遺漏的小小細(xì)節(jié)便是在博客頁面中添加一個(gè)“回到主頁”的選項(xiàng)。如果沒有這個(gè)選項(xiàng),用戶就只能清空地址欄,然后重新輸入主頁的地址,這將使他們不勝其煩。一個(gè)指向主頁的鏈接設(shè)置起來十分容易,但許多網(wǎng)站卻沒有留意到這一點(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)。如果圖象大小依然沒有變,在深色背景中顯示它并不能使用戶更愉快。

允許用戶編輯評論內(nèi)容

設(shè)置了評論區(qū)的網(wǎng)站設(shè)計(jì)者應(yīng)該明白,用戶并非完人,他們在發(fā)表評論時(shí)常會(huì)犯錯(cuò)。許多網(wǎng)站卻不允許用戶編輯自己已經(jīng)發(fā)布的評論。當(dāng)用戶在發(fā)評論的過程中出現(xiàn)錯(cuò)誤時(shí)---無論是發(fā)錯(cuò)了評論區(qū),添加了錯(cuò)誤的鏈接,或只是打字不正確---這樣的設(shè)計(jì)都無疑會(huì)令他們無比沮喪。一個(gè)簡單的“編輯”功能會(huì)使用戶有機(jī)會(huì)修正自己的錯(cuò)誤,從而更加享受發(fā)帖的過程,也會(huì)使他們發(fā)布的內(nèi)容更為完美。

糟糕的用戶體驗(yàn)與優(yōu)越的用戶體驗(yàn),差異往往只在于細(xì)節(jié)之間。許多網(wǎng)站絲毫不重視細(xì)節(jié),而用戶卻要承擔(dān)這種疏忽的后果。對網(wǎng)站設(shè)計(jì)的細(xì)節(jié)精益求精也許并不能保證你的網(wǎng)站會(huì)大獲成功,但卻會(huì)使用戶感覺到你有多用心,用戶也會(huì)因此愛上你的網(wǎng)站。

+相關(guān)資訊

廣州網(wǎng)站建設(shè) 廣州網(wǎng)站設(shè)計(jì) 廣州網(wǎng)站開發(fā)

工作室工作地點(diǎn)分布:廣州  深圳  武漢  湖南


(c) Copyright 2008-2024 廣州綠源電子商務(wù)有限公司. All Rights Reserved.