臺灣博碩士論文加值系統

本研究製作一款iPad互動式電子童書，在開發過程中發現電子童書介面中可觸碰互動的圖案有無提示作用對於使用者是否會有不同影響的問題，在可觸碰互動圖案上增加閃樂效果引起使用者注意並探討兒童在操作二種不同介面的差異性，以及兒童操作電子童書內所使用的多點觸控手勢、傾斜iPad裝置、麥克風偵測聲音等互動方式的使用性。
本論文之研究對象為16名4-7歲幼兒園兒童，進行介面使用性測試任務，研究者從旁觀察兒童實際操作以瞭解介面操作的情況，以半結構式訪談大綱蒐集介面的滿意度。由研究結果顯示，兩種版本介面在使用性上並無顯著差異，顯示有無提示性的閃爍效果沒有差異。在操作上以「輕滑」手勢對部分兒童較為困難，傾斜iPad裝置、麥克風偵測聲音等互動操作，兒童不易發現此類新奇互動操作。大部分的兒童能正確做出研究者所指定的觸控手勢或是操作方式，顯示本研究所使用的操作方式容易記憶，本研究所使用的拖曳手勢，傾斜操作的互動方式則獲得多數兒童的喜愛。兒童對於電子童書內的圖像、動畫、音效都表示喜歡，顯示其接受度高，整體而言，本研究的互動式電子童書獲得兒童良好的評價。

This thesis presents the results of a study which aimed to investigate the usability of user interfaces between patterns with and without hints. A children’s interactive electronic book which was developed as an iPad app. The hints help users to notice interactive patterns in this book. An experiment was conducted to evaluate the usability of two kinds of different interfaces. Furthermore, this thesis evaluates the usability of multi-touch gestures, tilting the iPad device and sound detection in this book.
In this thesis, the analysis compares observational and survey data collected during implementations in usability testing and semi-structured interviews with sixteen kids in ages 4-7. Results show that the usability is no difference between two kinds of interfaces. In Operation, the swipe gesture is more difficult for some children to operate. It is hard for children to find the operations of tilting the iPad device and sound detection. The evaluation results reveal that the most of children can perform right operations used on this book. The majority of children who finished this book liked the drag gesture, tilt operation, patterns, animations and sounds in this book. In general, children’s attitudes toward this book were very positive.

摘要 i
Abstract ii
目錄 iii
表目錄 vi
圖目錄 viii
第一章 緒論 1
第一節 研究背景與動機 1
第二節 研究目的與問題 4
一、研究目的 4
二、研究問題 4
第三節 研究範圍與限制 5
一、開發平台 5
二、觸控裝置操作 5
三、研究對象 5
第四節 研究架構 6
第二章 文獻探討 7
第一節 電子童書概況 7
一、電子童書定義 7
二、電子童書發展歷史 9
三、電子童書特性 12
四、學齡前兒童與電子童書 16
五、小結 19
第二節 人機介面探討 20
一、人機互動 20
二、人機介面設計 23
三、人機介面之使用性 29
四、小結 35
第三節 觸控裝置介面探討 36
一、觸控裝置操作方式 36
二、觸控裝置介面設計與使用性 39
三、觸控式電子童書介面設計分析 42
四、小結 47
第三章 研究方法 49
第一節 實驗設計與架構 50
一、實驗設計 50
二、實驗架構 51
三、自變項 52
四、依變項 52
第二節 研究對象 53
一、幼兒園背景 53
二、幼兒背景 53
三、研究場域 54
第三節 電子童書介面開發 56
第四節 研究工具 58
一、互動式電子童書 58
二、使用性測試任務 58
三、半結構式訪談大綱 59
第五節 資料分析 61
一、量化分析 61
二、質性分析 61
第四章 研究結果 63
第一節 電子童書介面設計與發展 63
一、內容題材選定 63
二、介面設計規畫 66
三、互動方式設計 68
四、系統開發說明 70
五、作品呈現 73
第二節 介面使用性測試任務分析 79
一、介面使用性測試任務說明 79
二、效率與效能分析 80
第三節 訪談結果與分析討論 99
一、實施對象 99
二、訪談內容整理 100
第五章 結論與建議 105
第一節 研究結論 105
一、設計與發展之互動式電子童書 105
二、互動式電子童書使用性 106
三、互動式電子童書滿意度 107
第二節 建議 108
一、研究對象方面 108
二、研究方法方面 108
三、電子童書介面設計方面 108
四、未來展望 109
參考文獻 111
中文文獻 111
英文文獻 114
網路文獻 117
附錄 119
附錄一、觸控經驗調查紀錄表 119
附錄二、半結構式訪談大綱-N版本 120
附錄三、半結構式訪談大綱-T版本 121
 
