亞東技術學院之學生入口網站介面設計與探討

10  Download (0)

全文

(1)

亞 東 技 術 學 院 * 作者為亞東技術學院行銷與流通管理系助理教授。 ** 作者為亞東技術學院行銷與流通管理系學生。

亞東技術學院之學生入口網站介面設計與探討

黃斐慧

*

王珮怡

**

連秋琇

**

陳麗芬

**

蔡佩怡

**

丁祚崴

**

摘要

隨著資訊科技快速發展,網際網路儼然成為重要的資訊傳遞工具,校園電子化(E 化)的概念亦受到管理階 層的重視,近年來所有大專院校都不斷地建立網路資訊平台,對此,本研究針對亞東技術學院所提供的資訊服 務網進行探討,經由大量問卷與訪談方式來取得學生的使用評量及相關需求。整合量化與質化研究結果,應用 於使用者中心概念,構思出一套符合學生需求的網頁介面設計,其大致包含動態資訊呈現、生活小幫手、心情 便利貼、線上教學等功能之提供,預期達到輔助學生即時取得重要資訊及提供良好使用者間互動之需求,以及 資訊服務系統的最大效用。 關鍵詞:大學入口網站、使用者中心設計、使用者介面

前言

隨著網際網路的盛行,全球資訊網(World Wide Web; WWW)近年來已成為各行各業的最愛,不僅使用者日 增,網站亦如雨後春筍般的成長,由於全球資訊網系統遍及全世界,內容包羅萬象,故資訊的提供與傳送是最 直接的應用。伴隨著網路使用者族群的增加,研究的層面亦慢慢地著重於單一使用者與電腦的互動關係 (User-Computer Interaction),同時整合各方需求與技術面考量來進行系統設計(如:Spink and Saracevic, 1998)。 最後,學者研究的方向隨著人們使用全球資訊網的溝通管道多元化及模式增加,群體間的互動關係(Web-based group interaction)亦隨之受到重視(如:Bilal, 2000; Schmidt, et al., 2000)。

有鑑於時代進步,人們的需求隨著科技、知識、經濟等發展也有所變化,在資訊無國界的情況之下,每個 國家的成長速率大大增加,新知識、新科技、新能力的掘起與學習,也造成學子們不但要多元化學習、接受新 知識,更要同步適應社會脈動。校園電子化(E 化)/數位化教學的概念受到管理階層的重視,近年來所有大專院 校都不斷地建立網路資訊平台,以學校為中心的設計,將校園內的四大元素連結起來(包含學習者、課程內容、 教學者、學校),以達到彼此間互動為目標。將網路應用當成是教育工具,不但可以提供學生學習興趣及全新經 驗,也給予教師全新的教學環境(Khan, 1997)。然而,建構的系統是否真正符合使用者的需求而設計,且受到主 要使用族群學生們的愛用,才是發揮此一系統提供的效能來源,對此,本研究規劃一系列的問卷設計與使用者 訪談的方式來取得學生族群對於校園資訊網的實際需求與預期,並提出一符合年輕族群需求與預期的介面設計 概念。

(2)

壹、文獻探討

