Issuu on Google+

建構符合使用者需求的 符合使用者需求的網站介面- 網站介面- 以台南縣政府網路電視台網站為例 邱碧蓮 1,龔志賢 2,杜彥蓁 3 1

東方技術學院流行設計系 東方技術學院流行設計系 專任講師 長榮大學科技工程管理 長榮大學科技工程管理學 科技工程管理學系 副教授 3 長榮大學經營管理研究 研究生 長榮大學經營管理研究所 研究所 chiu@mail.tf.edu.tw; kung@mail.cjcu.edu.tw; yann0731@yahoo.com.tw 2

中文摘要 網路電視台成立以來,即扮演民眾與政府間溝 通的橋樑,目的在經由有效的資訊分類,讓民眾可 以不受時間、地域限制,最快速地獲得政府相關資 訊及服務。 本研究採用網路問卷調查方法,根據資料分析 之結果與研究發現,對既有的網路電視台網頁提出 改良建議,並且建構出新的網頁系統,分別加強網 站推廣、活化網站頁面、提供豐富資訊以及充實網 站功能等,期以讓網路電視台的資訊與服務的提 供,能夠更真正落實便民服務的理念。 關鍵字: 關鍵字:網路電視台、網頁形式

1.

前言

1.1 研究背景與動機 網際網路的興起帶動了電子化政府的開展,因 此,政府機關為民服務的方向也正朝著電子化及網 路化的應用,網站電子化扮演著一個政府與民眾間 溝通的橋樑角色,目的在於讓民眾可以不受時間、 地域限制,以最快的速度得到所需的相關資訊與服 務。 台南縣政府為了推展電子化政府,規劃了一系 列的網路資訊及多媒體視訊,並率先規劃出網路電 視台的架構,希望藉由網路電視台的開播,及網路 傳輸的便利性,為政府單位及民眾提供電子化的訊 息服務,使資訊的傳遞及業務的推展能更多樣化。 台南縣政府網路電視台於2005年開始建構,提 供多項政府政令之宣導、地方文化之特色介紹等, 透過這些網路多媒體的服務,使民眾徹底感受到電 子化政府二十四小時全年不打烊的快速與便捷,觀 眾可以在任何時段於網路電視台網頁中尋找感興趣 的節目收視;台南縣政府建置網路電視台至今,整 個系統規劃與許多資訊的提供、服務功能的設計等 頁面仍可改進,讓民眾使用起來更滿意,是本研究 的重點。

1.2 研究目的 為提昇網路電視台網頁之服務功能與品質,以 及發揮電子化為民服務的成效,因此本研究將以問

卷探訪民眾實際瀏覽網路電視台網頁後的主觀感 受,以瞭解民眾對網站功能、資訊提供與服務的評 價,並依此評價改良網頁,以下為本研究預期達到 之研究目的: (1) 了解民眾瀏覽網路電視台網頁之實際需求。 (2) 了解民眾瀏覽網路電視台網頁之滿意程度。 (3) 針對資料分析結果,建構出豐富、明暸易懂且 含人文氣息之網路電視台網頁。

1.3

研究方法

本研究旨在探討民眾瀏覽網路電視台網頁的 經驗與對此電子化網頁之服務品質的衡量,進而改 良網路電視台網頁,因此,本研究採行的研究方法 如下: (1) 網路問卷調查法:本研究係以實際瀏覽網路電 視台網頁之民眾進行網路問卷調查,藉以了 解民眾真正的需求以及與對此網站的主觀感 受,再根據網路問卷調查的結果加以分析與 比較。 (2) 網頁改版製作:針對網路問卷調查的結果,修 正與改良網頁的版面與其內容、功能。

2.

文獻探討 文獻探討

2.1

網路電視之定義

