• 沒有找到結果。

一、網站網頁呈現方式及介面設計

汪志彥、黃雲龍(2006)認為,網站的設計須容易使用,呈現方式須具有吸 引力,是增進網路社群成員間互動交流的重要工具之一。而網頁介面則是網站與 網路使用者用來溝通的主要元件(張惠如,2004)。在個人化服務呈現方式中,

網站須提供讓使用者可自行規劃版面的內容,及提供簡單的分類和搜尋的功能。

故本小節以網站網頁呈現方式及網站網頁介面設計探討,茲說明如下:

(一)網站網頁呈現方式

Burgess(2008)認為,網路社群服務呈現方式中的人機互動,以資訊服務呈現 方式為使用者最基本的需求(Ranganathan & Ganapathy, 2002)。趙貞怡、楊琮熙

(2000)指出,網站網頁呈現方式的人機互動功能應包括:網路重要訊息、服務 相關說明、意見投票、關於我、個人化設計、討論區、留言版、聊天室及線上問 卷調查等。由此可知,人機互動的網站網頁呈現方式,會因為不同的資訊服務呈 現方式及使用者偏好的不同,而對系統使用的影響也會有所不同(Khalifa &

Vanessa, 2006)。

Nielsen(2000)強調,網站網頁視覺的呈現方式,是使用者對網站最直接的印 象。在網站網頁導覽呈現方式,Lohse與Spiller(1998)認為,網頁導覽呈現方式應 有明確的導覽列、導覽動線設計及清楚地呈現資訊的階層架構。在網站網頁多媒 體呈現方式,林菁、李曉媛(2003)指出,呈現方式可分為文字、色彩、圖像及

聲音等,惟網頁文字與紙本文字呈現方式的不同,當使用者在瀏覽電腦螢幕的速 度,也會相較於紙本的速度慢四分之一。由此可知,網站網頁的呈現方式與服務 呈現方式的提供,須以使用者的需求來作為網站網頁呈現方式的設計依據。

(二)網站網頁介面設計

Kuo、Chen與Chen(2011)提出,網站網頁介面設計中人機與人際互動的八大 黃金定律為:取得一致性、讓重度使用者使用捷徑、提供有意義的回饋、設計對 話產生結束、提供簡單的錯誤處理、允許回到上一步、滿足使用者控制的需求及 減少短期記憶需求等。Powell(2000)認為,網站網頁介面設計應包括:讓使用者 便於瀏覽、運用使用者熟悉的語言、讓使用者掌握主控權、讓使用者毋須學習即 可操作網頁、網頁介面具備一致性等。由此可知,在網站網頁與使用者介面設計 中,人機與人際的互動是最重要的一環(Khalifa & Vanessa, 2006)。故本研究針對 網站網頁介面設計可分為:資訊設計、導覽設計及圖像設計等三個層面(Newman

& Landay, 1999),茲將整理歸納如下:

1.資訊設計

Conklin(1987)認為,資訊設計應包括:資訊基本元素設計和網頁組成架構設 計等,目的在於建構出有系統的知識整體,以利於使用者能清楚瞭解資訊的內 容。例如:首頁設計、版面配置、網頁組成、內容設計及結構設計等。

2.導覽設計

Holmqvist、Holsanova、Barthelson與Lundqvist(2003)指出,網站網頁介面呈 現方式,會影響使用者的視覺焦點與瀏覽動線。盧英娟(2001)指出,網站的使 用便利性由是否提供網站導覽功能來判定。因此,Lynch與Horton(2002)認為,網 站網頁導覽介面設計,應具有一致性的介面設計。

3.圖像設計

Park、Lennon與Stoel(2005)及王明揚、黃雪玲(2004)表示,圖像設計又稱 為視覺設計,而圖像設計是指運用網頁設計的元素所組成,例如:圖片與多媒體、

文字編輯、色彩運用及個人化設計等。圖像設計不僅能運用繪畫方式做表現外,