隨著科技變化的腳步,人機互動(Human-Computer Interaction; HCI)的相關研究更顯重要,此一研究理念主 要著重於互動這一塊,其間,關係者(participant)、意圖(purpose)及界面(interface)三大元素於系統設計上亦不可 或缺 (Spink and Saracevic, 1998)。針對線上互動環境的議題,不少研究著重於發展網路討論之功能,讓使用者 透過系統提供的功能達到參與及提供自我看法等目的(如:Choui et al., 1998; Shibuya, 1997)。一般而言,學習者 能取得良好的學習績效,必須達到學習者間於學習環境之間的互動,然傳統的互動受限於時間與地點的限制, 來取得學習者面對面的交流;而網路學習環境,若能提供易於使用、進入、交流等功能才能達到最好互動關係, 互動績效的優劣探討,“介面設計”則扮演著很重要的角色(Lohr, 2000)。為了讓介面設計達到初學者易於使用的 理念,介面的發展階段由指令化介面至圖示化介面,進而考量人類感官形態(視覺、聽覺、觸覺)的潛在力量(Jacob, et al., 2007; Obrenovic & Starcevic, 2004; Wyard & Churcher, 2000),隨著介面的發展慢慢著重使用者需求層面, 人因工程的系統設計依據使用者中心(User-centered)為主的概念更顯得重要。此一設計概念大多應用於新系統開 發,設計之初必須先明確定義出使用者的族群,進而了解使用者對於系統的需求、使用行為特色,以確保資訊 完整及易於取得(Bishop & Starr, 1996)。依使用者需求了解去設計符合使用者的網站設計,可以達到使用性、節 省時間、便利性,讓使用者容易取得資訊。如今,網路已和人們的生活息息相關,許多網站的內容多樣化,滿 足了不同使用者的需求。為了達到全球資訊系統的功能應用,讓使用者可以取得所需資訊,首先,必須了解操 作者於網路上的任務需求,如:使用者上網的目的,上網都做些什麼,整合的應用或電腦溝通系統…等(Wang et al., 2000)。 現今,不論是個人、團體或公司等都可以去架設自己的網站,而這些網站和綜合性的入口網站或有內容類 的網站,為組織與使用者等的媒介,每一個組織網站都具有更多與傳統媒體不同的特徵和特性,這些特徵決定 了網頁設計的形式和使命,它的意義與傳統媒介的「設計」截然不同。網站的設計是組織在網路世界中的識別 標誌,故組織的形象有賴於良好的網頁介面設計,藉此建立良好的品牌、得到完整及優良的使用經驗、造成消 費者的回饋、提高使用者流量。所以網站的設計是非常重要的,要設計一個好的網頁介面設計就必須要根據使 用者介面的 8 個基礎來建構網站,分別為基模(context)、內容(content)、社群(community)、客製化(customization)、 溝通(communication)、連結(connection)、商務(commerce)、協調(Coordination) (黃士銘等人, 2008)。另外,人因 工程界面設計標準而言,可以參照 ISO 9241 的設計原則,首先必須考量人機互動的設計活動及標準,以達到系 統可用性(Usability)的設計需求(Stewart, 2000)。 亞東技術學院於 2007 年開始實施校園入口網站的使用,讓學生、老師以及行政單位可透過網路傳達各項資 訊如:最近消息、成績登錄與查詢、缺曠課…等,以提高彼此間互動績效。為了解學生使用族群對於此一入口 網站的滿意度與使用情況及意見調查,進而規劃符合使用者需求之介面設計為目的,本研究採用了二階段式的 調查方式。第一階段為透過設計之問卷進行大量發放與回收來取得初步的回饋,第二階段則針對初步結果進行 訪談問項設計並隨機抽訪各系所、年級的學生來取得更深入的結果探討,其詳細說明如第貳、参章內容所示; 第肆章則是針對調查結果顯示與分析,進行使用者中心的介面設計與圖示化說明;最後,第伍章說明本研究之 主要發現與結論。

貳、問卷設計與分析

(3)

