• 沒有找到結果。

(3)清楚明瞭的內容資訊;(4)與使用者的互動性;(5)良好的功能性。符合以 上,方可稱為理想的網站設計,茲將各項目分別說明如表 2-2。

表 2-2 網站規畫準則之說明 網站規畫準則 說明

吸引人的視覺設計 藉由吸引人的視覺設計、視覺平衡、視覺動線、圖文編排等,

做適當配置規劃讓使用者清楚明瞭的介面。

有組織的導覽架構 可用層級或架構組織,彙整出網站內容相互之關連性, 幫助 使用者探索整個網站的架構,並迅速找到所需的資訊。

清楚明瞭的內容資訊 網路上的資訊需適當明瞭並且有系統的整理,讓使用者能清楚 找到所需資訊。

與使用者的互動性 符引導使用者瀏覽網頁的機制,讓使用者感受主導互動的過 程,並體驗網站所需提供的資訊。

良好的功能性 網站的技術功能是否良好。(如搜尋功能)

(資料來源:本研究整理)

第二節、使用者介面設計 一、何謂使用者介面

網際網路發展未達普及化之前,使用者介面設計還侷限在人與具體產品的 操作過程上,指的是產品的功能性介面,它是產品與人重要的溝通方式。龍斯雲

(2000)認為,隨著網際網路(Internet)技術演進,電腦的發展重點已經著重在 人機介面(Human-machine interface;HCI)上。人機介面是使用者與系統間資訊 互動的一個介面管道與環境,所強調的是以使用者為中心(User-Centred)、使用 需 求 為 導 向 ( User-Oriented ) 的 介 面 , 所 以 人 機 介 面 又 可 稱 為 使 用 者 介 面

(User-Interface)。

使用者介面(User interface)的類型很多,例如:網站介面、手機介面、電 視頻道介面、遊戲介面、觸碰式教學介面、醫院觸碰式掛號查詢介面、提款機 介面等等。

在人機介面的定義裡,「人」指的是操作者、產品使用者或是網站使用者;

而「機」即是機器、產品、硬體設備;「介面」則是建於兩者的共通平台上,傳

軒(2000)認為,隨著電腦發展神速,使用者介面從早期 DOS 時代下的純文字 模式、圖形化使用介面(GUI)、逐漸演進到現在與人們生活更為貼近的虛擬實 境(Virtual Reality)。

李青蓉等(1997)認為人機介面的組成要素可分成四種:人性因素、硬體 介面、軟體介面及輔助文件(李青蓉、魏丕信、施郁芬與邱昭彰,1997)。人性 因素指人與生俱來生理機能上的限制以及後天心理、習慣、喜好與體能的差異,

包含感覺、認知、反應以及個別的差異;硬體介面指輸入及輸出的各項設備與 裝置;軟體介面指系統所呈現的資訊內容與外觀,及配合使用的人機互動方式

(包括指令、問答式及查詢式、選單、填表式及試算表式、自然語言、直接操弄); 輔助與說明文件包括使用手冊、快速檢所表、特殊相關輔助、線上文件系統、

線上教學系統等。方裕民(2003)則認為使用者介面的組成要素包括:輸入

(Input)、顯示(Display)、輸出(Output)。在軟體人體工學中,使用者透過介面 去理解使人互動的程式,當傳統的機器或設備演化成可程式化的軟體時,在設 計定義上則進一步詮釋為「使用者介面設計」。

二、網站使用者介面設計之期望與效果訴求

在上一節中,許多學者皆表示,網站之介面設計對使用者而言,是一個非 常重要的影響因素。因此,透過優秀的介面設計,可以產生好的視覺吸引力,

提升使用者經驗的滿意度,並產生對網站的形象感知。同時,網站的介面設計 不但會影響使用者的滿意程度,也可能影響其再次造訪的意願(張莉菁,2002)。 所以,建置網站時要思考如何讓使用者在初次瀏覽網頁時就對頁面呈現的設計 及內容產生好感。此外,Thuring、Hannemann 和 Haake(1995)認為,當使用者 在操作或讀取文件資料時,容易因為人的認知限制,造成過重的認知負擔,因 而產生迷惑,因此在網站設計上,必須儘量減少佔用使用者 心智資源,應盡量 依據使用者的使用經驗來進行規劃與設計。

李青蓉等人(1997)提出使用者對於人機介面的期望與訴求的十二項原則:

(1)透明性:透明無礙的溝通管道。(2)使用者掌控:使用者有適當、合理的

掌控權。(3)彈性:使用方式有相當的彈性。(4)功能性:具備完善的功能。

(5)健全性:提供健全且完整的支持與輔助。(6)簡學性:可以簡單容易學會 使用。(7)易用性:容易使用,方便有效。(8)安全性:保障使用者的資料與 傳輸資訊安全。(9)適應性:適應使用者的需求。(10)可接觸性:每個人都能 簡單便利地使用電腦。(11)親和性:親切而人性化的介面環境。(12)美學:

賞心悅目的整體美感。