還可結合動態、3D或影音多媒體等元素做多元化的介面設計表現(廖鵬文、盧 康渝,2004;張惠如,2004 ; Roblyer & Edwards, 2000)。

根據上述相關資料彙整,故本研究茲將網路社群服務呈現方式整理歸納如 下:

1.首頁連結方式

網站網頁介面設計與服務呈現方式,除了以快速便利地搜尋功能,加上各種 首頁連結方式呈現,最為網站服務提供者及使用者所重視(張惠如,2004;蔡佩 璇、游萬來,2004)。首頁連結方式包括:文字連結、標題連結、圖片連結及相 關連結等。使用者對網站網頁相關連結與搜尋有其需要,網頁內容應提供適當地 延伸連結,以提供使用者更便利的查詢,例如:兄弟象棒球隊的網站首頁上方分 為幾個連結部分,相關連結為其中之一(許秩維,2006)。因此,首頁連結方式 與設計目的在於,建構出有系統地知識整體,讓使用者能清楚地瞭解網站內的各 項資訊服務內容(Conklin, 1987)。

2.導覽列形式方式

Newman與Landay(1999)認為,使用者介面設計是將資訊設計、導覽設計、

視覺設計此三大構面密切結合,其中又以導覽設計在使用者介面呈現方式的規劃 上最為重要。導覽列形式方式包括:文字樣式、按鈕樣式、圖片樣式及下拉式選 單等。由此可知,網站網頁導覽列形式設計,是帶領使用者瞭解整體網頁內容路 徑的導航系統(Jared, 1999) 。其主要的功能為,協助使用者瞭解與使用網站內的 各項服務,有助於首次造訪網站的使用者,能快速地熟悉網站內的整體內容與結 構,並且很快地找到網路使用者所需要的資訊。

3.搜尋功能方式

使用者可以依照自身的需求,透過物件搜尋欄位的選擇功能,或是選取網站 事先已規劃的欄位項目進行搜尋。搜尋功能方式包括:文字搜尋、圖片搜尋、分 類搜尋及關鍵字搜尋等。另外,使用者還可利用網站內的關鍵字輸入方式,讓使 用者能快速地搜尋到符合其條件的運動資訊。汪美香、葉桂珍(2003)指出,目 前網站網路社群服務呈現方式,大多以圖片、文字及影像的視覺化呈現,提供使 用者便捷且多元的搜尋。

4.個人化設計方式

讓使用者可自行配置或自訂網站網頁的外觀及呈現方式,以符合其個人的使 用偏好。同時,也能讓個人在使用者介面上顯示與自己相關的各類型訊息,並由 使用者自行決定其使用介面的風格(Burgess, 2008) 。個人化設計方式包括:個人

運動紀錄、個人使用偏好、個人喜好收藏及語言選擇功能等。

綜上所述,網站網頁呈現方式及介面設計,由於網路社群在溝通媒介及存在 形式上的差異,因此也造就了不同層面的網站網頁呈現方式的不同(萬榮水、梁 瑞文,2007)。Johnson與Grayson(2005)認為,網路社群服務呈現方式所提供的 個人化設計差異服務,是建立與使用者情感及信任感最有效的方法之一。Chen 與Dubinsky(2003)指出,一個不便利的網站網頁介面設計,可能會讓使用者感到 困惑而離去。因此,Nielsen(2000)表示,網站網頁介面設計應具備有:獨特性的 視覺風格、網頁介面的查詢及連結紀錄的功能。由此可知,微軟、Google及Yahoo!

也紛紛加速推出下一代個人化設計方式,以及首頁連結方式的設定服務,讓使用 者能自選新聞、天氣等個人資訊,還能透過RSS訂閱方式,主動將訊息推播通知 並顯示於首頁,讓網站網頁呈現方式與使用者介面的應用更加廣泛(曾俊洲,

2013)。