研究設計

本研究設計以實驗研究法為主，實驗設計採「不等組前後測設計」，將人數隨機分為 兩個對照組與實驗組，其實驗設計圖示如表3-1。

表 3-1 實驗設計表

組別 前測 實驗處理 後測

對照組ㄧ O1 X1 O2

對照組二 O3 X2 O4

實驗組 O5 X3 O6

O1, O3, O5：學習認知成效量表前測 O2, O4, O6：學習認知成效量表後測

X1：矩陣式介面；X2：條列式介面；X3：綜合式介面

1. 前測

實驗處理前，分別對實驗組與對照兩組進行「無所不在旅遊英語學習系統學習認知 成效評量表」施測，得到前測的分數，以瞭解三組學生在進行實驗前的學習認知水 平有何差異性。

2. 實驗處理：

對照組ㄧ接受矩陣型介面的學習方式，對照組二接受條列式介面的學習方式，實驗 組進行綜合型介面的學習方式。

3. 後測：

在學習活動後，對實驗組與對照兩組的學生在進行「無所不在旅遊英語學習系統學 習認知成效評量表」施測，得到後測分數，以瞭解介面是否對學習認知成效有顯著 影響。此外，為瞭解學習者之學習認知成效是否受性別與社經地位的影響，分別對

此兩項因素做深入探討。

二、系統架構

本研究旨為建構一套能提供中高齡者無所不在的學習環境下的旅遊英語學習系統，

在系統中的功能選項與導覽資訊皆以中英雙語呈現，使中高齡者在學習操作上更容易融 入。主要的功能規劃可分為兩大部分：使用者端與管理頁面端。在使用者端中分別提供 三種學習選單介面(矩陣式、條列式與綜合式)，並藉由無線網路來與管理頁面端進行學 習資料傳遞；管理頁面端將資料庫內的旅遊英語教材內容，依照使用者需求之學習資訊 由無線網路傳遞回學習者的手機上，圖3-3 為本系統的系統架構圖：

圖 3-3 系統架構圖

三、旅遊英語教材內容描述

第四節 介面設計

分別針對對照組ㄧ、對照組二與實驗組之學習介面進行探討。本研究之實驗設備，採用 觸控式螢幕手機，螢幕尺寸為4.3 吋；學習系統設計工具為 FlashLite 3.0 和 Action Script 2.0。

由於本研究教材內容主要以中英雙語方式呈現，為了減少內文段落分行過多，在螢幕配置上 全採用橫式設計呈現。

一、 對照組介面

目前中文手機顯示介面上最通用的選單可分為矩陣式(Matrix)、條列式(Tree)與翻頁式 (Page-to-page)，其中以矩陣式與條列式的操作效能最好(Zhang et al., 2007)，故本實驗之對照 組ㄧ與對照組二所採用之學習介面為矩陣式與條列式，就其特點說明如下：

1. 矩陣式(Matrix)：功能選項以矩陣方式排列，以圖示為主與文字為輔的形式呈現，使 用者透過水平與垂直2 個軸線移動選框切換選項，如圖 3-4 所示。

¾ 優點：有效率的傳達訊息，除了讓使用者容易記取功能，空間排列的位置也 容易記住，並快速搜尋到功能(何宜澄，2008)。使用者只需透過圖示，即能了 解所使用應用程式之功能意義；可讓使用者快速瀏覽大量文件，幫助使用者 選取所期望的項目。當無足夠空間呈現文字描述時，圖示可簡潔呈現大量的 文件(Benson & Nickell, 2002)。

¾ 缺點：階層數過多，從主選單到特定功能間需要三個階層數以上；使用者無 法瞭解圖示所代表的功能意義，圖形尺寸與附屬描述文字太小，對於高齡使 用者在觀看使用上會產生看不清楚或容易疲倦的狀況。

圖 3-4 矩陣式螢幕選單介面