Jenny Preece 亦提出人機介面設計時需符合的五點原則:(1)易讀的(文字 不要閃爍,並且一看到就是簡單明瞭的)。(2)可識別的。(呈現的資訊與背景 是清楚的)。(3)容易理解的。(4)不雜亂的。(5)有意義、結構化的。(陳建 豪譯,1998)。陳麗如與何榮桂(1998)引述 Cox 與 Walker 的想法,提出九個使 用者介面設計原則:(1)提供使用者自由控制的權利。(2)經由介面的基本操 作練習,增進其使用工具的技能。(3)圖文的大小、圖示按鈕、位置、呈現方 式及用語等等皆有規律性。(4)畫面的設計盡量單純、簡單化。(5)重視介面 設計的親和性。(6)在使用者使用過程中,應當適度的給予回饋。(7)提供直 覺又適當的辭彙用語。(8)提供簡單又適當的輔助說明。(9)可將圖片概念視 覺化,降低使用者短期記憶的負擔。

從以上學者觀點可知,簡單、明瞭、方便、易上手的介面,是優秀人機介 面設計的重點,留心使用者的需求,給予協助和回饋,自然能讓使用者產生好 感,提昇網站使用的滿意度。

三、網站使用者介面設計準則

一個令人滿意的使用者介面該怎麼設計,各學者都提出不同看法。使用者 的各種實用性的要求,常被統稱為對使用者的親和力(User-friendly)與使用性

(Usability)。Mandel(1997)即定下數種使用容易度的目標,讓資訊系統的設計 者可以定義其系統發展使用性的九種面向:(1)容易使用、(2)容易學習、(3)

容易重複學習、(4)容易不用再學習、(5)容易避免傷害、(6)容易獲得支援、

在設計面上,Nielson(1997)將介面使用性原則歸納為八類,如下:

(1)系統與真實世界必須能夠對應:此概念意指介面設計必須採用使用者 清楚了解的概念、構想與隱喻,並自然的應對到使用者的任務與心 智目標上。

(2)令介面具有一致性:不論是內在或現存的標準都必須一致。內在一致 意指資訊構建在介面上,相同的狀態會重覆出現,例如相同的資訊 在不同的螢幕上應該放在相同的位置,相同的動作完成相同的工作 等。

(3)將系統狀態可視化:其目的在於支援使用者發展對系統正確的模式,

因此必須顯示輸入已被接收,以及顯示系統正在做什麼,是任務實 行的過程。

(4)使用者可自由主導:使用者可以在介面中自由活動,錯誤時可以 Undo,

也可以離開任何非預期進入的頁面、放棄或接續進行到一半的工 作、到達任何任務階層的不同點等,介面必須提供操作的不同方式,

與完成任務的不同路徑。

(5)允許錯誤、偵查錯誤並改正錯誤:體認到所有使用者都會犯錯,先減 少使用者錯誤,再減少順序的錯誤,或幫助使用者改正錯誤,最後 系統所提供的錯誤訊息要夠清楚與精確。

(6)減少使用者的記憶負荷:不應單獨依賴人腦的記憶來記住所有事情,

工作記憶不能負載大量資訊,長期記憶經常在產生資訊時失敗,介 面設計要能幫助使用者減少記憶負荷。

(7)使用的彈性效率:其目的是要讓系統更切合使用者的需求,例如針對 專家使用者能提供更簡短快速的作業方式,提供功能按鍵或指令輸 入等。

(8)簡單忠實的美學:以簡單的圖形設計讓系統看起來更好,使用簡單與 自然的對話方式,減少誇大的文字或圖片並避免混淆。所有的資訊

應以自然與具邏輯性的次序顯示。

山岡俊樹(1998)亦從人機介面(Human Machine Interface,HMI)之使用者 觀點來切入,將設計原則分成輸入、處理、輸出與介面全體有關等四個基礎部 分,並可再分成提示、用語、對應、一貫性、回饋與動作原理等六個項目,分 述如下:

(1)輸入部分(提示、用語、對應):從螢幕讀取資料時,首先依據最重 要的情報提示,從文字或用與理解其意思並進行操作執行在用語上 必須是使用者能理解的用語,遵循一個詞一個涵義的原則。

(2)處理部分(一貫性):使用者依據上述提示、用語、對應,可理解各 畫面處理順序與操作。各畫面間有一貫性的操作脈絡時,在使用過程 中,可以理解系統內各要素之間的關係,也就是使用者可以了解系統 架構。

(3)輸出部分(回饋、動作原理):回饋可增加機器操作的透明性,是非 常重要的。特別是針對初學者的操作手冊,在概要解說後,如果能增 加各部份的機能說明,將更容易理解其操作方式。

美國蘋果電腦公司在設計使用者介面時,規定了十項遵循之設計原則(吳 鼎武.瓦歷斯,1999):

(1)使用隱喻性:在人機介面設計中,採用類似現實生活經驗的視覺效果。

例如:放大、縮小。

(2)直接操控性:讓使用者透過三種自主反應操控法,包含暗示、選擇區、

被選擇,直接對介面進行操作的設計。

(3)看及按:讓使用者能夠一目了然地按下正確的鈕,到達下一個步驟,

取代「先記憶再鍵入」的方式。

(4)一致性:具有一致性的介面設計,可讓使用者集中注意力並順利取得 所需的資訊。

(6)使用者主控權:以各種吸引方式吸引使用者上機,同時讓使用者擁有 主控權,能自行操作。

(7)回應及對話性:為使操作更符合使用者需求,採用對話形式的互動訊

(7)回應及對話性:為使操作更符合使用者需求,採用對話形式的互動訊

相關文件