第貳章、文獻探討
第一節、網站設計 一、何謂網站
網際網路的出現，使得電腦網路上的互動性及開放性大幅提升，而網際網 路上可提供的資訊服務也越來越廣泛、越來越多元化，如檔案的傳送、遠端登入、
雲端技術，電子郵件等等，其中最重要的就是全球資訊網（World Wide Web；
WWW）的出現，不僅帶動了網站的商業化，也促使大量的商業網站紛紛崛起應 運而生，公司企業也可以透過全球資訊與顧客進行商業活動。
網站是一個全新的媒體平台。所謂的網站是指利用網路的虛擬空間，將一 個一個的網頁集中在此，並共用一個網域名稱或若干相關網域名稱為主，網頁是 構成網站的最主要元素。
網頁與一般傳統平面媒體差異性在於：（1）內容兼具共通性（Universality）
及關聯性（Intertextuality）；（2）突破儲存與空間的限制；（3）突破時間的限制；（4）
有效率的更新速度；（5）圖片與色彩的靈活運用；（6）具備多媒體功能；（7）可 與使用者直接互動（Morkes & Nielsen, 1998）。而 Mitra & Cohen（1999）強調，兩 者最大的差別，在於網頁內容具有的共通性與關聯性；所謂的共通性，是指用網 路語法HTML編寫的內容，讓讀者可以利用不同的平台（如 Windows、Linux、
Macintosh、Unix等等）及不同的瀏覽器（如 Microsoft Internet Explorer、Chrom、
Safari、Fir fox、Netscape Navigator等等）上網觀看，並且可看到幾乎相同的內容；
所謂的關聯性，是指網頁的建構者可以利用網路超連結，將各種不同媒體內容連 結在一起，並且可讓使用者採取跳躍式的方式瀏覽，而不必浪費時間在逐頁逐行 的文件中尋找，使上網者能夠利用有限的時間悠遊在豐富又多彩多姿的網路世 界，這樣的超連結（Hyperlink）特性，也就是網際網路具備便利性的基本原因之
一。
二、網站規畫之準則
一般瀏覽者在接觸到網頁的0.05秒內就已經對網頁設計的好惡下了決定
（Gitte, Gary, Cathy & Brown, 2006），可見網頁設計所給予使用者的第一印象非常 重要，就算有功能強大的系統，卻沒有好的介面設計，也無法獲得使用者的認同。
網站之介面設計對使用者而言，是一個非常重要的影響因素，不同的網站介面設 計、版型配置會讓使用者產生不同的感覺及印象。
建置一個網站，事前規畫十分重要，而規畫的重點，要如何讓使用者初次 瀏覽網頁並且對頁面呈現的設計及內容產生好感，在設計網站前則必需先確定網 站的方向目標，也就是這個網站一開始真正存在的原因，然後依照網站的特性與 設計準則來決定網站的架構及內容層級，針對架站目的、網站定位、功能屬性、
使用者需求為原則，整合視覺形象與功能技術，建構一個「視覺形象」、「功能」
及「資訊」三者兼備的媒體平台（藝風堂編，2004），主要目的是要讓使用者使 用並且認同網站，進而提升企業、機關或是個人的網路形象，增加網站的使用者 造訪率。
根據Hoffman and Novak（1995）的研究，介面設計的好壞會影響使用者的使 用滿意度，互動性介面佳的網站能提升使用者的使用滿意度；而Jarvenpaa and Todd（1997）認為在設計網站時，除了要重視技術的提升外，也必須以使用者的 角度出發、加強服務、給予使用者良好的使用經驗。除了以往單向接受訊息的手 法，現今給予使用者更貼近人性化的互動操作方式來研究，將從使用者介面角度 切入，了解分析何種介面設計能夠提升網站的使用性及體驗感受。張惠如（2004）
將企業網站規劃重點分為資訊架構、網站視覺與主客互動三方面。邱柏清（2004）
提出網頁設計原則分別為：介面設計原則、可用性設計原則、滿意度設計等三種，
特別將滿意度列為三項原則其中之一。Duyne等人（D. K. v. Duync, J. A. Landay &
滿意度、效能、易用性及品牌價值等項目，皆應以使用者為出發點設計，才能創 造網站的價值。Daniel（2000）則認為網站設計有三個要素：視覺呈現（visual appearance）、內容（content）、可用性（usability）。李啟宏（2003）則認為一個專 業網站，須具備三大元素：內容、視覺、程式互相搭配。
對平台式的網站來說，網站是為使用者提供一個擷取資訊的環境，除了內 容豐富外、資訊清晰、易查閱，可以有效的滿足使用者對網站的要求（梁景紅，
2006）。在建置網站時，Powell等人（1998）認為網站設計應包含資訊（information）、 程式（program）、架構（structure）、導覽（navigation）、視覺（visual）等設計領 域。Nowman & Landay（2000）認為網站設計包含了三大領域，分別為資訊
（information）、導覽（navigation）和視覺（visual）設計；資訊設計的主要目的是 豐富網站內容，並且藉由訊息整合後，清楚將資訊傳達給使用者；導覽設計主要 目的是為網站規畫一個完整架構，讓使用者能快速方便找到所要的資訊，並避免 在網站空間中迷失；視覺設計的主要目的是將視覺要素（如影像、色彩、文字或 編排等）應用在網頁設計，創造出網站的獨特風格並增加使用者對畫面的吸引 力，同時也讓網站資訊更易於理解。李星宏（2002）認為網站建置的事前規劃必 須針對（1）網站主題；（2）網站架構；（3）內容架構；（4）網站風格；（5）整 體版面設計等，進行規劃。蔡秀麗（2004）強調，在規劃以使用者經驗為導向的 網站時，則須以（1）清楚的目標；（2）基礎資訊架構型態；（3）內容結構安排；
（4）導覽系統；（5）品牌識別；（6）互動性等，為主要考量重點。
針對網站介面設計，學者Rayport & Jaworski（2001）提出顧客介面設計七項 要素—7C架構：Context基模（網站的設計與擺設）、Content內容（網站所包含 的文字、圖片、聲音與影像）、Community社群（網站促進使用者對使用者溝通 的方式）、Customization客製化（網站為不同使用者訂做，或使用者可自行管理 網站的個人化能力）、Communication溝通（網站讓其他使用者對網站、網站對 使用者或雙向溝通的方式）、Connect連結（網站與其他網站連結的程度）、
Commerce商務（網站促進商業交易的能力）。
隨著網站需求越來越多元化，廖鵬文與盧康渝（2004）將網站分為內容設 計、網站組織結構、網站導覽系統、頁面視覺設計、介面設計、互動設計等六種：
（1）內容設計：將網站的內容資訊有系統的整理，並區分類別單元，讓使用者能 清楚找到所需資訊；（2）組織結構：可用層級性或網狀組織進行設計，彙整出網 站內容相互之關連性，再依內容特性建立資訊架構；（3）導覽系統：幫助使用者 探索整個網站的架構，並迅速找到所需的資訊；（4）頁面設計：將網站相關內容，
藉由視覺設計、視覺平衡、視覺動線、圖文編排等做適當配置規劃；（5）介面設 計：依使用者習慣為主要考量，達到簡單（simplicity）、易讀（readability）、功能 流暢（fluency）等原則；（6）互動設計：為一種引導使用者瀏覽網頁的機制，讓 使用者感受主導互動的過程，並體驗網站所需提供的資訊。郭彥均（2004）則將 網頁介面的構成元素分為相似的八個類別：主題與風格、版面架構、導覽、功能 呈現（按鈕）方式、內容呈現方式、色彩搭配、聲音效果、互動支援功能。
另外，有「網路奧斯卡」之稱的網站設計獎「威比獎」（Webby Awards）
於 2008 年提出他們評論網站的六項基準：（1）內容：指提供在網路上的資訊需 適當明瞭；（2）結構和導覽：結構主要為組織內容的呈現。導覽主要是幫助使 用者快速方便找尋所需資訊；（3）視覺設計：主要為網站設計出吸引使用者的 頁面設計；（4）功能：指使用在網站的技術功能是否良好；（5）互動性：依據 使用者需求所提供的服務；（6）使用者經驗：使用者在網頁停留的時間、服務，
整體是否都很滿意。此外，也有學者藉由使用者的喜好，試圖找出不同類型網 站設計的重要因素，例如林佩儀（2000）於「網站設計與使用者滿意度之關聯」
研究中，分析出網站設計因素，包括美觀易讀、分類清楚、內容易尋找、下載 速度、娛樂互動等因素。
綜合上述文獻發現，不同的專家以不同的方向角度，提出對網站設計應需 包含的要素，從中發現不論是由哪一個角度研究探討，網站視覺設計皆是不可
Rayport & Jaworski
（2001）
（1）Conte 基模 （2）Content 內容 （3）Community 社群
（4）Customizatio 客製化 （5）Communication 溝通
（6）Connect 連結 （7）Commerce 商務
（3）清楚明瞭的內容資訊；（4）與使用者的互動性；（5）良好的功能性。符合以 上，方可稱為理想的網站設計，茲將各項目分別說明如表 2-2。
表 2-2 網站規畫準則之說明 網站規畫準則 說明
吸引人的視覺設計 藉由吸引人的視覺設計、視覺平衡、視覺動線、圖文編排等，
做適當配置規劃讓使用者清楚明瞭的介面。
有組織的導覽架構 可用層級或架構組織，彙整出網站內容相互之關連性， 幫助 使用者探索整個網站的架構，並迅速找到所需的資訊。
清楚明瞭的內容資訊 網路上的資訊需適當明瞭並且有系統的整理，讓使用者能清楚 找到所需資訊。
與使用者的互動性 符引導使用者瀏覽網頁的機制，讓使用者感受主導互動的過 程，並體驗網站所需提供的資訊。
良好的功能性 網站的技術功能是否良好。（如搜尋功能）
（資料來源：本研究整理）
第二節、使用者介面設計