UCDChina編輯注：這篇文章原文為繁體，我們簡(jiǎn)單翻譯成了簡(jiǎn)體中文的，或有誤差，請(qǐng)以原文為準(zhǔn)。

摘要：

良好可用性的網(wǎng)站的目標(biāo)就是協(xié)助使用者去尋找他們想要的資料，如前所述，使用者經(jīng)驗(yàn)是可用性的基礎(chǔ)，而「資訊建筑」（Information-Architecture）則是在執(zhí)行上的工具。在一般人的認(rèn)知里，資訊是屬于科技、文化的領(lǐng)域，建筑則是屬于土木、工程、與設(shè)計(jì)的領(lǐng)域，當(dāng)兩者結(jié)合成在 一起時(shí)，相信很多人會(huì)覺得納悶，什么是「資訊建筑」呢？

英國(guó)文學(xué)家Samuel Johnson（1709-1784）曾說(shuō)過：「知識(shí)分為兩種，一種是我們已經(jīng)吸收為己有的，另外一種是我們知道該去那里尋找的?！梗↘nowledge is of two kinds: we know a subject ourselves, or we know where we can find information upon it.）

良好可用性的網(wǎng)站的目標(biāo)就是協(xié)助使用者去尋找他們想要的資料，如前所述，使用者經(jīng)驗(yàn)是可用性的基礎(chǔ)，而「資訊建筑」（Information Architecture）則是在執(zhí)行上的工具。在一般人的認(rèn)知里，資訊是屬于科技、文化的領(lǐng)域，建筑則是屬于土木、工程、與設(shè)計(jì)的領(lǐng)域，當(dāng)兩者結(jié)合成在 一起時(shí)，相信很多人會(huì)覺得納悶，什么是「資訊建筑」呢？

資訊建筑其實(shí)就是建構(gòu)、組織資訊的「工程」，在網(wǎng)路方面來(lái)說(shuō)，資訊建筑指的是將資訊系統(tǒng)化地分門別類后，以適合的介面設(shè)計(jì)讓使用者順利得到這些資 訊，以下僅就幾個(gè)方面做粗略的探討。

基本概念：以簡(jiǎn)單易懂的表現(xiàn)方式來(lái)達(dá)成一貫性

資訊建筑是可用性的執(zhí)行工具，其最基本的就是在于維持一貫性及簡(jiǎn)單易懂兩個(gè)要求。

一貫性（或整體性）是網(wǎng)站資訊建筑、亦是可用性的最高準(zhǔn)則，指的是網(wǎng)站不論是在版面、內(nèi)容、導(dǎo)覽方式等方面上都具有一致、整體的設(shè)計(jì)。良好的一貫性 就像一部設(shè)計(jì)良好的電梯，當(dāng)我們按下一樓的按鈕，我們知道門打開時(shí)會(huì)是一樓，而不會(huì)在我們按了一樓后，結(jié)果門打開時(shí)卻發(fā)現(xiàn)我們被送到了非州某個(gè)荒野，當(dāng)使 用者可以預(yù)期網(wǎng)站的各種反應(yīng)時(shí)，他們?cè)谖覀兊木W(wǎng)站里瀏覽時(shí)就會(huì)愈覺得安全也愈有in control的感覺，成功的網(wǎng)站是將主控權(quán)交給使用者，而不是緊緊地握在手上企圖控制使用者瀏覽的自由。

除了一貫性之外，資訊建筑的好壞亦取決于網(wǎng)站是否簡(jiǎn)單易懂，版面設(shè)計(jì)太過艱深、內(nèi)容架構(gòu)不清楚、導(dǎo)覽方式是否符合使用者的思考邏輯，都會(huì)影響到使用 者在瀏覽網(wǎng)站時(shí)的反應(yīng)。

