教育心理與輔導學系宋曜廷教授說明研究成果

電機工程學系高文忠教授說明研究成果。

結合尖端科技自然光眼動儀，促進兒童閱讀教育，減少老人閲讀困難，提昇人機介面互動效能

【公事中心胡世澤、心輔系廖家寧、吳銘達報導】小朋友動動眼睛，盯著螢幕看到不懂的字，停留一下就自動發出字詞聲音，甚至產生動畫和圖表來說明，這可不是科幻電影情節。

國立臺灣師範大學教育心理與輔導學系宋曜廷教授與吳昭容教授，以及電機工程學系高文忠教授的跨領域團隊在邁向頂尖大學計畫支持下，耗時四年共同研發「眼動電子書」，全球唯一且技術領先業界，透過自然光眼動偵測技術，系統即時分析兒童閱讀時的眼動行為，再結合眼球追蹤技術，同步給予互動式回饋。兒童看完了電子書，系統還會產生多張回饋圖表，幫助家長及老師掌握兒童閱讀時的重點，有沒有忽略哪一部分，更不會一直打斷閱讀過程。

自然光眼動儀技術，也可以運用在網頁設計，提昇商品搜尋效率，以及減少中老年人閱讀困難。

許多家庭都重視親子閱讀，但有時學齡前兒童剛開始學認字，看到許多難詞，超出閱讀能力，只好吵著家長要陪讀，而無法自己閱讀和理解，不但不能啟發閱讀興趣，家長也不清楚孩子學習成效。

隨著科技進步，眼動儀（eye-tracker）可幫助大家了解觀看者在閱讀、瀏覽網頁、觀看系統介面時的注意力分佈情況；也可作為使用電腦與遊戲時的人機互動工具，讓使用者以眼睛的注視、移動、眨眼等動作，來進行選擇、滾動、瞄準、場景移動等系統操作。

一般市售眼動儀主要是採用紅外線 LED 光源近距離照射眼球，並搭配攝影機拍攝至少每秒 30～2000幀眼睛影像，再以影像辨識技術與人工智慧演算法，即時建構使用者眼球的3D 模型，並計算影像中瞳孔形狀與位置，藉由三維空間計算，推算出目光注視在螢幕的位置。使用此類紅外光眼動儀，紅外線光源會直接照射到用戶的視網膜和角膜，若長時間使用，因為近距離的紅外線照射，容易使眼睛感覺疲憊，不適合應用於兒童閱讀歷程的追蹤分析，未來也無法應用於戶外有陽光照射的情境。

為突破目前眼動儀的限制，臺師大團隊已開發完成全新的「自然光眼動儀」。此技術領先業界，它不需要以紅外線LED光源照射眼睛，即使長時間使用，也較不會造成眼睛的疲勞。此外，在明亮太陽光下依然可以使用，使得眼動儀使用環境限制更小，有利於踏出戶外。系統也會主動提供資料分析結果，不需要使用者（如家長、老師、市場調查員）具備眼動資料分析的專業技能。本眼動儀的最大特色是是不需要客製化硬體與其它眼動專用晶片等組件，僅需使用市面上現有的一般電腦與高速攝影機。

紅外線、自然光眼動儀的比較表

臺師大團隊利用自然光眼動偵測核心技術，已開發完成三套眼動儀應用模組：眼動放大鏡、眼動電子書與使用者經驗設計模組。

一、眼動放大鏡可協助中老年人方便閱讀

眼動放大鏡模組是以臺師大所開發的自然光眼動儀為基礎，即時分析使用者眼睛凝視螢幕的座標位置，再將目光注視區域的文字與圖案放大，可協助視覺困難的中老年人，改善中老年人的閲讀使用者經驗。

二、眼動電子書可提昇幼兒閱讀效能

眼動電子書是結合尖端科技與教育功能的系統，針對兒童閱讀特性，如重複閱讀、文字閱讀時間較短、觀看圖片時間較長，結合自然光眼動儀性能，設計了二個閱讀回饋功能：「即時回饋」與「頁末及書末回饋」。

以下詳細說明系統所提供的二大類閱讀回饋的相關設計理念

（1）即時回饋：

根據過去研究，即使兒童在三歲時已累積一定詞彙量，平均約550個詞，但兒童的識字量卻遠低於詞彙量。因此，兒童閱讀眼動電子書時，系統可記錄並即時分析兒童閱讀時的眼動資料，自動判斷兒童是否看到難詞，並針對兒童凝視較久的難詞，同步發出該字詞的詞音、或是出現圖畫或動畫傳達文字的意涵，取代傳統的名詞解釋。協助不識字的學齡前兒童聯結字詞的字形、字音、字義，達到促進認字的學習，以增加兒童與繪本間的互動。