及滿意度情況;第二部份則用以調查本研究人員所提出應附加的八大網頁功能對於學生而言其重要度比值;最 後第三部份為受訪者的各項基本資料(詳細內容請參照附錄)。本問卷調查之對象為亞東技術學院學生,採用不 計名方式填寫,共發放 400 份問卷,其中 27 份為無效問卷,其中男生佔了 185 份,女生佔了 188 份,有效問卷 數為 373 份。首先透過信度分析發現,總量表的信度係數為 0.7729,所以這是屬於一份信度佳的問卷。其它統 計分析結果如下章節討論之。 二、問項分析 本節之問卷分析包含問卷第一、二部份的敘述統計與分析結果,與第一、二部份問項對於第三部份基本資 料的交叉分析,詳細內容分述如下各分節示之。 (一) 敘述統計 首先透過敘述統計進行第一部份及第二部份之問項分析,以了解亞東學生對於學校網頁系統功能及本研究 提出的附加功能的重要度(1=非常不重要;2=不重要;3=尚可;4=重要;5=非常重要)與滿意度(1=非常不滿意; 2=不滿意;3=尚可;4=滿意;5=非常滿意)探討。第一部份分析方式則是根據重要度數值較高和滿意度數值較 低的原則來排序各項功能,前面三個功能的排序分別為:(1)教學下載,其重要度為 4.01(SD 0.82)滿意度為 3.61(SD 0.85);(2)作業管理,重要度為 4.01(SD 0.79)滿意度為 3.67(SD 0.85);(3)成績查詢,重要度為 4.21(SD 0.80)滿意 度為 3.69(SD 0.86)。研究結果發現學生對於現有功能的滿意程度偏高,但對於教學下載、作業管理、成績查詢 三大功能要求偏高,主要是因為三大功能直接影響著學分取得。另外,針對附加的八大功能之重要度探討分析 中發現,學生認為重要性較高的前三功能依序為:(1) 生活小幫手,其重要度為 4.03(SD 0.86);(2)線上教學, 重要度為 3.93(SD 0.68);(3) 心情便利貼,重要度為 3.77(SD 0.85)。 (二) 交叉分析 問項的第一、二部份與受試者基本資料「性別」、「年級」、「學群」以及「上網頻率」各變數之間的關聯性, 透過交叉分析來取得了解。首先針對第一部份網頁提供的功能進行分析,發現具有顯著關連(P 值小於 0.05)的功 能與受訪者特性分述如下:  不同「學群」與「上網頻率」的學生對於「最新消息功能」的重要度評量有顯著性的關連;  不同「學群」與「上網頻率」的學生對於「課程內容功能」的重要度評量有顯著性的關連;  不同「年級」與「學群」的學生對於「教學下載功能」的重要度評量有顯著性的關連;  不同「上網頻率」的學生對於「課程內容功能」的滿意度評量有顯著性的關連;  不同「年級」、「學群」與「上網頻率」的學生對於「學生清單功能」的滿意度評量有顯著性的關連;  不同「上網頻率」的學生對於「問卷評鑑功能」的滿意度評量有顯著性的關連; 第二部份本研究所提出的八大附加功能進行分析,發現具顯著關連(P<0.05)的功能與受訪者特性分述如下:  不同「性別」的學生對於「線上教學功能」的重要度評量有顯著性的關連;  不同「上網頻率」的學生對於「熱門連結功能」的重要度評量有顯著性的關連;  不同「學群」的學生對於「生活小幫手功能」的重要度評量有顯著性的關連; 學生對於網頁功能的需求與預期會隨著年級與上網頻率的使用習慣受到影響,同時,對於課程設計與各系 風格亦影響著學生對於校園電子化系統的重視程度,對此,為了取得更細部的分析結果,本研究將第一階段問 卷設計與分析的經驗與結果應用於接下來第二階段的訪談問項設計之中。

(4)

參、訪談設計與分析