對(duì)有心從事電子商務(wù)的網(wǎng)站來(lái)說(shuō)，簡(jiǎn)單易懂更是重要，網(wǎng)站里商品的位置架構(gòu)、搜尋功能及展現(xiàn)的方式，都必須讓網(wǎng)友能夠一目了然，網(wǎng)路上的購(gòu)物行為和現(xiàn) 實(shí)生活不同，在現(xiàn)實(shí)生活中我們到百貨公司買東西，即使一時(shí)間找不到想要的東西，多半我們還是會(huì)選擇繼續(xù)在店里尋找，因?yàn)橐x開再去別家百貨公司比較之下更 為麻煩，但是在網(wǎng)路上卻不一樣，當(dāng)使用者一覺得這個(gè)網(wǎng)站不好用、找不到他們想要的東西、結(jié)帳手續(xù)繁雜，彈指之間就可以到五、六家不同的網(wǎng)站去繼續(xù)完成他們 的購(gòu)物行為。根據(jù)Boston Consulting Group的一份報(bào)告指出，有超過65%的網(wǎng)友在將商品放入購(gòu)物車后，沒有完成結(jié)帳手續(xù)就離開，約略估計(jì)網(wǎng)站損失了約一百五十億美金的生意！

因此網(wǎng)站應(yīng)該強(qiáng)化產(chǎn)品搜尋功能、歸類與顯示方式，并且簡(jiǎn)化結(jié)帳的步驟，只要能盡量減少使用者思考的機(jī)會(huì)（思考如何使用該網(wǎng)站的介面，或思考是否真的 需要購(gòu)買某產(chǎn)品） ，交易成功的機(jī)率就愈大，如Amazon.com的One-Click Checkout就是簡(jiǎn)化設(shè)計(jì)下的產(chǎn)物，它將結(jié)帳的步驟縮減到點(diǎn)一下滑鼠即完成，省去每次訂購(gòu)都要重新輸入地址、電話、信用卡號(hào)等繁瑣步驟。

組織網(wǎng)站資訊

網(wǎng)站最重要的構(gòu)成單元就是內(nèi)容，也就是資訊，當(dāng)數(shù)量龐大的資訊聚集在一個(gè)網(wǎng)站時(shí)，要如何地去規(guī)劃分析這些資訊，讓使用者能夠輕而易舉地獲得，是所有 的網(wǎng)站經(jīng)營(yíng)者都必須面對(duì)的問題。

首先是資訊的分類問題，現(xiàn)在有太多的網(wǎng)站上的資訊是依照該公司企業(yè)的內(nèi)部架構(gòu)來(lái)分類，而不是依照使用者的行為與造訪動(dòng)機(jī)來(lái)分類，分類的方法有許多種 方法可循，如一般的任務(wù)分析（使用者來(lái)訪一定有特定目標(biāo)存在，此種方法是設(shè)定了某種目標(biāo)后，分析使用者會(huì)經(jīng)由何種路徑去達(dá)成它），或是網(wǎng)站經(jīng)營(yíng)者可以將網(wǎng) 站中所有要放的資訊都寫在一張一張的卡片上，交給可能的使用者請(qǐng)他們?nèi)w類，網(wǎng)站經(jīng)營(yíng)者可以訂定類別名稱，也可以交由使用者去自創(chuàng)，將卡片收回后，看看多 數(shù)使用者會(huì)如何歸類網(wǎng)站的資料，就可以以此為依據(jù)設(shè)計(jì)出更符合使用者認(rèn)知的資訊組織系統(tǒng)。

使用者介面

在資訊具備良好的組織架構(gòu)后，網(wǎng)站可以開始進(jìn)行使用者介面的設(shè)計(jì)來(lái)輔助使用者獲取資訊，一般人常會(huì)將使用者介面的設(shè)計(jì)（User Interface Design）和繪圖設(shè)計(jì)（Graphic Design）混為一談，事實(shí)上兩者是截然不同的，繪圖設(shè)計(jì)是著重于美觀、藝術(shù)方面，設(shè)計(jì)者通常需要俱備美術(shù)背景、設(shè)計(jì)概念，懂得操作如Adobe Photoshop、Photo Impact、Corel Draw等繪圖軟體，而使用者介面設(shè)計(jì)則是著重功能性與易用性（Ease of Use），設(shè)計(jì)者需要俱備良好的HCI基礎(chǔ)。良好的使用者介面須要以上兩者的合作，但是其順序必定是在完成了功能方面需求后才來(lái)進(jìn)行美化的工作。