Rick Anderson 認為網路電視(Web TV)是讓 觀看者與電視節目產生雙向性、互動性、即時性以 及方便性。Fred Day 認為網路電視要方便瀏覽、搜 尋、接收,及主動參與視訊節目。 我們可以定義它為先進技術的結合體,可讓電 視收視者擁有更大的控制權,自由決定在何時 (When)觀賞何種(What)影片。在此技術的應 用下衍生出各種服務,計有家庭購物、隨選視訊 (Video on Demand)、遠端教育、電玩、電信服務 等多元化的應用,使得WebTV 是二十一世紀的智 慧社會中最令人期待的綜合型多媒體服務。

2.2

使用者介面探討 將人因應用到產品設計是一種創造合乎人性


需求的技術,著重於產品使用者其主要目的在確保 產品容易使用、學習且具有生產性行為(Rubinstein and Hersh,1984)。一般而言,人類是行為模式中最 複雜的因素,產品必須為不同能力的使用者而設 計,使產品能安全、有效的被使用。因此,產品開 發過程中應考量與使用者有關之限制,如:人類感 覺、知覺、認知的知識以及心智模式等。因此,人 與產品之間的互動關係,都是要讓使用者的心智模 式與產品功能間的差異縮到最小,增加產品實用 性。而在探討操作功能是否合乎人性之前,必須先 瞭解相關產品介面設計的理念與使用者的差異性 等,並以相關文獻作為研究的基礎。 良好的使用者介面,設計者應盡量瞭解使用者 特性與從事設計要因,更要仔細考慮介面上每一個 功能或組件項目的應用。在產品的功能操作,其中 可透過螢幕介面的顯示來完成。而螢幕設計或選擇 視覺顯示時,設計者需注意三個重要考慮因素: (1) 顯示形式(與使用者應知道的資訊有關) (2) 資訊內容及格式(資訊必須被直接使用) (3) 物理特徵(設計特徵、大小、背景亮度或其他 因素) 透過這三個考慮因素,輔助選擇正確的顯示方 式及設計符合使用者操作的預期成果 (Robert,1989)。

界定欲表達的訊息範圍、種類以及項 目、範圍與預期達成的效果及目標等。 (2) 構劃(Architecture): 此階段工作包括選擇適用的資訊內容, 建立整體資訊架構,並決定各項資訊內容擺 置出現的優先次序與位置,進而規劃出各層 資訊互相連結的情況,以及使用的功能效益。 (3)設計(Design): 此階段重點在於資訊的呈現方式,包括 圖像文字的表達方式、色彩的運用、多媒體 效果之設計等,並考量訊息本身表達方式的 適切性,以及使用者介面的需求,最後檢視 定義階段的目標設定與建構階段的相符性。 (4)實作(Implementation): 將前三階段的設計步驟,配合必要的開 發工具,將成果落實在數位媒體上。

3.

研究方法

本章首先針對研究變項進行定義,進而設計網 路問卷的內容,該內容包括探索瀏覽網路電視台網 頁之民眾特性與瀏覽後主觀知覺兩大部分,然後介 紹調查方法,並詳述整份網路問卷調查的流程,最 終說明資料分析的方法。

3.1 研究變項定義 2.3

使用者介面的分類與形式

使用者介面上分為文字、色彩、圖形、聲音等 基本元素,這些基本元素提供使用者足夠的視覺與 聽覺感受,感官上的刺激給予使用者相關的訊息, 以作為操作時的資訊來源,如果沒有這些基本元素 傳遞訊息,使用者將失去要傳達的含意與資訊。如 圖1所示。

(1) 人口資料變數:受訪者的性別、年齡、教育程 度、職業等人口統計變數。 (2) 受訪者瀏覽網頁的型態變數:透過使用網路的 時間、每週上網時數以及瀏覽網頁之目的為 何等以了解使用者的特性。 (3) 受訪者瀏覽網站後的主觀知覺:瞭解網站所提 供之服務內容能否滿足民眾需要、有助民眾 獲得想要的資訊,以及受訪者主觀感覺網頁 需要改進的地方為何。

3.2 網路問卷設計

圖 1、 、使用者介面的基本元素

2.4

網路數位媒體訊息設計過程

Mok(1996)根據電腦媒介訊息的特質與取 向,提出網路數位媒體訊息設計的四個過程如下: (1)定義(Definition):