表目錄
表2 1電子童書之特性 13
表2 2使用性評估法比較表 33
表2 3 iOS多點觸控手勢 38
表2 4 Picture Book Cars( Lite)之案例分析 43
表2 5 Math(age3-5)之案例分析 44
表2 6巧克的鳥島歷險記(前情提要)之案例分析 46
表3 1專家效度修定表 59
表3 2使用性測試任務 60
表4 1電子童書互動方式 68
表4 2電子童書作品說明 73
表4 3互動式電子童書操作畫面 76
表4 4點擊開始按鈕時間記錄 80
表4 5點擊開始按鈕平均時間記錄 81
表4 6打開中英文字卡時間記錄 82
表4 7打開中英文字卡平均時間記錄 83
表4 8關掉中英文字卡時間記錄 83
表4 9關掉中英文字卡平均時間記錄 84
表4 10單擊音符按鈕時間記錄 84
表4 11單擊音符按鈕平均時間記錄 85
表4 12單擊下一頁按鈕時間記錄 86
表4 13單擊下一頁按鈕平均時間記錄 86
表4 14輕滑觸發卡車動畫時間記錄 87
表4 15輕滑觸發卡車動畫平均時間記錄 88
表4 16聲音觸發火車動畫時間記錄 89
表4 17聲音觸發火車動畫平均時間記錄 89
表4 18輕滑觸發飛機動畫時間記錄 90
表4 19輕滑觸發飛機動畫平均時間記錄 91
表4 20聲音觸發熱氣球動畫時間記錄 92
表4 21聲音觸發熱氣球動畫平均時間記錄 92
表4 22拖曳救護車圖案時間記錄 93
表4 23拖曳救護車圖案平均時間記錄 94
表4 24拖曳警車圖案時間記錄 95
表4 25拖曳警車圖案平均時間記錄 95
表4 26傾斜iPad觸發摩托車圖案左右移動時間記錄 96
表4 27傾斜iPad觸發摩托車圖案左右移動平均時間記錄 97
表4 28傾斜iPad觸發輪船圖案左右移動時間記錄 97
表4 29傾斜iPad觸發輪船圖案左右移動平均時間記錄 98
表4 30訪談對象資料表 99
表4 31操作方式喜愛百分比率 100
表4 32受訪者對按鈕圖示功能理解記錄 102
 
圖目錄
圖 1 1研究架構圖 6
圖 2 1 Sony LIBRIe 電子書閱讀器 10
圖 2 2 Amazom Kindle 電子書閱讀器 10
圖 2 3 AIPTEK Story Book inColor 電子童書閱讀器 11
圖 2 4 LeapPad電子童書閱讀器 11
圖 2 5人機系統 21
圖 2 6設計模式、使用者模式及系統印象 31
圖 2 7單點觸控功能 37
圖 2 8多點觸控功能 37
圖 3 1實驗流程 50
圖 3 2實驗架構圖 51
圖 3 3電子童書實際操作情況-1 54
圖 3 4電子童書實際操作情況-2 55
圖 3 5電子童書實際操作情況-3 55
圖 3 6電子童書實際操作情況-4 55
圖 3 7電子童書介面開發流程 57
圖 4 1趣味黏貼遊戲書-交通工具封面 64
圖 4 2趣味黏貼遊戲書-交通工具內頁1 64
圖 4 3趣味黏貼遊戲書-交通工具內頁2 65
圖 4 4首頁開始按鈕圖示 66
圖 4 5互動式電子童書版面元素配置 66
圖 4 6功能按鈕圖示 67
圖 4 7交通工具閃爍效果示意圖 67
圖 4 8電子童書開發環境-Xcode 70
圖 4 9電子童書開發環境-Coco2d 71
圖 4 10觸控行動裝置iPad 2 71
圖 4 11電子童書系統流程架構圖 72