良好的使用者介面必須俱備以下幾點(diǎn)：

1. 決定資訊內(nèi)容的范圍。
2. 分辨資訊的重點(diǎn)、主旨。
3. 選擇合適的媒介來(lái)呈現(xiàn)。
4. 注意不同媒介使用方式的協(xié)調(diào)性。
5. 提供互動(dòng)的機(jī)會(huì)。

總而言之，使用者介面是以使用的方便性為主，美化為輔，并且透過適當(dāng)?shù)拿浇閬?lái)傳達(dá)符合使用者需求的資訊。

網(wǎng)站導(dǎo)覽流程

使用者在網(wǎng)站上瀏覽時(shí)，最常問三個(gè)問題：

• 我在那兒？
• 我該往那兒去？
• 我去過那兒了？

網(wǎng)站的導(dǎo)覽方式?jīng)Q定了以上三個(gè)問題的答案。導(dǎo)覽方式的設(shè)計(jì)牽涉到針對(duì)使用者所進(jìn)行的任務(wù)分析（Task Analysis），舉一個(gè)簡(jiǎn)單的例子，網(wǎng)站在設(shè)計(jì)之前，可以組織一群可能的使用者，交給他們一個(gè)任務(wù)目標(biāo)（例如買一本書）和一些路徑項(xiàng)目（如登入、搜尋 書籍、填寫訂單、送出等），觀察使用者如何將項(xiàng)目排序以達(dá)到目標(biāo)。

良好的網(wǎng)站導(dǎo)覽應(yīng)該是「透明」的，它的意思是使用者能夠自由地在網(wǎng)站中來(lái)去，但是不需要經(jīng)過一層一層的固定的順序，也就是說(shuō)瀏覽方式不應(yīng)只是依據(jù)線 性流程來(lái)安排，可以使用平行或是互動(dòng)的方式輔助，例如類似Windows功能表式的導(dǎo)覽方式，「聯(lián)合新聞網(wǎng)」的新聞選項(xiàng)就是采用此種延展的方式，讓使用者 在每一頁(yè)都可以很方便地看到整個(gè)網(wǎng)站的所有新聞，而不需要依循「首頁(yè)」＞「地方新聞」＞「北市」＞「某新聞」的順序。

一個(gè)良好的網(wǎng)站瀏覽設(shè)計(jì)應(yīng)該包含以下幾點(diǎn)：

1. 符合使用者經(jīng)驗(yàn)：以使用者為中心，采用現(xiàn)行標(biāo)準(zhǔn)做為范本，使用者絕大部份的時(shí)間都花在瀏覽別人的網(wǎng)站，大家怎 么做，我們就怎么做。
2. 易學(xué)易懂：相互連結(jié)不復(fù)雜、文字說(shuō)明直接了當(dāng)、圖示涵義清楚，讓使用者能夠快速上手，不需要參考任 何輔助工具就會(huì)使用。
3. 省時(shí)省事：采用最符合網(wǎng)站類型、架構(gòu)，及使用者目標(biāo)與網(wǎng)站架構(gòu)的連結(jié)方式，讓使用者能以最快速、最 簡(jiǎn)單的方法找到他們想要的資料。
4. 一貫性：網(wǎng)站的整體導(dǎo)覽方式標(biāo)準(zhǔn)化、固定化，例如不要用開啟新視窗等非標(biāo)準(zhǔn)化的功能，因?yàn)闀?huì)造成使 用者的困擾與不信任感。
5. 架構(gòu)清楚：在英文里稱之為「面包屑型」（breadcrumbs）的連結(jié)方式，筆者個(gè)人喜歡稱之為 「足跡型」，因?yàn)樗傅氖且宰阚E地方式呈現(xiàn)使用者走過的路徑，或是以層層漸進(jìn)的方式呈現(xiàn)該網(wǎng)頁(yè)位于整個(gè)網(wǎng)站架構(gòu)中的那一部份，它的主要用途有三種：
   • 提供使用者關(guān)于整個(gè)網(wǎng)站架構(gòu)的簡(jiǎn)單資訊。
   • 當(dāng)使用者循序漸進(jìn)地到達(dá)某一頁(yè)時(shí)，可以快速地經(jīng)由此種連結(jié)方式回到原處。
   • 讓使用者可以快速回到上一層，像在購(gòu)物網(wǎng)頁(yè)中，使用者到了某一頁(yè)發(fā)現(xiàn)東西不完全是他們想要的，他就可以回到上一層去尋找類似產(chǎn)品，此點(diǎn) 有點(diǎn)類似瀏覽器里的Back功能，只不過Back是更上一層的跨站式連結(jié)。

   沒有架構(gòu)型的導(dǎo)覽方式會(huì)讓網(wǎng)頁(yè)成為孤兒，因?yàn)橛袝r(shí)使用者會(huì)經(jīng)由搜尋引擎或書簽直接進(jìn)入網(wǎng)站的某個(gè)部份，他們將無(wú)法得知該網(wǎng)頁(yè)是在整個(gè)架構(gòu)中的那一部 份，而造成他們卡在那一頁(yè)動(dòng)彈不得。