在閱讀的同時，眼動電子書系統自動判斷讀者看到難詞，即時提供聲音回饋與圖片回饋。

（2）頁末與書末回饋：

系統會分析兒童閱讀繪本每一頁文字區與圖片區的注視時間與比例，當兒童閱讀該頁文字的時間不足時，在閱讀下一頁前會出現提示視窗提醒兒童，藉此強調閱讀文字的必要性。在閱讀完整本書後，系統會紀錄一整頁及一本書的眼動行為，再給予以頁、書為單位的回饋，可用來推估兒童當時閱讀的整體狀態。同時，眼動電子書在閲讀的當下，不須要求兒童另外作答或額外回報狀況，與一般閲讀測驗相較之下，較不干擾閲讀歷程。

系統提供了繪本每一頁的泡泡圖、軌跡圖、圖文區閱讀比例圖，幫助家長、老師快速且視覺化地掌握兒童閱讀時注意到的重點為何，有無兒童忽略的部份，家長與老師不需具備認知科學的專業知識與眼動資料分析的技術，即可掌握兒童的學習歷程。泡泡圖是以泡泡的大小來表示注視時間的長短，泡泡愈大，表示兒童注視越久。軌跡圖則可以顯示兒童閱讀時視線移動的路徑、方向與距離。圖文區閱讀比例圖，顯示兒童閱讀繪本每一頁文字區與圖片區的注視時間比例。

這兩大類設計是將可推論心理意涵的眼動指標數值，直接轉換成使用者可以理解的方式呈現，使學生得到即時回饋，亦使教師及家長觀察兒童的眼動記錄後，也可快速找出問題，給予建議，發揮眼動儀在教育上最大的效用。

泡泡圖的泡泡愈大，表示在那個位置注視越久。	軌跡圖顯示閱讀時視線前後移動的狀況。
圖文區閱讀比例顯示讀圖與文的時間比例。	當兒童看到文字時間較少，系統會自動判斷並提醒兒童多看文字。

三、眼動技術有助於設計團隊了解消費者注意熱區

使用者經驗設計的應用模組可即時分析使用者觀看畫面，建構熱區圖、軌跡圖與相關數據圖表，以反映使用者注意力分佈的狀況、視線移動順序、次數，以利設計團隊或廣告主快速判斷哪種設計方較能符合使用者的需求，資訊是否受到注目等問題。臺師大團隊已利用此眼動儀應用模組，為高鐵網頁介面進行使用性測試，同時亦為購物網站的一個網頁介面進行即時性的廣告效益測試。

應用自然光眼動儀為高鐵網頁介面進行使用性測試，共邀請10個使用者參與，測試內容包含三個任務，請使用者根據任務指示進行網頁搜尋（高鐵網站或GOHAPPY購物網站），並用滑鼠點擊找到的目標按鈕或廣告。在使用者執行任務的過程中，同時會利用自然光眼動儀紀錄使用者眼睛的瀏覽歷程。

第一個任務是，請使用者模擬自己要規劃旅遊行程，需要蒐集高鐵車票的時刻與票價，使用者要在高鐵網站首頁找到可以查詢車票資訊的地方。第一個任務除了有維持高鐵網站的配色版本，還另外設計兩種配色版本（凸顯目標、多彩），來觀察哪種配色可以有效提升查詢車票資訊的效率。第二個任務是假設使用者查到車票資訊後要進行網路訂票，所以請使用者在高鐵網站首頁中尋找網路訂票按鈕。第二個任務分成三個階段，每個階段的網路訂票按鈕都在不同的位置上（右上角原始位置、左上角、左下角），請使用者依序找出來，藉此觀察哪個位置可以促進訂票效率。第三個任務是假設使用者已經完成訂票，需要在購物網站上添購旅遊用的旅行箱，所以請使用者在gohappy購物網站首頁尋找可以買到旅行箱的廣告或按鈕。購物網站會在網頁各處擺放不同的廣告，透過眼動儀可以了解使用者觀看廣告的順序與時間。依序完成這三個任務後，系統會呈現使用者之前觀看每個網頁時的熱區圖、軌跡圖與相關數據圖表。

網頁使用性測試結果發現，使用者在尋找高鐵網站首頁的「網路訂票」按鈕時，此按鈕放在左上角位置的搜尋時間(3180毫秒)會比原始網頁的右上角位置(8222毫秒)快上五秒。若是將高鐵首頁中的「網路訂票」選項由目前的右上角位置（如下圖左）移至左上角位置（如下圖中），使用者將可以更快速更容易地找到這個功能按鍵。

原版的網路訂票選項在右上角	網路訂票選項在左上角	網路訂票選項在左上角時的搜尋時間顯著少於原版的右上角位置

