• 沒有找到結果。

網站互動介面設計

在文檔中 第三節 網站互動性 (頁 21-26)

ㄧ、使用者介面定義

使用者介面指人與電腦之間的溝通媒介,透過使用者介面可以讓使用者使用 電腦系統,使用者可以經由電腦介面來與系統功能互動。使用者介面的概念應用 到網站上就稱為網站使用者介面,隨著網際網路的興起,網站多半提供一致的瀏 覽介面讓使用者去存取資料並與網站之間進行互動(蕭佳祥,2003)。李世忠

(1993)認為使用者介面一般是指電腦與人在互動時所用的溝通符號設計,人在 與電腦互動時,可能會因為介面設計的不當,而造成搜尋資料緩慢或學習挫折等 問題。由於;「介面」是使用者在與電腦進行溝通時的媒介,不同的介面設計會 導致不同的人機互動模式,所以使用者是否能夠有效的使用電腦,「介面」就扮 演著一個很重要的角色(詹慧文,2006)。

黃朝盟、趙美慧(2001)認為所謂的使用者介面指的是一種媒體,用以幫助 使用者閱讀,輸入和搜尋資訊的輔助設計。廣義來說,網站的使用者介面包含所 有呈現在螢幕上的元素,具有傳達特定意義的譬喻、形象與概念、決定整體視覺 特徵的設計與圖像元素以及定義網頁中超連結關係的互動功能安排等三大功用。

蕭佳祥(2003)則將各使用者介面要素彙整如下所示,並以此作為網站使用 者介面之評估要素:

一、文字:包括字型樣式、尺寸大小、排版。

二、色彩:亮度、對比、背景顏色。

三、多媒體:圖形影像、動畫、音效、影片。

四、導覽機制:按鈕列(button bar)、網站指引、框架、回到首頁設計。

五、基本資訊提供:網頁標題、單位名稱、更新日期、聯絡資料。

六、捷徑提供:搜尋引擎、關鍵字以及布林邏輯查詢。

七、錯誤處理:包括常問問題整理,錯誤頁面顯示。

二、網站互動介面設計

Kristof & Satran(1995)認為,就電腦產品設計而言,「互動介面設計」的意 涵主要是以「使用者」為中心的設計,使用者擁有相當的控制權,包括使用者可 以決定瀏覽的速度、方向,以及想要看或不想看的內容。因此;如何設計一個好 的互動性介面,必須考慮使用者的經驗。互動設計對網路使用者來說,就是提供 使用者主動參與資訊交流的過程。而對於網路編輯設計者來說,互動設計則是將 訊息以較容易得到反應、回饋的方式呈現出來,以幫助使用者真正達成互動效果 (Rich, 1999)。

關於互動式介面的設計原則,蘋果公司發表了三項一般性設計原則(方裕民,

1999):

1.隱喻(Metaphor)的運用:在電腦環境裡,若是能有現實的隱喻(Metaphor)將會帶 給使用者熟悉的預期。

2.立即的回饋(Feedback):當使用者在使用系統時,能夠提供快速的回應,給 使用者立即的回饋。

3.立即點到:必須看到立即點到的感覺,將會帶給使用者似乎直操縱現實物體的 感覺如此可以獲得使用者的信任而相信自己的記憶。

Shneiderman (1998) 則從互動性系統的角度,提出八個介面設計的黃金準則,分 別為:「維持一致性」、「讓精熟使用者能利用捷徑」、「提供有意義的訊息回 饋」、「以對話引導操作」、「提供防錯以及簡單錯誤更正」、「允許復原動作」、

「由使用者主控」、「減少短期記憶負擔」。

Mok(1996)提出十項設計原則,來說明良好的互動設計該具備的特質。這十項原 則分別是:

1.兼顧設計者、使用者及組織形象的可預測性;2.視覺一致性;3.由淺至深的層 次感4.允許使用者犯錯的自動調節功能;5.介面元素清楚易辨;6.功能性選項應 單純化,以免使用者分心;7.使用者能得到立即的回饋;8.顧及使用者的操作模 式和心路歷程;;9.讓使用者以不疾不徐的速度瀏覽;10.便利多元使用者運用

謝依君(2000)指出良好的互動設計必須符合下列四項條件:

1.使用者必須能夠掌握部分的主控權,除了可自行決定所欲選讀的部分,並可隨 意中止指令或重新開始

2.介面的編排設計,應該維持一致性,以方便使用者熟悉使用,減少學習的時間。