2. 條列式(Tree)：功能選項以垂直軸向方式排列，顯示所有功能選項的說明文字，以文 字為主與圖示為輔的形式呈現，使用者透過上下移動選框來切換選項，如圖3-5 所 示。

¾ 優點：以文字清晰呈現所有選單功能。

¾ 缺點：階層數過多，增加使用者思考時間；前往不同條列選單都必須回到主 選單，使用者必需悉知所有條列結構下的次要選單，否則無法選取特定功能，

因此在容易造成使用者迷思方向或不知從何著手。

圖 3-5 條列式螢幕選單介面

二、實驗組介面

根據文獻資料中所提到目前高齡者在使用手機上所遇到的問題，以及高齡者在手機介面 設計上的規範與方針。本研究結合矩陣式與條列式介面之優點，就其缺點加以修正適合於中 高齡者所學習使用之介面，以便縮短使用者的學習時間與更易於操作，故本研究實驗設計介 面之優點說明如下：

1. 二階層資料結構設計：縮短中高齡使用者操作時間與思考時間，輕鬆獲取學習內容。

¾ 第一階層：主選單與次選單部份

¾ 第二階層：旅遊英語教材學習內容部份 2. 不同圖層採用不同選單介面：

¾ 第一階層：文字為主與圖示為輔，讓中高齡使用者能清楚每個學習選單項目與內 容選項

¾ 第二階層：圖示為主與文字為輔，讓中高齡使用者能透過空間排列記取選單位置。

3. 文字與圖示尺寸大小設計：由於高齡者在視力上的老化，一般使用之文字與圖示尺 寸並不適用於高齡者；本實驗介面為了讓中高齡者用者在閱讀上能更輕鬆，不會造 成學習上的負擔，文字與圖示呈現均大於文獻資料中所提及適合高齡者之尺寸數 據，圖示尺寸設計大於16 pixel，主選單與次選單之標題文字均大於 14 級。

4. 聲音輔助提示設計：按鈕選單的聲音提示可避免使用者重複操作，以及能確定所選 取之選單項目與內容。

依本研究之目的，為提供適合中高齡者使用之無所不在手機學習環境，本學習系統採網 頁為介面；學習者使用手機透過瀏覽器連上本學習系統，取得旅遊英語教學內容。本系統介 面說明如下：

1. 第一階層為選單部份：分為主選單以及次選單部份。藉由結合條列式(Tree)與系列選 單(Cascading Menu)之優點，將次要選單隱藏在主要選單下，透過點選主選單按鈕讓 次選單顯露出來，可解決選單過長的問題，減少學習者對於過多選單所產生的混亂

感；加上，在同一階層中，使用者可隨時自由切換各個主選單，不需擔心迷思方向。

以文字為主與圖示為輔的呈現方式，讓中高齡者在使用操作上能更快速瞭解單元類 別並選取到需要學習內容，如圖3-6 與圖 3-7 所示。

圖 3-6 第一階層主選單部份

圖 3-7 第一階層次選單部份

2. 第二階層為學習部份：每個單元之學習內容皆有單字介紹(圖 3-8)、實用對話(圖 3-9)、小叮嚀(圖 3-10)與單元練習(圖 3-11)。藉由結合圖像式選單與標籤式選單之優 點，透過相同的空間位置，讓使用者能快速記取各個功能鍵。學習內容之上方列以 標籤形式顯示並以顏色區分目前學習主題(橘色)與其他同單元主題(綠色)，以便於使

用者能隨時更換學習主題；在畫面左上方提供回主選單的按鈕鍵，與畫面左下方提 供協助按鈕鍵(圖 3-12)；中間空白畫面為教材內容顯示部分，可透過左側的圖示按 鈕切換學習項目。

圖 3-8 第二階層學習部份 - 單字介紹

圖 3-9 第二階層學習部份 - 實用對話

圖 3-10 第二階層學習部份 - 小叮嚀

圖 3-11 第二階層學習部份 - 單元練習

圖 3-12 第二階層學習部份 - 首頁鍵與協助鍵

第五節 研究對象與問卷評量