6. 多重而適度的連結(jié)：永遠(yuǎn)不要只提供一種導(dǎo)覽方式，雖然說(shuō)在單行道上比較不會(huì)撞車，但是要記得，一但我們?cè)趩涡械?上走錯(cuò)路就很難回頭，例如當(dāng)使用者是經(jīng)過搜尋功能來(lái)到網(wǎng)站中某個(gè)位置時(shí)，通常不是直接落在他們真正在找尋的資料上，不過也相去不遠(yuǎn)，因此設(shè)計(jì)者應(yīng)該提供相 關(guān)資料的互相連結(jié)，讓使用者在發(fā)現(xiàn)資料并不完全是他們想要的時(shí)候，可以迅速找到其他符合的資料。例如使用者選擇了某產(chǎn)品后，覺得該產(chǎn)品價(jià)格過高，這時(shí)如果在該產(chǎn)品旁列出其他類似但價(jià)格較低的產(chǎn)品，使用者就可以很方便地連結(jié)過去。

   但是也不能過度，很多網(wǎng)站經(jīng)營(yíng)者都覺得自己的網(wǎng)站里每一項(xiàng)資料都很有價(jià)值，因此深怕使用者沒有看到，于是就造成在網(wǎng)站的每一頁(yè)都密密麻麻地列出所有 的項(xiàng)目，但是說(shuō)實(shí)在的，一個(gè)小小的螢光幕上能夠放置多少資訊？除了連結(jié)之外，還有一堆裝飾用的圖片、動(dòng)畫等等，扣除這些，使用者真正關(guān)心的內(nèi)容還剩多少？ （試想如果Amazon.com或Yahoo把它們所有的分類項(xiàng)都列在同一頁(yè)，會(huì)是多么的「壯觀」？）

   沒有理由把一個(gè)網(wǎng)站所有的連結(jié)放在每一頁(yè)上，當(dāng)使用者在某個(gè)網(wǎng)站買音樂CD時(shí)，他不須要知道這個(gè)網(wǎng)站的電腦產(chǎn)品有多少特價(jià)或是它的書有多少種分類。 針對(duì)使用者所進(jìn)行的任務(wù)分析，加上系統(tǒng)化地分類資訊有助設(shè)計(jì)者決定那些連結(jié)是有必要出現(xiàn)在每一頁(yè)，有那些是只要出現(xiàn)在某些網(wǎng)頁(yè)就行了。