本研究的問卷內容設計分為三個部分:一為受 訪者的基本資料,以瞭解網路電視台網頁使用者的 特性,共計4 題;二為受訪者實際瀏覽網路及網站 的經驗,以瞭解民眾進入並瀏覽網路電視台網頁的 目的與次數,共5題;三為瀏覽網頁後受訪者的主觀 知覺,除了瞭解受訪者對網路電視台網頁的滿意度 外,還設計了功能需求與介面需求兩個部份,讓受 訪者填寫網頁需要改進的地方,共17 題。在主觀知 覺的衡量上,各類別選項的需求度均以Likert 式五 等量表方式填答。

3.3

網路問卷調查流程

下圖為本研究網路問卷調查之流程:


圖 2、 、網路問卷調查流程圖 以下敘述網路問卷調查各過程內容: (1) 問卷說明與詢問訪客是否同意接受訪問 首先,訪客進入網路電視台網頁瀏覽超過三分 鐘後,網頁會自動跳出網路問卷調查的視窗,該視 窗會呈現簡介約150 字,簡單敘述本網路問卷調查 的目的與整份問卷作答的所需時間,並詢問訪客是 否願意接受訪問,如果點選「願意」則開始問卷填 答,若點選「否」 ,則離開網路問卷系統,並可以繼 續瀏覽網路電視台網頁。 (2) 問卷填答說明 此時,若訪客願意接受訪問,則會顯示問卷填 答說明,包含四大項:研究目的、研究單位、隱私 聲明與聯絡方式。主要告知受訪者本網路問卷調查 的目的是瞭解民眾瀏覽網路電視台網頁的情形與意 見,進而作為網路電視台網頁改版的主要建議。並 且讓受訪者瞭解本研究的單位,說明參與本網路問 卷調查應有的隱私保障,絕不外洩受訪者資料,而 受訪者所作答的問卷內容也僅供研究使用,絕不他 用,藉此讓受訪者可以安心填答問卷,減少爭議的 發生。最後,提供受訪者對於網路問卷內容或研究 內容相關問題之諮詢管道,主要提供研究者的電子 郵件信箱,以作為聯絡之用。 當受訪者閱讀完此網路問卷填答說明後,點選 「下一步」按鈕,就會進入本網路問卷調查的主要 內容部分。 (3) 開始問卷填答 本問卷填答主要分為以下三大部分: A. 受訪者的基本資料 第一部份為基本資料的填寫,其內 容包括:性別、年齡、教育程度與職業, 以了解受訪者的特性。 B. 受訪者實際瀏覽網路及網站的經驗 其內容包含:受訪者使用網路的經 驗、平均每週上網時數、每次上網時間之 時段、瀏覽網路電視台網頁之目的與平均 每週造訪網路電視台網頁的頻率。 C. 瀏覽網頁後受訪者的主觀知覺。 首先詢問受訪者是否同意網路電視 台網頁提升網站服務品質,並給予下列問 卷調查中之功能需求與介面需求上各個 要項的重要度評分,以下列出功能需求與 介面需求的各個要項: a. 功能需求要項:

功能需求分為以下九要項:氣象、 即時的重要新聞標題與內容、網頁中顯 示時間、選項分類、查詢功能、政府政 令、節目時間表、新片介紹、介紹本週 南瀛人文風情(小吃、特產、旅遊景點等) b. 介面需求要項:  網頁風格: 除了對網頁風格給予重要度評分 外,還讓受訪者針對以下不同種類的風 格形式,選出最喜愛與希望在網路電視 台網頁裡呈現的頁面背景,分為科技時 尚感、濃厚的南瀛風味、溫馨可愛、簡 單樸實、其他。  線上直播畫面  自行改變網頁背景顏色  個人化音樂選設 D. 顯示致謝之語 當受訪者完成整份問卷後,將會顯示10秒的致 謝之語,以表達對受訪者的感謝。10秒後若受訪者 沒有關閉視窗,系統將自動關閉,網路問卷調查結 束。

3.4

調查方法

