如何使你的網(wǎng)站便捷適用

張羽

迅速發(fā)展的互聯(lián)網(wǎng)為全世界信息產(chǎn)業(yè)帶來了巨大的變革和深遠(yuǎn)的影響。如今，互聯(lián)網(wǎng)已經(jīng)滲透到人們的日常生活的方方面面，并影響著人們的觀念革新和行為選擇，因此，很多企業(yè)、機(jī)場(chǎng)，包括各種社會(huì)團(tuán)體，以及政府機(jī)關(guān)，都在積極迎合新信息時(shí)代這一形勢(shì)，設(shè)計(jì)符合自己產(chǎn)品形象、方便產(chǎn)品展示的一些功能性網(wǎng)站。那么，如何使你的網(wǎng)站在設(shè)計(jì)上更符合人們的需求和使用習(xí)慣呢？

標(biāo)識(shí)導(dǎo)引設(shè)計(jì)

在現(xiàn)實(shí)中男性往往要比女性認(rèn)路，因?yàn)槟行缘姆轿桓泻涂臻g感更強(qiáng)，而女性往往需要靠地標(biāo)指引方向。在網(wǎng)上，所有人都相當(dāng)于“女性”。因?yàn)榫W(wǎng)頁(yè)是平面的，你無(wú)法利用自身的方位感，所以這時(shí)候，標(biāo)識(shí)的作用就顯得尤為重要。

首先是要讓用戶了解他們身在網(wǎng)站的何處。要使用醒目的標(biāo)志以及一些設(shè)計(jì)細(xì)節(jié)來告訴用戶“你在這里”。這個(gè)標(biāo)志可以是提醒訪問者正在訪問哪家網(wǎng)站的LOGO圖標(biāo)，也可以是類似于關(guān)鍵詞、欄目頁(yè)、文章頁(yè)這樣的形式，告訴用戶現(xiàn)在正處于什么位置的面包屑軌跡，還可以是簡(jiǎn)明的頁(yè)面標(biāo)題，指出訪問者正在瀏覽什么頁(yè)面的頁(yè)面標(biāo)題。

其次是要指明他們尋找的東西在哪里。在設(shè)計(jì)網(wǎng)站時(shí)要問問自己：“訪問這個(gè)網(wǎng)站的人究竟想要些什么？”或者從另一個(gè)角度來考慮：“我們希望訪問者能夠輕松找到哪些東西？”明確了這些問題，就要保證在用戶訪問網(wǎng)站時(shí)將這些內(nèi)容呈現(xiàn)在他們面前。比如一個(gè)軟件下載網(wǎng)站，用戶在瀏覽網(wǎng)站時(shí)往往是要找到某個(gè)軟件并下載，這就需要一個(gè)全局導(dǎo)航把各個(gè)軟件的類別展現(xiàn)出來，方便用戶有目的地進(jìn)行查找。而在某一款具體的軟件詳情頁(yè)面，要把“下載鍵”清晰地突出出來，因?yàn)檫@正是訪問者最迫切尋找的東西。

再次是要用戶明確“如何得到所搜尋的東西”。這需要良好的導(dǎo)航設(shè)計(jì)來實(shí)現(xiàn)。一個(gè)好的導(dǎo)航界面會(huì)有清晰的文字標(biāo)簽，讓用戶一讀就知道會(huì)通向哪里。而且鏈接一看就是可以點(diǎn)擊的，不會(huì)給用戶帶來任何迷惑。并且還要把類似的導(dǎo)航放到一起，這樣就算有其中一個(gè)標(biāo)簽人們沒看懂，但還是可以根據(jù)上下文推斷出其含義。如何擺放導(dǎo)航是很難處理的，除了要對(duì)用戶的心理有足夠的了解外，還需要有大量的同類網(wǎng)站設(shè)計(jì)和運(yùn)行實(shí)踐經(jīng)驗(yàn)做基礎(chǔ)，這樣才可能設(shè)計(jì)出一個(gè)相對(duì)優(yōu)質(zhì)的導(dǎo)航界面。