至於購物網站的廣告效益測試，結果發現：在吸睛度方面，各個廣告區塊中最能快速吸引使用者目光的廣告是下圖中的中上(1578毫秒)、與中中(1796毫秒)位置的廣告。右上(10906毫秒)與左下(10906毫秒)位置的廣告，則是最晚才被使用者注意到。在留睛度方面，中上(2646毫秒)位置的廣告是被觀看最久的廣告區塊，比其它廣告多出一倍的時間。

	使用者注意到各個廣告的時間	使用者目光停留在各個廣告區塊的時間長短

團隊研發4年的自然光眼動儀，目前先偵測單眼，未來進一步開發雙眼辨識後，可望拿掉下巴固定架，將能在生活及醫療應用上有更多突破。

研究團隊合影

附件一：研究成果簡報檔 可供下載參考

附件二：為何要鼓勵不認識字的幼兒去注意文字呢？

●讀寫萌發（emergent literacy）的概念，是指幼兒從觀察及使用文字，在意識到讀、寫具溝通的功能，慢慢萌發出讀寫能力。讀寫萌發是自然的歷程、是自出生後持續發生的、讀與寫的能力是伴隨發展的。而非全有全無地自上學之後才開始學習。

●親子共讀被公認是一種有效的方法，可以促進幼兒的語言發展。但如果親子共讀時，幼兒與老師沒有共同的注意力，例如老師念讀故事，孩子卻在看圖畫，就無法有效引導幼兒，使其獲得認字的知識和技能。

●近年研究已發現，若無特別引導，幼兒在書本閲讀時極少（低於5%時間）注意到文字區域。

●而且近年研究亦發現，如果在幼兒園時期，家長老師明白外顯地教導，並增加幼兒與文字的互動，那將有助於提升孩子未來的讀寫能力。

附件三：媒體報導

1.聯合報：台師大眼動電子書 自動教難詞 https://udn.com/news/story/6928/2884420

2.自由時報：台師大首創「光眼動儀」救視力、增強記憶 http://news.ltn.com.tw/news/life/paper/1161636

3.民視新聞：閱讀新科技眼動儀增添學習樂趣 https://news.ftv.com.tw/news/detail/2017C19L04M1

4.台視新聞：不用手點擊!電子書結合自然光眼動儀 https://www.youtube.com/watch?v=8NsuSLZET2Y

5.大愛：自然光眼動儀 追蹤視線掌握閱讀重點 https://www.youtube.com/watch?v=KtE8YoKNkQ4

6.聯合報：台師大跨領域團隊開發自然光眼動儀 技術領先業界 https://udn.com/news/story/7266/2882967

7.蘋果日報：【你眼睛看哪】台師大團隊「眼動儀」　盯住會自動放大 https://tw.appledaily.com/new/realtime/20171219/1262107/

8.自由時報：台師大首創自然光眼動儀 省下數百萬成本 http://news.ltn.com.tw/news/life/breakingnews/2287430

9.中央社：台師大開發自然光眼動儀 老人小孩也能用 http://www.cna.com.tw/news/ahel/201712190114-1.aspx

10.中國時報：台師大自然光眼動儀　提昇人機介面互動效能
http://www.chinatimes.com/realtimenews/20171219002991-260405

11.教育廣播電台：臺師大研發「自然光眼動儀」有助提升長輩,兒童閱讀經驗
http://www.ner.gov.tw/news/?recordId=44359&_sp=detail

12.工商時報：台師大自然光眼動儀　提昇人機介面互動效能 https://m.ctee.com.tw/livenews/ch/20171219002991-260405

13.中央網路報：臺師大跨領域團隊開發自然光眼動儀 技術領先業界
http://www.cdnews.com.tw/cdnews_site/docDetail.jsp?coluid=121&docid=104452771

14. PChome：臺師大跨領域團隊開發自然光眼動儀 技術領先業界
http://news.pchome.com.tw/living/cdnews/20171219/index-51365249469657250009.html

15.青年日報：臺師大全球首創自然光眼動儀適用童叟閱讀 https://www.ydn.com.tw/News/269353

16.聯合報：台師大眼動電子書 自動教難詞 https://udn.com/news/story/6928/2884420

17.國語日報：臺師大創自然光眼動儀提高閱讀效能 https://www.mdnkids.com/news/?Serial_NO=105585

18.人間福報：自然光眼動儀助老人小孩閱讀 http://www.merit-times.com.tw/NewsPage.aspx?unid=495771

19.TAIPEI TIME：Research team introduces natural light eye tracker

http://www.taipeitimes.com/News/taiwan/archives/2017/12/22/2003684437