英國文學(xué)家Samuel Johnson（1709-1784）曾說過：「知識分為兩種，一種是我們已經(jīng)吸收為己有的，另外一種是我們知道該去那里尋找的。」（Knowledge 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è)計的領(lǐng)域，當(dāng)兩者結(jié)合成在一起時，相信很多人會覺得納悶，什么是「資訊建筑」呢？

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

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

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

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

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

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

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

組織網(wǎng)站資訊

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

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

使用者介面

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

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

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

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

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

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

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

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

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

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

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

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

6. 多重而適度的連結(jié)：永遠(yuǎn)不要只提供一種導(dǎo)覽方式，雖然說在單行道上比較不會撞車，但是要記得，一但我們在單行道上走錯路就很難回頭，例如當(dāng)使用者是經(jīng)過搜尋功能來到網(wǎng)站中某個位置時，通常不是直接落在他們真正在找尋的資料上，不過也相去不遠(yuǎn)，因此設(shè)計者應(yīng)該提供相關(guān)資料的互相連結(jié)，讓使用者在發(fā)現(xiàn)資料并不完全是他們想要的時候，可以迅速找到其他符合的資料。

   例如使用者選擇了某產(chǎn)品后，覺得該產(chǎn)品價格過高，這時如果在該產(chǎn)品旁列出其他類似但價格較低的產(chǎn)品，使用者就可以很方便地連結(jié)過去。

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

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

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

網(wǎng)站制作流程