依據第一階段問卷設計與分析結果,進行下一階段的面談設計,其首要設計則是針對學群與上網頻率進行 篩選,預期取得平均分配於此二個變數的受訪資料,問項的設計部份則以取得受訪者使用學校個人系統的頻率 與原因、經常使用的網站與原因、預期個人系統提供的額外功能、以及校園互動功能的需求建議。訪談問卷份 數共計 64 份,其中以管理、醫護、工程、電通系所各分發放 16 份,其分析結果之總表如表 1 所示。針對學生 使用個人系統的原因和第一階段的結果一致,學生著重於課業相關的功能並影響著使用狀況;不使用網頁系統 的原因則是認為資訊量不足,沒有固定登入學校個人網頁的習慣;而較常登入網站前三名分別為:無名小站、 Yahoo 以及 Google,主要的原因來自於實用、休閒以及網友互動的功能;為了讓學校提供的電子化系統更具實 用性,學生建議提供外部連結、線上教學、線上遊戲等功能;最後,針對互動功能的部份,學生亦提出留言板、 討論區及即時通訊等附加功能的建議。 表 1 訪談問卷分析結果總表 使用學生網頁系統的原因 1. 查詢成績 (24%) 2. 考試及作業資訊(22%) 3. 出缺勤狀況 (13%) 不使用學生網頁系統的原因 1. 資訊量不足 (17%) 2. 系統不穩定 (12%) 3. 沒有時間 (6%) 平常愛用的網站 1. 無名小站 (42%)  朋友與自己的使用比例高 (74 %)  心情分享 (18%)  照片分享 (7%) 2. YAHOO 奇摩 (32%)  設為首頁 (47%)  即時新聞 (14%)  電子信件 (14%)  拍賣 (23%) 3. GOOGLE (17%)  方便查詢資料 (100%) 學生入口網站應額外增加的功能 1. 外部連結 (28%) 2. 線上教學 (28%) 3. 小遊戲 (15%)

(5)

1. 留言版 (45%) 2. 討論區 (21%) 3. 即時通訊 (21%)

肆、結果與介面設計建議

經由二階段調查結果發現亞東技術學院的學生使用學校網頁系統的主要原因為學業需求上的實際資訊取 得,但由於現有網頁功能所提供的休閒、娛樂與互動性的不足,學生並不會於固定時間登入並應用此網頁,針 對以上學生主要需求的取得,於介面設計之初,為更加了解使用者的網站應用喜好與習慣,深受青少年喜愛的 熱門網站分析如下分述之:  無名小站:它提供了使用者一個可以抒發情緒的地方,功能包含相簿、網誌、留言、名片、找朋友、 誰來我家、以及最新的 digo(嘀咕),讓使用者可以在相簿放自己最滿意的照片或是生活點滴的照片與朋 友及不認識的人共同欣賞,而網誌則是可以讓使用者寫自己所發生的點點滴滴,讓同好者及朋友可以 作互動、回應、或者與網友們分享好的文章,讓有志一同的人互相發表自己的心得。  Yahoo:此為台灣網友設為入口網站的龍頭,它提供了許多功能包含資料查尋、即時新聞、電子信箱、 部落格、以及購物中心。當使用者不看電視、不聽廣播或不與人接觸時,常常將網路當成生活部份的 主要模式。  Google:以學生而言,使用此網站的主要原因來自於它的強大資料搜尋功能,方便作業或學習的完成。 整合以上結果與分析,本研究將設計一系列的介面雛型以改良現有的校園個人 Portal 系統。亞東學生網頁 的介面設計,相較於熱門網站與學生需求而言,其版面設計呆板不具吸引力(如圖 1 所示),對此。本研究的介 面設計概念,以學生需求性較高的四大主要設計進行細部說明,內容分述如下所示:  首頁設計:以 flash 動畫呈現加強活潑化效果,並提供學生需求之各項功能,同時於介面上方附加一 個留聲機功能,讓使用者可以立即看到自己與任何指定用者的線上對話 (如圖 2 所示)  生活小幫手設計:有鑑於亞東資訊網的功能設計上並沒有提供任何即時功能,告知學生系統資訊的更 新(如:行政單位或老師張貼或登錄的各項消息),造成許多學生錯過最新消息。對此,本研究構思出一 套生活小幫手的設計概念,讓學生可於系統功能選項中開啓此一功能,並且選擇喜愛的小幫手造型, 提供時下最熱門的熊貓圖案(團團與圓圓)以及辣妹或猛男供學生選取(如圖 3 所示),如此一來,學生 只要連上網際網路,生活小幫手即出現於桌面上,同時告知最新消息或重要資訊,輔助學生不會錯過 任何學校重要資訊(如圖 4 所示)。  心情便利貼設計:便利貼的圖形設計以讓使用者可一目了然為主,讓學生分享彼此之間的心情訊息, 當使用者點選各張便利貼時,完整的內容資訊將會透過一新視窗呈現完整內容(如圖 5 所示)。  線上教學介面設計:介面以學生熟悉的黑板背景呈現之,讓使用者易於融入所設計的情境之中,於黑 板上取得課業上的問題解答(如圖 6 所示)。