7. 提供Feedback與幫助的機(jī)會(huì)：最容易讓使用者感到沮喪的是遇到困難時(shí)求援無(wú)門，必須適時(shí)提供輔助工具，例 如線上解答、FAQ、或二十四小時(shí)的客服專線。網(wǎng)站制作流程
   

   階段	問題	說(shuō)明
   確定網(wǎng)站目標(biāo)	網(wǎng)站的主要目標(biāo)是什么？短程和長(zhǎng)程目標(biāo)是？網(wǎng)站的吸引力在那里？	首先要確定網(wǎng)站的屬性與目標(biāo)，并且定出各項(xiàng)目標(biāo)的優(yōu)先順序。
   市場(chǎng)分析	訴求對(duì)象是些什么人？競(jìng)爭(zhēng)者是誰(shuí)？使用者的可能行為模式是什么？	分析訴求對(duì)象及競(jìng)爭(zhēng)對(duì)手，以使用者的身份到競(jìng)爭(zhēng)對(duì)手網(wǎng)站上進(jìn)行模擬，以分析其優(yōu)劣之處。
   確定內(nèi)容及功能	需要提供那些服務(wù)？?jī)?nèi)容的深度廣度是否充足？功能的方便性？使用者會(huì)如何分類？各項(xiàng)功能服務(wù)的優(yōu)先順序?yàn)楹危?/td>	依據(jù)使用者的需求，決定網(wǎng)站提供服務(wù)與內(nèi)容的范圍，并且研究資料的分類，及確立網(wǎng)站的架構(gòu)。同時(shí)，有時(shí)候會(huì)在上市時(shí)間 （Time to Market）的壓力下，需要定出各項(xiàng)服務(wù)的優(yōu)先順序，以隨著網(wǎng)站的擴(kuò)張分批推出。
   導(dǎo)覽方式與使用者介面設(shè)計(jì)	網(wǎng)路上的標(biāo)準(zhǔn)在那里？網(wǎng)站的屬性是否適合？是否不復(fù)雜？是否能夠輕松上手？介面是否友善？	依據(jù)使用者經(jīng)驗(yàn)找出適合網(wǎng)站的導(dǎo)覽方式與使用者介面。
   撰寫程式	不同版本瀏覽器能否相容？	撰寫程式必須注意到版本的相容性與執(zhí)行效能。
   可用性測(cè)試	各項(xiàng)功能是否運(yùn)作正常？是否有嚴(yán)重問題產(chǎn)生？是否能夠跨平臺(tái)（Cross-platform）？	可用性測(cè)試是整個(gè)設(shè)計(jì)環(huán)結(jié)最重要的一部份，因?yàn)榫W(wǎng)站能否生存就在于是否俱備良好的可用性，進(jìn)行嚴(yán)謹(jǐn)?shù)臏y(cè)試有助于及早發(fā)現(xiàn) 問題并改善，資料顯示網(wǎng)站經(jīng)過可用性的測(cè)試后可提升至少百分之五十的可用性。
   版面設(shè)計(jì)	畫面是否吸引人？是否采行非標(biāo)準(zhǔn)化的科技？頁(yè)面是否能快速讀?。坎捎迷O(shè)計(jì)是否淺顯易懂？	這時(shí)才是開始用到網(wǎng)頁(yè)設(shè)計(jì)師的時(shí)候，有些人會(huì)覺得太遲了點(diǎn)，但是事實(shí)上如果太早就開始進(jìn)行畫面的美化，一但出了差錯(cuò)，修 改的成本與時(shí)間一定會(huì)非常龐大。
   可用性測(cè)試	使用者介面是否受到影響？是加分還是減分？	版面設(shè)計(jì)完成后還必須進(jìn)行一次可用性測(cè)試，以確定是否有新的問題因?yàn)楫嬅嬖卦黾佣a(chǎn)生。
   正式上線	是否有緩沖期？有無(wú)危機(jī)處理機(jī)制？	網(wǎng)站上線并不是結(jié)束，而是真正的考驗(yàn)的開始。
   觀察期	有無(wú)意料外的狀況發(fā)生？	在網(wǎng)站正式上線后，必須密切觀察網(wǎng)站使用情形一個(gè)月至兩個(gè)月，因?yàn)楹芏鄦栴}都會(huì)在這一段時(shí)間內(nèi)出現(xiàn)。
   維護(hù)期	網(wǎng)站記錄有無(wú)異常？伺服器是否穩(wěn)定？安全管理是否周全？	分析網(wǎng)站記錄（Log）有無(wú)任何異常狀況（如404、511等錯(cuò)誤訊息），或是安全管理上有無(wú)漏洞，以期能在狀況發(fā)生時(shí) 能夠及時(shí)解決。

源地址：http://www.ou-online.com/……m/blog/?p=768