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

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

□張 羽

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

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

在現(xiàn)實中男性往往要比女性認(rèn)路，因為男性的方位感和空間感更強，而女性往往需要靠地標(biāo)指引方向。在網(wǎng)上，所有人都相當(dāng)于“女性”。因為網(wǎng)頁是平面的，你無法利用自身的方位感，所以這時候，標(biāo)識的作用就顯得尤為重要。

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

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

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

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

提示、反饋與糾錯

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

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

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

保持一致與幫助文檔

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

在生活中，“幫助”一向都不甚完善，買回來的CD機說明書也許是英文的，而翻譯者的中英文可能都讓人不敢恭維。你的軟件手冊也許出自于一個對編寫“幫助”毫無興趣，想盡快回去寫代碼的程序員之手。網(wǎng)站上的“幫助”則更不容樂觀了，也許你從來沒有看過這一部分，因為它究竟能夠提供什么幫助實在是讓人懷疑，就像每次查看手冊時，反而使人越來越糊涂。

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

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

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