(6)

圖 1 亞東技術學院資訊網介面 圖 2 活潑化首頁介面設計

圖 3 生活小幫手介面設計 圖 4 生活小幫手於桌面呈現

圖 5 心情便利貼介面設計 圖 6 線上教學介面設計

伍、結論

本研究以使用者中心概念為出發點,透過大量問卷及訪談的階段式調查,取得主要使用族群”學生們”對於 現階段亞東技術學院所提供的電子化資訊服務系統之評量,以及使用者的需求與預期等結果,發現其網路資訊 網並不符合學生所著重的即時資訊取得之輔助功能、同儕溝通與互動功能與年輕化介面設計等要求。對此,整 合量化與質化研究結果,提出一套符合學生需求的介面設計概念,其中包含了動態資訊呈現、留聲機、生活小

(7)

參考文獻

Rayport, J.F. & Jaworski, B.J. (黃士銘、洪育忠、傳新彬譯),《電子商務概論第二版》(美商麥格羅‧希爾行銷系 列叢書,2008),頁 189-192。

Bilal, D., “Children’s use of the Yahooligans! Web search engine: cognitive, physical and affective behaviors on imposed fact-driven search tasks”, Journal of the American Society for Information Science, 2000.

Bishop, A. & Starr, S.L., “Social informatics of digital library use and infrastructure”, In M.E. Williams, Annual review

of information science and technology, Medford, NJ: Information Today, 31, 1996, 301-401.

Choui, M., Kuwana, G., Shibuya, Y. & Tamura, H., “Network support for imaginative communication in technological systems and advanced societies”, Proc. The 7th IFAC Symposium on Man-Machine Systems, 1998, 585-590.

Jacob, R., Girouard, A., Hirshfield, L.M., Horn, M., Shaer, O., Solovey, E.T. & Zigelbaum, J., “CHI2006: What is the next generation of human-computer interaction”, Interactions, 14(3), 2007, 53-58.

Khan, B.H. (Ed.), Web-based instruction, Englewood Cliffs, NJ: Educational Technology Publications, 1997. Lohr, L.L., “Designing the instructional interface”, Computers in Human Behavior, 16, 2000, 161-182.

Obrenovic, Z. & Starcevic, D., “Modeling multimodal human-computer interaction”, IEEE Computer Society, 2004, 65-72.

Obrenovic, Z. & Starcevic, D., “Modeling multimodal human-computer interaction”, IEEE Computer Society, 2004, 65-72.

Schmidt, K., Manhart, P. & Bumiller, J. A., “Generic system for web-based group interaction”, Proceedings of the

Hawaii International Conference on System Sciences, Collaboration Systems and Technology Track, 1(1), 2000,

545-554.

Shibuya, Y., Kuwana, G. & Tamura, H., “Teaching information literacy in technical courses using WWW”, Advances in

Human Factors/Ergonomics, 21B, 1997, 723-726.

Spink, A., & Saracevic, T., “Human-computer interaction in information retrieval: Nature and manifestations of feedback”, Interaction with Computers, 10, 1998, 249-267.

Stewart, T., “Ergonomics user interface standards: are they more trouble than they are worth?”, Ergonomics, 43(7), 2000, 1030-1044.

Wang, P., Hawk, W.B., Tenopir, C., “Users’ interaction with world wide web resources: an exploratory study using a holistic approach”, Information processing and management, 36, 2000, 229-251.