最后還要經(jīng)常監(jiān)測(cè)用戶已經(jīng)搜尋過哪些地方。一個(gè)網(wǎng)站毫無(wú)疑問需要用到很多的鏈接，在設(shè)計(jì)時(shí)要讓用戶清楚地區(qū)分過去和現(xiàn)在的狀態(tài)，要顯示出被點(diǎn)擊過的鏈接，這種鏈接就被稱為“已訪問鏈接”。在網(wǎng)頁(yè)文字鏈接過多時(shí)，讓人們知道哪些鏈接是已經(jīng)點(diǎn)過的很重要，這可以避免他們?cè)谕粋€(gè)區(qū)域里上上下下地反復(fù)搜尋，因?yàn)檫@種痛苦的體驗(yàn)會(huì)大大降低用戶對(duì)網(wǎng)站的滿意度。比較有效的方法是很多網(wǎng)站常用的，把一個(gè)點(diǎn)擊過的鏈接更換成另一種顏色，或者加上一些其他的標(biāo)志，這樣用戶就可以輕松地掌握自己已經(jīng)瀏覽過哪些東西，還有多少是未瀏覽過的。

提示、反饋與糾錯(cuò)

適當(dāng)給予用戶提示，可以有效減輕用戶的記憶負(fù)擔(dān)。這一條在用戶進(jìn)行搜索時(shí)尤為重要，因?yàn)橛脩艉芸赡苤挥浀孟胍阉鲀?nèi)容的一部分，這時(shí)候網(wǎng)站就要給出一些相關(guān)的提示便于用戶回憶和選擇。比如當(dāng)用戶開始在搜索框中輸入一個(gè)字時(shí)，搜索框就要展現(xiàn)一個(gè)下拉菜單，把和這個(gè)字相關(guān)的熱門詞匯都羅列出來，這樣用戶可能不用繼續(xù)輸入，就能找到想要搜索的詞匯了。

在使用網(wǎng)站時(shí)，如果用戶要通過一系列的操作達(dá)成某個(gè)目的，我們就要做到及時(shí)給予用戶反饋，即提醒用戶正處在過程中的某一個(gè)階段。比如用戶在網(wǎng)上購(gòu)物，購(gòu)物車就要一直顯示在頁(yè)面上方，以便用戶了解已經(jīng)買了哪些東西、花了多少錢等信息。有時(shí)候用戶必須等待一個(gè)過程完成，而這可能消耗一些時(shí)間，為了讓用戶知道并不是由于他們的計(jì)算機(jī)運(yùn)行太慢造成的這種等待，你可以顯示一條信息，告訴他們目前的進(jìn)展?fàn)顩r。這里可以使用一些動(dòng)畫效果，因?yàn)閯?dòng)態(tài)變化會(huì)讓人了解到電腦是在工作中的，而屏幕靜止不動(dòng)就會(huì)讓人憂心忡忡——是不是電腦死機(jī)了？連接斷開了？服務(wù)器關(guān)了？那么使用什么樣的動(dòng)畫效果呢？“進(jìn)度條”就是一個(gè)很好的“道具”。

在訪問網(wǎng)站時(shí)，人們總是會(huì)犯一些錯(cuò)誤，因此有人會(huì)覺得自己很愚蠢。為了避免這種情況發(fā)生，我們就要考慮進(jìn)行防護(hù)性的設(shè)計(jì)，也就是提供網(wǎng)站的糾錯(cuò)支持，它包括預(yù)防、保護(hù)和通知三個(gè)環(huán)節(jié)。首先是預(yù)防?；咀龇ㄊ窃谟梅ê驼f明中使用清晰簡(jiǎn)潔和慣用的語(yǔ)言，在用戶輸入結(jié)果時(shí)自動(dòng)檢測(cè)輸入是否正確。比如一個(gè)網(wǎng)站的注冊(cè)界面需要用戶設(shè)置用戶名和密碼，那么在用戶輸入用戶名之前，系統(tǒng)要在輸入框內(nèi)提示用戶名的格式要求是什么，而在用戶輸完用戶名之后，系統(tǒng)還要自動(dòng)檢測(cè)用戶名是否可用，并及時(shí)給出糾錯(cuò)提示，這樣就可以避免重新注冊(cè)的麻煩。其次是保護(hù)，就是要保護(hù)用戶輸入的信息不被更改。我們可以想象一下，如果是你辛苦碼的字，因?yàn)橥话l(fā)狀況沒有保存導(dǎo)致消失，這是多么讓人郁悶的一件事！所以Google的Gmail會(huì)把你正在寫的Email自動(dòng)保存為草稿。不僅如此，它還提供了一個(gè)“保存草稿”的按鍵功能，明智的用戶可以隨時(shí)點(diǎn)擊保存文件。最后是通知。撰寫通知一般要做到錯(cuò)誤明確、給出錯(cuò)誤原因、向用戶提出解決問題的建議等三點(diǎn)。比如登錄騰訊QQ發(fā)生輸入密碼錯(cuò)誤時(shí)，彈出的通知框上是這樣寫的：您輸入的密碼不正確，原因可能是忘記密碼；未區(qū)分字母大小寫；未開啟小鍵盤，如果您的密碼丟失或遺忘，可訪問QQ安全中心找回密碼。這個(gè)通知就明確地列出了上面提到的三方面情況。