3.任何的互動裝置都需提供同一脈絡中相關的資訊 4.互動性的設計需與本文內容相呼應,相輔相成

徐愛蒂(2001)綜合許多研究者所提出的介面設計原則,統整出六點互動性 介面設計的原則,分別為「導航指引及一致性的設計」、「控制權」、「系統提 供有益回饋」、「可用性」、「隱喻及圖像的使用」、「超文本」。

本研究綜合上述學者所提出之觀點,並基於研究目的需求,整理出互動式介面設 計原則陳述如下:

1.網站導覽與指引

導覽首要目的必須運用導覽工具標示所在地,告知使用者身在何處,進一 步有規劃地展現整體網站結構,讓使用者了解網站中所能提供的資訊。另外;

更需要進一步顯示到達、取得該資訊的路徑與方法,並提供回程的路徑,讓使 用者行進錯誤或達成目的時能回到原處,同時也提供已行進過的標示避免使用 者重導覆轍(黃惠美,2004),網站介面設計必須要能夠指引使用者明確的方 向與位置。

2. 運用隱喻與與ㄧ致性設計

介面設計者為了讓使用者能夠更容易的使用系統,會在介面中加入隱喻以及類 推的設計,隱喻的運用必須合宜,當使用一種隱喻會讓使用者對系統產生誤解 或者不當的理解時,介面設計者可使用更多相似的隱喻來幫助使用者熟悉系統

(詹慧文,2006)。此外;網頁介面設計上應該遵循一致性的操作概念,除了 隱喻與操作的功能用法要保持一致外,在版面、內容與導覽方式甚至於元件的 位置、影像、選單、按鈕、顏色及風格都應該具有一致與整體的設計,這樣使 用者也能以介面所帶給他預期的行為模式而更有安全感的操控網站(劉元媛,

2006)。

3.使用者控制

在操作介面時,使用者大部分比較不能接受被迫與被動,而且往往只有使用者 最清楚自己想要做什麼,能夠按照自己喜歡的方式去做事一定是讓人高興的,

使用動機與績效也能因而提升,因此給予使用者適當的掌控權與主導權是介面 設計必要的措施(李世忠,1993)。系統操作上,讓使用者有操作的系統權力,

如此使用者才會有參與感 (詹慧文,2006)。

4.交互回饋

針對使用者每執行一個行動或指令,系統透過介面都必須有所回饋,系統操作 上,要讓使用者有操作的系統權力,如此使用者才會有參與感,最後就是使用 者操作之後必須要有立即且適當的回應(詹慧文,2006)。而除了系統對使用 者的回饋之外,使用者對於系統的指令也可能作出回饋,系統與使用者 彼此間皆具有雙向互動的能力。新的溝通系統進行互動,主要著重在增加系統 的互動性,也就是使用者與媒介可以相互交談,產生相互回饋(耿慶瑞,1999)。

5.可用性

Nelson(1993)提出網站介面設計需考量到「可用性」(Usability)的概念。可用性 包含了許多面向及成分,主要可歸納成五項:

(1)易學(Learnability)

介面設計以清楚、簡單為設計原則,讓使用者容易理解、容易上手,能夠在 短時間內學會並熟悉使用方式。

(2)有效使用(Efficiency)

介面的設計必須是明顯易見, 網站的各項功能,都能讓使用者透過介面有效 利用,避免因設計不當,讓使用者忽略或搜尋不到想要的資訊。

(3)易記(Memorability)

網頁各項安排與各項元素具有一致的結構,讓使用者容易記憶,符合使用者 的使用慣性,即使經過一段時間,仍不容易忘記。

(4)低錯誤率(Errors)

系統本身應維護正確性,減少錯誤發生的情形,才能讓使用者有效利用網站,

(5)使用者滿意(Satisfaction)

系統的設計要協助使用者完成使用的目的,讓使用者在使用系統時,感到喜 歡、愉悅,並且可提高使用者滿意度。

6.防錯與修正回復

系統必須具備預防錯誤發生的提醒功能,以及錯誤發生時的回復功能,當使用 者指令錯誤時,系統必須能夠避免錯誤,自動糾正。例如,可出現訊息方塊,

清楚告知使用者錯誤所在並加以指正(蔡淑如,2000)。而使用者在操作軟體 的過程中難免發生錯誤,網站也應該提供適當的輔助機制,讓使用者在操作過 程中可隨時使用復原的操作(劉元媛,2006)。

在文檔中 第三節 網站互動性 (頁 21-26)

相關文件