調查對象為瀏覽網路電視台網頁之訪客,母體 為曾經瀏覽過網路電視台網頁之民眾,抽樣方式採 取便利抽樣(Convenience Sampling),以自願填答 的方式讓訪客填答問卷,以進行樣本選取。本研究 之網路問卷調查於2007年7 月17 日正式上線供受 訪者填答,7 月31 日結束網路問卷調查,歷時15 天,調查期間共有386 位受訪者填答本問卷,經整 理後剔除重複填答與作答不完整者共109 位,完整 將問卷填答完成之有效樣本數為277 份,問卷回收 率為71.76%。

4.

網路問卷資料分析

4.1

基本資料統計分析

敘述性人口變數資料分析,主要目的在探知所 選取樣本的性質與分佈狀況是否具有代表性,資料 結果顯示,參與本研究的樣本中,男女比例幾近半 數,男稍多於女,佔52.3 %;年齡則以16-50 歲年 齡層最多,佔89%;教育程度的分布以大學人數最 多,佔54.9%;網站使用者以在職工作者為主,佔 80.9%,而職業別則以科技資訊業、公務人員與學 生人數最多,分別佔14.4%、23.5%、19.1%。

4.2

使用網路之特性統計

經由下表變數調查出訪客在使用網路上的特 性,資料統計後得知使用網路對訪客來說已是非常 普遍,使用網路長達4年以上的訪客佔了80.2%,而 且每週上網時數超過11小時的比率高達97.1%,至 於上網的時間除了深夜的0點到6點較少數之外,其


他時間皆有30%左右的訪客在上網,而訪客瀏覽網 路電視台網頁之最大目的為線上收看公共電視台節 目與有關台南縣文化之相關活動影片,分別佔了 44%與38.3%。

4.3

受訪者瀏覽網站後的主觀知覺

本研究將透過此部分統計之資料,改良既有之 網路電視台網頁,以達到服務的精神、便民之目的。 統計結果顯示73.3%的高比率訪客同意要提升 網路電視台網頁之品質,另外26.7%中的10.1%訪客 則表示害怕網頁改版後還要花時間去適應新的瀏覽 方式,因此本研究在改版上則更加注意版面的設 計,將以大方簡潔的區塊來區隔,以視覺角度出發。 用大塊面的影像替代文字,讓訪客在瀏覽網頁時更 加的舒適與喜歡。 表4與表5是探討訪客對瀏覽網路電視台網頁 時較注重之功能項目為何。

級人數)/ 總樣本數,本研究樣本數為277。因此, 平均值應介於1~5 之間,平均值愈接近5,表示需 求度愈高,反之則越低。各類別選項排名是根據平 均值由高至低排序。 本研究將以平均數3 為標準線,挑出平均值大 於3 的功能因素,然後加入改版網頁中,由表四可 知節目時間表、介紹南瀛人文風情與選項分類三項 功能因素最重要,重要度約4,次重要之功能因素為 新片介紹、查詢功能、即時的重要新聞標題與內容, 重要度皆在3.5 以上。由表五可知線上直播畫面舒 適度與網頁風格最為受訪者重視,因此,本研究將 透過表六的統計分析得知訪客最希望的網路電視台 網頁風格為何。 最後,由問卷調查中得知受訪者絕對的希望改 版後網頁風格能瀰漫濃厚的「南瀛風」 ,比率佔 74.4%,次高為科技時尚風,佔15.5%。

5. 表 1、 、網路電視台首頁功能對 網路電視台首頁功能對於 功能對於訪客瀏覽的重要 訪客瀏覽的重要度 的重要度 變數名稱 節目表 介紹本週 南瀛人文 風情 選項分類 新片介紹 查詢功能 即時新聞 政府政令 網頁中顯 示時間 氣象

非常 重要 159

重 要 93

普 通 25

不 重要 0

非常 排 平均值 不重要 名 0 4.48 1

103

134

38

2

0

4.22

2

101 72 62 42 9

94 96 81 115 60

58 81 112 73 143

19 25 20 38 57