Wyard, P.J. & Churcher, G.E., “All channels open-multimodal human/computer interface”, BT Technol J., 18(1), 2000, 35-38.

(8)

A case study of student web portal interface design at the Oriental Institute of

Technology

Fei-Hui Huang

*

Pei-Yi Wang

*

Qiu-Xiu Lian

*

Li-Fen Chen

*

Pei-Yi Cai

*

Zuo-Wei Ding

*

Abstract

There are more and more universities providing web portals to administrative staff, teachers, and students, raising user interaction, working/teaching/learning performance, information exchange, and so on. However, most of the academic web-based systems have been designed without taking into account users’ experiences and needs. The academic web portal system at the Oriental Institution of Technology, Taiwan was researched in this study. A questionnaire and an interview survey were conducted to obtain students’ needs and expectations. The results of the survey provided the functional requirements of the student web portal, including dynamic information, online assistant, e-messaging, e-learning, etc. Based on the functional requirements gathered, web portal interfaces were designed with the expectation of providing real-time information and enhanced user interaction to students.

(9)

附錄

問卷設計 親愛的亞東同學您好: 這是一份針對「師生互動網」為研究對象之問卷,目的是了解學生心中對於師生互動網之看法及使用網路的 頻率等,希望能透過您寶貴的意見,讓我們能更了解學生心中對於師生互動網所重視的功能是什麼,以作為 我們設計這個師生互動網網站的依據。本研究採不記名方式作答,所得到之結果僅作學術用途,您的寶貴意 見將對本研究之研究成果具決定性之影響,請您安心作答。我們非常感謝您的合作與支持,最後祝您身體健 康,萬事如意! 亞東技術學院行銷與流通管理系 指導老師:黃斐慧老師 學生:蔡佩怡、王珮怡、連秋琇、陳麗芬 敬上 同學您好!我們現在在作一個關於師生互動網的網站,可以讓學生和老師及學生和學生間作互動,以及讓 你可以在課堂之餘可以復習。師生互動網共分成八個功能,包括了線上教學、錄音功能、熱門連結、投票區、 聊天室、心情便利貼、小遊戲、生活小幫手。以下問題,我們需要您寶貴的意見。 第一部份:現階段以亞東 portal 入口網站裡的學習檔案(個人課表)為主,請針對以下的功能一系列的回答。 重要度之分析 滿意度之分析 非 常 重 要 重 要 普 通 不 重 要 非 常 不 重 要 非 常 滿 意 滿 意 尚 可 不 滿 意 非 常 不 滿 意 1. 最新消息           2. 課程內容 (課程大網介紹)           3. 教學下載 (提供上課資料)           4. 作業管理 (上傳作業)           5. 成績查詢           6. 學生清單           7. 出缺勤           8. 問卷評鑑          

(10)

第二部份:針對我們所提供附加功能的師生互動網,請回答一系列的問題。 其他意見: 第三部份: 1. 你的性別?  男 女。 2. 你目前就讀幾年級?  大一 大二 大三 大四。 3. 你就讀什麼學群?  管理學群  工程學群  醫護學群  電通電群。 4. 平均每天上網頻率?  都沒有  1 小時以下  1-3 小時  3-5 小時 5 小時以上。 重要度之分析 1. 線上教學(影音教學、白板功能) 非 常 重 要 重 要 普 通 不 重 要 非 常 不 重 要      2. 錄音功能(單純音效檔,供學生下載)      3.熱門連結(YAHOO、OIT、GOOGLE、無名)      4.投票區      5.聊天室(線上課業討論)      6.心情便利貼(提供二方及多方面留言及溝通的橋樑)      7.遊戲連結(熱門線上遊戲及 FLASH 小遊戲)      8.生活小幫手(進入網站後提供最新消息)     

數據

Updating...

參考文獻

相關主題 :