保持一致與幫助文檔

你的網(wǎng)站很可能不是用戶訪問的第一個(gè)網(wǎng)站，這意味著他們?cè)谠L問你的網(wǎng)站時(shí)，已經(jīng)對(duì)你提供的內(nèi)容心存期望了。比如使用“全屏模式”播放視頻已經(jīng)是現(xiàn)在司空見慣的，如果設(shè)計(jì)一個(gè)視頻網(wǎng)站就要考慮給視頻加上一個(gè)全屏按鈕。所以在設(shè)計(jì)一個(gè)網(wǎng)站之前，要先瀏覽一下其他同類網(wǎng)站，看看哪些東西是約定俗成、可以借鑒的。不過，在借鑒時(shí)，創(chuàng)作者也要經(jīng)過深思熟慮，不能盲目地全盤復(fù)制，要考慮其他網(wǎng)站這么做的原因，這個(gè)功能是不是適合自己，還是說這只是他們的一個(gè)奇思妙想。

在生活中，“幫助”一向都不甚完善，買回來的CD機(jī)說明書也許是英文的，而翻譯者的中英文可能都讓人不敢恭維。你的軟件手冊(cè)也許出自于一個(gè)對(duì)編寫“幫助”毫無(wú)興趣，想盡快回去寫代碼的程序員之手。網(wǎng)站上的“幫助”則更不容樂觀了，也許你從來沒有看過這一部分，因?yàn)樗烤鼓軌蛱峁┦裁磶椭鷮?shí)在是讓人懷疑，就像每次查看手冊(cè)時(shí)，反而使人越來越糊涂。

與此同時(shí)，也有一些“幫助”看上去確實(shí)能提供一些幫助。比如10086的語(yǔ)音服務(wù)系統(tǒng)，確實(shí)是不錯(cuò)的操作指南，但是其繁瑣的提示常常會(huì)惹火打電話的用戶：“話費(fèi)查詢請(qǐng)按1，業(yè)務(wù)辦理請(qǐng)按2……”由此可以看出，人們?cè)谕瓿赡硞€(gè)可能很復(fù)雜的任務(wù)時(shí)，都不可避免地需要幫助，但又往往不愿請(qǐng)求幫助，所以作為設(shè)計(jì)者，就要在適當(dāng)?shù)臅r(shí)限之內(nèi)以最簡(jiǎn)練的方式提供適當(dāng)?shù)膸椭?。?yīng)當(dāng)把信息放在有明確標(biāo)注的位置，而不是統(tǒng)一歸入“幫助”一欄。比如在用戶首次登錄一個(gè)網(wǎng)站時(shí)，往往需要一些指導(dǎo)，這時(shí)最好設(shè)置一個(gè)歡迎界面，告訴用戶首次登錄時(shí)應(yīng)該如何開始、如何正確使用這個(gè)網(wǎng)站等等，這種幫助往往是適時(shí)而有意義的。

網(wǎng)站的設(shè)計(jì)是一門學(xué)問，而以上列出的僅僅是一些入門級(jí)的設(shè)計(jì)規(guī)則。真正做好一個(gè)網(wǎng)站還需要設(shè)計(jì)師們不斷地學(xué)習(xí)和探索，要在用戶心理和網(wǎng)站需求之間建立一個(gè)良好的平衡，這樣才能讓雙方和諧相得。

（作者單位為北京航空航天大學(xué)交互設(shè)計(jì)專業(yè)）