參考文獻
中文文獻
丁千珊(2011)。紙本童書與觸控式電子童書對兒童的閱讀成效與態度之影響(碩士論文)。取自臺灣博碩士論文加值系統。(系統編號099NTNU5619040)
方裕民(2003)。人與物的對話: 互動介面設計理論與實務。台北市：田園城市文化事業有限公司。
李青蓉、魏丕信、施郁芬、邱昌彰(1988)。人機介面設計。新北市：國立空中大學。
李素真(2010)。從古代傳統正式圖書到現代電子書-看博物館電子書的發展現況與未來。國立歷史博物館學報，42，105-128。
那福忠(2001)。電子書前言篇。電子書的千頭萬緒。台北市：天充文化。
周怡君、伊彬(2008)。電子童書之互動程度對三年級與五年級兒童閱聽成效之影響。教育資料與圖書館學，45(3)，371-401。
邱炯友、莊正德(2005)。資訊與圖書館學課程系統化整合之研究。教育部高教司委託之專題研究報告，未出版。
林巧敏(2009)。推動國中小學童數位閱讀計畫之探討。臺灣圖書館管理季刊，5(2)，49-67。
林美玲(2006)。引導性圖像介面與幼兒認知關係研究-以互動遊戲光碟為例(碩士論文)。取自臺灣博碩士論文加值系統。(系統編號094YUNT5634008)
洪文瓊(1997)。電子童書小論叢。臺東市：國立臺東師範學院語文教育系。
柳永青(2012)。友善的人機介面。科學發展，472，6-13。
胡佑宗(譯) (1996)。工業設計：產品造形的歷史、理論及實務(原作者：B. E. Burderk)。台北市：亞太圖書。
洪美珍(2000)。電子童書閱聽型態及其對兒童閱讀影響之研究(碩士論文)。國立臺東師範學院兒童文學研究所，臺東市。取自http://aleph18.lib.ntue.edu.tw
/FYD4T25SC4SJ34PJ4NSSUIEF57APG4382N9HQMBXIYU7I9A1AC2-01957?func=full-set-set&set_number=001406&set_entry=000001&format=999
姚靜宜(2004)。電子童書與傳統童書在閱讀能力之比較。國立臺灣海洋大學教育學程通訊，27，1-3。取自http://140.121.179.185/vj-attachment/attach28.pdf
唐國豪(2003)。人機互動。科學發展，368，18-23。
徐韶君(2008)。電子童書與幼兒閱讀理解之研究(碩士論文)。取自臺灣博碩士論文知識加值系統。(系統編號096NCCU5096008)
許正妹、李傳房(2005)。電子故事書與兒童喜好之研究：人因設計的觀點。「數位學習設計與管理學術研討會」發表之論文，國立嘉義大學。
陳宜均(2012)。互動式教材的介面設計與使用性之研究(未出版之碩士論文)。國立臺北教育大學數位科技設計學系(含玩具與遊戲設計碩士班)，臺北市。
陶英期、羅文喬(譯)(2009)。嬰幼兒發展多元文化觀點(原作者：J. Trawick-Smith)。台北市：心理出版社。(原著出版年：2006)
梁珀華、林岳蓉(2009)。幼兒電子童書閱聽歷程之探究。屏東教育大學學報，32，35-64。
陳建雄(譯) (2009)。互動設計：跨越人-電腦互動(原作者：J. Preece, Y. Rogers & H. Sharp)。新北市：全華圖書。
陳俊瑋(2012)。數位互動生活應用。科學發展，478，30-33。台北市：行政院國家科學委員會。
陳建豪(譯) (1998)。人機介面與互動入門-電腦之人因工程(原作者：J. Preece)。台北市：和碩科技。(原著出版年：1993)
陳慧卿(2003)。國小二年級學童對電子童書與紙本童書之閱讀能力研究(碩士論文)。取自臺灣博碩士論文知識加值系統。(系統編號091CYIT5709003)
黃美玲(2004)。電子童書介面圖像設計及其對兒童閱讀態度之研究(碩士論文)。取自臺灣博碩士論文知識加值系統。(系統編號092CYCU5317005)
曾敏玲(2002)。非書的書-電子書。東吳大學圖書館通訊，14，1-30。取自：http://www.lib.scu.edu.tw/pub/s14/14-1.pdf
曾舒珮(2010)。悅趣化數位教材介面視覺風格設計對使用者操作意願影響之性別差異研究(未出版之碩士論文)。國立臺北教育大學數位科技設計學系(含玩具與遊戲設計碩士班)，臺北市。
黃肇鑣、林榮崧(2010)。電子書對平面媒體的挑戰和整合。臺灣經濟論衡，8(10)，41-60。
楊怡婷(1995)。幼兒閱讀行為發展之研究(碩士論文)。取自臺灣博碩士論文知識加值系統。(系統編號083NTNU4261001)
蔡佩璇、游萬來(2005)。電子故事書融入語文學習互動設計之探討。「2005第四屆全球華文網路教育研討會」發表之論文，國立臺灣科學教育館。
蔡振成(1995)。三維電子故事書之三維動畫演員物件編輯系統之設計與實作(碩士論文)。取自臺灣博碩士論文知識加值系統。(系統編號084NCTU0392013)
鄭茂禎(2003)。e時代的閱讀與出版。全國新書資訊月刊，1(1)，75-92。
劉靜渡(2010)。當科技王子遇到童話公主。交大友聲，441。取自http://alumni-voice.nctu.edu.tw/Alumni441/441-5-9.pdf
盧鳳媚、李樂堯、張懿筠、招秀容(2011年6月)。電子書的興起對人們閱讀習慣的影響。「第四屆專題探究獎勵計畫」發表之論文，香港會議展覽中心。
賴錦慧(譯)(2010)。人機介面設計(原作者：B. Shneiderman and C. Plaisant)。台北市：台灣培生教育出版社
謝顒丞、李汝宥、鄭惠文(2007)。電子書製作與出版-以「圖文傳播天地數位內容開發及加值應用」為例。藝術學報，80，137-161。
魏立欣(譯)(2004)。教育科技融入教學(原作者：M. D. Roblyer)。台北市：高等教育。(原著出版年：2003)。
英文文獻
Apple Inc. (2011). iOS human interface guidelines. Retrieved February 05,2013, from https://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Characteristics/Characteristics.html#//apple_ref/doc/uid/TP40006556-CH7-SW1
Budiu, R. & Nielsen, J. (2011). iPad App and Website Usability, Retrieved February 05,2013, from http://www.nngroup.com/reports/ipad-app-and-website-usability/
Canton, P., Gonzalez, A. L., Mariscal, G., & Ruiz, C. (2012) Applying new interaction paradigms to the education of children with special educational needs. In Computers Helping People with Special Needs (pp. 65-72). Springer Berlin Heidelberg.
Costantine, L. L., & Lockwood, L. A. D. (1999). Software For Use – A Practical Guide to the Models and Methods of Usage-Centered Design. Boston, MA: Addison-Wesley.
Ebner, M., Stickel, C., & Kolbitsch, J. (2010). iPhone/iPad human interface design. In HCI in Work and Learning, Life and Leisure (pp. 489-492). Springer Berlin Heidelberg.
Erickson, E. H. (1963). Childhood and society. New York, NY: Norton.
Euro Talk. (2013). Math( age3-5). Retrieved February 25,2013 from http://eurotalk.com/apps
/en/age3-5/maths/
Fitts, P. M. (1954). The information capacity of the human motor system in controlling amplitude of movement. Journal of Experimental Psychology, 47(6), 381-391.
Grimshaw, S., Dungworth, N., McKnight, C. & Morris, A. (2007). Electronic books: children’s reading and comprehension , British Journal of Educational Technology, 38(4), 583-599.
Hill, M. (1996). Electronic books for kids. Link-up, 13(6), Nov/Dec1996.
Horton, W. (1994). The Icon book: Visual Symbols for Computer Systems and Documentation. NJ: Wiley.
Huang, H., Chen, L. H. (2010). Enhancing Human-Cmoputer Interaction and Feedback in Touchscreen Icon. World Academy of Science, Engineering and Technology, 41, 428-433.
Huang, H., Tsai, W. C., & Lai, H. H. (2007). Factors influencing the usability of icons in the LCD touch screens. In Universal Access in Human-Computer Interaction. Ambient Interaction (pp. 878-887). Springer Berlin Heidelberg.
Jary, S. (2011, September 3). LeapFrog LeapPad Explorer Tablet review [Online forum comment]. Retrieved from http://www.pcadvisor.co.uk/
reviews/tablets/3301129/leapfrog-leappad-explorer-tablet-review/#fragment-2
kidEbook. (2012). Picture Book Cars (Lite). Retrieved February 25,2013, from http://www.kidebook.net/books.aspx#Cars
Laurel, B. (1990). The Art of Human-Computer Interface Design. MA: Addison-Wesley.
Matherma, C. (2009). Multi-Touch All-Point Touchscreens: The Future of User Interface Design. Mobile Development and Design. Retrieved February 07,2013, from http://mobiledevdesign.com/tutorials/multitouch-touchscreens-0723/
Norman, D. A., & Draper, S. W. (1986). User Centered System Design: New Perspectives on Human-computer Interaction. US: CRC Press.
Norman, D. A. (1988). The Psychology of Everyday Things. NY: Basic Books.
Nielsen, J. (1993). Usability Engineering. California, CA: Academic Press.
Nielsen Company (2012, February 2). American Families See Tablets as Playmate, Teacher and Babysitter [Online forum comment]. Retrieved January 08,2013, from http://www.nielsen.com/us/en/newswire/2012/american-families-see-tablets-
as-playmate-teacher-and-babysitter.html
Parhi, P., Karlson, A. K., & Bederson, B. B. (2006). Target size study for one-handed thumb use on small touchscreen devices. In Proceedings of the 8th conference on Human-computer interaction with mobile devices and services (pp. 203-210). ACM.
Pezdek, E. F., & Hartman, E. F. (1983). Children’s Television Viewing: Attention and Comprehension of Auditory versus Visual. Child Psychology, 14, 165-175.
Richard L. H. (1999). Design for Usability: Process, Skills, and Tools, Informantion, Knowledge, Systems Management, 1(2), 133-144.
Sanders, M. S., & McCormick, E. J. (1992). Human Factors in Engineering And Design. NY: McGraw Hill.
Shneiderman, B. (1983). Direct manipulation: A step beyond programming languages, IEEE Computer, 16(8), 57-69.
Siliq digital. (2012). Chokko's Adventures in Birdland( Prelude). Retrieved February 24,2013, from http://www.siliqdigital.com/
Vredenburg, K., Mao, J. Y., Smith, P. W., & Carey, T. (2002). A survey of user-centered design practice. In Proceedings of the SIGCHI conference on Human factors in computing systems: Changing our world, changing ourselves(pp. 471-478). ACM.

網路文獻
Liu T. (2012年7月29日)。日本從零歲開始的幼兒英話會話教室的業者SEIHA，用iPad取代紙張的字卡教學【部落格文字資料】。搜尋於2012.12.21。取自http://anheartinc.blogspot.tw/2012/07/seihaipad_29.html
Peggy(2012年6月23日)。使用者介面沿革：從CLI、GUI到NUI【部落格文字資料】
。搜尋於2013.01.16。取自http://blog.uns.org.tw/node/211
消費電子暨人機介面產業技術論壇(2011年)。人機介面互動設計趨勢。【線上論壇】搜尋於2012.12.21。取自http://www.digitimes.com.tw/tw/b2b/Seminar/
shwnws_new.asp?CnlID=18&cat=99&product_id=051A00517&id=0000233000_M5CLFKDW1ESC67LRL9UHX