5 3 2 9 8

3.96 3.75 3.65 3.52 3.02

3 4 5 6 7

0

48

102

101

26

2.62

8

2

10

74

148

43

2.21

9

網頁改版實作 網頁改版實作

有鑑於瀏覽網路電視台網頁之網路族群年齡 層居於十六歲至五十歲為大多數族群,且本網路電 視台網站之功能在於提供休閒、娛樂、觀光、視覺 影像設計為主軸;因此,在風格頁面設計上,以大 方簡潔的區塊來區隔,並採視覺角度出發。以大塊 面的影像替代文字,整體風格更有焦點,更具有吸 引���。色彩運用上,採用較沈穩中的色彩來突顯影 片畫面,整體保有年輕、活潑的調性。

5.1 主要網頁架構

表 2、 、網路電視台首頁介面對於 網路電視台首頁介面對於訪客瀏覽的重要度 訪客瀏覽的重要度 變數名稱 直播畫面 舒適度 網頁風格 個人化網 頁背景音 樂選設 自行改變 網頁背景 顏色

非常 重要

重 要

普 通

不 重要

非常 不重要

平均 排 值 名

146

111

20

0

0

4.45

1

123

138

15

1

0

4.38

2

13

31

88

75

70

2.43

3

6

27

87

66

91

2.25

4

調查結果統計方式採「選項等級加權計分」 , 「非常重要」為5 分、 「重要」為4 分、 「普通」為3 分、 「不重要」為2 分、「非常不重要」為1 分,各 個類別選項平均值的計算方式:Σ(各等級 * 該等

圖 3、 、網路電視台網頁之主要架構

1.

2.

網路電視台架構主要分為六個部份 活動訊息:此區張貼政府政令與相關公告、即 時的新聞標題、縣府承辦之相關活動與特屬南 瀛地方景觀之廣告分欄,使訪客在瀏覽本區 時,能在第一時間得知天下事。 關於 WEBTV: :「台南縣網路電視台」於 94 年 1 月 1 日正式開播,是全國首創的官方網路 電視台,縣長蘇煥智希望平衡城鄉資源的差 距,開創一個新平台整合台南縣人文、地景與 影像等資源,因此建構「台南縣網路電視台」, 不僅讓台南縣電子化政府理想實現,也讓縣民


3. 4.

5.

6.

透過此平台了解故鄉之美,更透過網路的無遠 弗屆,向全世界發聲「南瀛的美麗與富足」。 南瀛報報走透過:存放縣長歷年政績與排程, 使民眾知道台南縣目前的發展與規劃。 精選節目:此區結合娛樂與資訊兩大重點,將 有關台南縣觀光旅遊、著名的生態保育、科技 化、農漁產業、藝術、過時之台南縣公共電視 台節目內容等,依照相關性分類項目放在此區 分頁,讓民眾可以 24 小時依照喜好點選收看。 影音部落格:此部落格的功能是跳脫過去民眾 被動接受節目的框架,增加在地聲音發聲的功 能,讓民眾可以將自己動手製作的節目或紀錄 片上傳,在網路電視台上播出並讓瀏覽者參與 票選、評論、發表意見等的互動功能。 節目表:新增台南縣公共電視台第 3 頻道與網 路電視台整日節目表及本月新片介紹。

類似電視台開播之畫面

圖 5、 、網路電視台網頁之起始化畫面

台南縣網路電視台標誌

5.2 首頁動畫流程 圖4為網路電視台首頁動畫流程:

略過動畫之按鈕 圖 6、 、網路電視台網頁之動畫過程

接著,用電視牆之風格顯示南瀛之美作為版面 設計,豐富及色彩鮮明的影片能吸引造訪者的目光 (如圖7),動態影片結束後,即進入網路電視台首 頁,訪客可依循喜好觀看網站內容。

圖 4、 、網路電視台網頁之開頭動畫流程圖 網頁選項欄目 網路電視台網頁主要以影音視訊為主軸,因 此,如圖5所示,首頁一開始是一段動畫,以「類似 電視台開播之初始狀態」引領受訪者進入南瀛世 界。一秒後,漸漸的呈區塊性消失,並於最上方橫 軸顯示台南縣政府網路電視台之標誌,如圖6所示。

呈現電視牆風格

網頁風格之主題

圖 7、 、動態網頁- 動態網頁-生活休閒

5.3 1.

網站頁面風格 首頁風格 台南縣網路電視台網頁主要目的以影音 視訊為主軸,讓台南縣民多一管道認識了解 台南縣的風土民情,於是在設計首頁(如圖8)


風格上便呈現多樣化的南瀛美景,首頁上方 橫軸列出六大項目類別,訪客可以依據喜好 點選項目以得到所需資訊。

6.

結論

6.1

研究限制

本研究在實證過程中可控制的範圍內力求 完整與嚴謹,以確保研究結果的客觀性,但乃存 在抽樣上之限制,本研究主要採取自願性質的網 路問卷調查,透過既有的網路電視台首頁問卷調 查按鈕,使民眾點選與參與填答,此種便利樣本 的取樣方式,在樣本的選擇上無法達成真正的隨 機,因此樣本本身的代表性可能有所偏誤,進而 導致研究結果的偏差。

6.2 圖 8、 、網路電視台首頁 2.

影音節目網頁風格 網路電視台網頁在影音部落格與精選節 目中,依照不同主題塑造南瀛風情特色,讓 整體網頁版面看起來更清楚明瞭與舒服,使 訪客喜歡停留,並且播放不同的影片主題就 更換不同的背景圖片,營造網頁瀏覽新鮮 度,令人流連忘返。 本研究列舉兩張視訊網頁圖示,圗9為播放 精選節目區之精選南瀛影片時之網頁版面風格, 圖10則是顯示精選節目區裡提供不同功能選項之 網頁,並詳細介紹影片長度、內容簡介與人氣指 數,使訪客對於此區資訊一目了然。

結論

經由網路問卷資料分析後,改版後網頁有別於 既有網頁的最大不同點為: 1. 活化網站頁面設計: 本研究新增動態網頁背景,以南瀛各地 區觀光景點(如八角樓等)、著名的生態保育區 (如虎頭埤保育區、七股保育區—黑面琵鷺棲 息地等)、特屬台南縣優質農業產品(如麻豆文 旦、虱目魚等特產)與文化藝術等影片,作為 本研究建構網頁時加入人文氣息之方法,使 整體瀏覽網頁時,能迅速且深刻的享有視覺 上南瀛之美。 2. 充實網站功能、提供豐富資訊: 本研究依據問卷調查後之結果,在改版 的網頁中充實網站功能與提供更多資訊,例 如在特選節目中,加入個人化服務的隨選視 訊,以往網路電視台網頁僅是直播台南縣公 共電視台的節目,現在透過線上影音網頁資 料庫的增大,訪客可在任何時間觀看喜愛之 節目。而新聞標題與活動訊息的建立,讓台 南縣民能在第一時間得知天下事,以及迅速 的知道縣府所承辦的各項活動。

7.

參考文獻

圖9、 、播放影音視訊之網頁

圖10、 、網路電視台之影音部落格網頁

(1) 期刊:李世忠,「使用者介面的探討」,《視聽 教育月刊》,第135期,第49-57頁(1993) (2) 期刊:李雪津,「推動電子化/網路化政府,創 造競爭優勢」,《研考報導》,第42 卷,第24-34 頁(1998) (3) 期刊:陳啟光、鄭傑升、王國明,「電子化政府 推動成效評估量表之建構—民眾主觀認知構面 之探討」,《中國工業工程學刊》,第19 卷, 第2 期,第39-52頁(2002) (4) 學位論文:陳隆昇,「互動電視服務的發展趨勢 與機會」,碩士論文,國立交通大學科技管理研 究所 (1997) (5) 學位論文:賴雅芹,「台灣地區互動電視產業發 展現況之研究」,碩士論文,國立臺灣師範大學


圖文傳播學系 (2001)


台南縣政府網路電視台網站