跳到主要內容

臺灣博碩士論文加值系統

(44.192.38.248) 您好!臺灣時間:2022/11/27 05:35
字體大小: 字級放大   字級縮小   預設字形  
回查詢結果 :::

詳目顯示

: 
twitterline
研究生:徐晨芳
研究生(外文):Chen-Fang Hsu
論文名稱:平板電腦之漢字習寫應用程式介面設計之研究
論文名稱(外文):A Study on Usability and Interface Design of Table Apps for Learning Chinese Character Writing
指導教授:游萬來游萬來引用關係
指導教授(外文):Man-Lai You
口試委員:李傳房楊敏英
口試委員(外文):Chang-Franw LeeMing-Ying Yang
口試日期:2014-07-16
學位類別:碩士
校院名稱:國立雲林科技大學
系所名稱:工業設計系
學門:設計學門
學類:產品設計學類
論文種類:學術論文
論文出版年:2015
畢業學年度:103
語文別:中文
論文頁數:145
中文關鍵詞:平板電腦漢字習寫應用程式介面設計
外文關鍵詞:Tablet PCApps for Learning Chinese Character WritingInterface Design.
相關次數:
  • 被引用被引用:2
  • 點閱點閱:448
  • 評分評分:
  • 下載下載:73
  • 收藏至我的研究室書目清單書目收藏:0
漢字與書寫對以華語文為第二語言的學習者常為學習上的障礙,沒照書寫規則將影響漢字的意義及美感,今日觸控平板電腦能以手指互動,其應用程式於介面設計的好壞可能影響操作及學習效率。本研究以介面設計為核心透過三個階段進行設計:第一階段為探討漢字習寫與人機介面的相關文獻,以規劃內容需求要點;第二階段為現有實例研究,從檔案研究中解讀使用脈絡,作為調查現有實例時模擬使用者操作的方式,並分別記錄其介面以分析出較佳的設計,從中歸納可優化的方向;第三階段提出介面設計方案,以原型設計呈現概念並藉由啟發式評估驗證並修正。經由以上研究階段,最後選以四十個基礎漢字作為教材,並以認識常用漢字、進行摹寫及臨寫、評分書寫為學習順序,接著在現有實例的研究中,實例 Art of Chinese Characters於關鍵流程中相較於其他實例有較完整的使用者介面,但在認字-書寫-評分的教材教學環節及對不同學習速度使用者的輔助功能方面仍有不足之處,最後針對教學引導、書寫工具的運用提醒及圖示修正、個人漢字集等提出方案並評估驗證,建議後續的設計為:(1)書寫完成的評分方式以星等分級作為成果,當使用者習寫時無使用到書寫提示則給予三顆星,曾使用一次給予二顆星,使用一次以上則給予一顆;(2)與社群連結友人來比較成果增加學習動力;(3) 個人漢字集則將之設為快顯欄位,並將星等分級作為曾習寫的標示紀錄。
Chinese character and writing are often to be a barrier for second language learners. if not by the rules of writing, will affect the meaning and aesthetic of Chinese character. Although touching tablet PC with finger make interact today , the user interface design of app is user-friendly or not may affect the efficiency of learning. In this study, by three phases to finish user interface design : the phase I is to organize the literature of the learning of Chinese character writing and human-machine interface for planning requirements; the phase II is the existing apps survey, to interpret the context from literature as a user of situational simulation, then analyzing and recording for discovering the better app;the phase III is to propose a prototype design, and by heuristic evaluation. Through the above phases, chosing to forty basic characters as learning materials, which are as recognizing, facsimileing, copying the model of Chinese character, and finally grading user’s writing as the learning sequence. In the existing apps, the app ‘Art of Chinese Characters’ compared to other apps is more complete for user interface, but from recognizing , writing to grading process and auxiliary functions for different learning speeds of users are still inadequate. For teaching guide, using reminder of tool of writing and icon reviseing to propoal then evaluation. The suggestions of follow-up interface design: (1) Setting a star rating as the grading of completed writing, if user don’t use the writing reminder, will show three stars;if used to use the writing reminder once, will show two stars;if used to use the writing reminder over once, will show one star;(2) Connecting with the internet community to friends to comparing results; (3) the individual character collection will show a pop-up and for a star rating of the writing grading as written record.
目錄

摘要 --------------------------------------------------------------------------------- i
Abstract--------------------------------------------------------------------------------- ii
誌謝 --------------------------------------------------------------------------------- iii
目錄 --------------------------------------------------------------------------------- iv
表目錄 --------------------------------------------------------------------------------- viii
圖目錄 --------------------------------------------------------------------------------- x
第一章 緒論----------------------------------------------------------------------------- 1
1.1 研究背景與動機-------------------------------------------------------------------- 1
1.2 研究目的-------------------------------------------------------------------------- 3
1.3 研究範圍與限制-------------------------------------------------------------------- 4
1.4 研究流程-------------------------------------------------------------------------- 5
第二章 文獻探討-------------------------------------------------------------------------- 7
2.1 漢字習寫-------------------------------------------------------------------------- 8
2.1.1 漢字特性-------------------------------------------------------------------------- 8
2.1.2 書寫規則-------------------------------------------------------------------------- 10
2.1.3 書寫教學-------------------------------------------------------------------------- 13
2.1.4 華語文為第二語言的學習者習寫漢字---------------------------------------------------- 14
2.1.5 數位科技之應用-------------------------------------------------------------------- 16
2.2 人機介面設計---------------------------------------------------------------------- 19
2.2.1 基本理論-------------------------------------------------------------------------- 19
2.2.2 iPad平板電腦---------------------------------------------------------------------- 20
2.2.2.1 元件規格-------------------------------------------------------------------------- 20
2.2.2.2 設計原則-------------------------------------------------------------------------- 22
2.2.2.3 介面元素-------------------------------------------------------------------------- 25
2.2.3 設計程序-------------------------------------------------------------------------- 34
2.2.3.1 確認並建立需求--------------------------------------------------------------------- 36
2.2.3.2 發展設計選擇方案-------------------------------------------------------------------- 36
2.2.3.3 製作設計的互動形式----------------------------------------------------------------- 36
2.2.3.4 設計評估-------------------------------------------------------------------------- 36
2.3 小結------------------------------------------------------------------------------ 38
第三章 現有實例研究----------------------------------------------------------------------- 39
3.1 使用脈路-------------------------------------------------------------------------- 39
3.1.1 情境模擬-------------------------------------------------------------------------- 39
3.1.2 基本使用案例、使用案例、工作分析----------------------------------------------------- 40
3.2 實例調查-------------------------------------------------------------------------- 43
3.2.1 篩選流程-------------------------------------------------------------------------- 43
3.2.2 實例介紹-------------------------------------------------------------------------- 45
3.3 分析與討論------------------------------------------------------------------------ 52
3.3.1 實例分析-------------------------------------------------------------------------- 52
3.3.2 實例討論-------------------------------------------------------------------------- 67
第四章 漢字習寫應用程式設計--------------------------------------------------------------- 70
4.1 概念設計-------------------------------------------------------------------------- 70
4.1.1 設計目標-------------------------------------------------------------------------- 71
4.1.2 功能設定-------------------------------------------------------------------------- 72
4.1.3 資訊架構-------------------------------------------------------------------------- 73
4.1.4 外觀元素-------------------------------------------------------------------------- 76
4.1.5 互動操作-------------------------------------------------------------------------- 85

4.2 原型設計-------------------------------------------------------------------------- 86
4.2.1 帳號登入-------------------------------------------------------------------------- 86
4.2.2 我的漢字與漢字類別----------------------------------------------------------------- 87
4.2.3 認讀漢字及書寫示範----------------------------------------------------------------- 90
4.2.4 漢字習寫-------------------------------------------------------------------------- 92
4.2.5 下一漢字-------------------------------------------------------------------------- 100
4.3 原型評估-------------------------------------------------------------------------- 102
4.3.1 評估說明-------------------------------------------------------------------------- 102
4.3.2 評估結果-------------------------------------------------------------------------- 103
4.3.2.1 帳號登入-------------------------------------------------------------------------- 104
4.3.2.2 我的漢字與漢字類別----------------------------------------------------------------- 105
4.3.2.3 認讀漢字與書寫示範----------------------------------------------------------------- 105
4.3.2.4 漢字習寫-------------------------------------------------------------------------- 106
4.3.2.5 下一漢字-------------------------------------------------------------------------- 111
4.3.2.6 整體意見-------------------------------------------------------------------------- 111
4.4 設計修正-------------------------------------------------------------------------- 113
4.4.1 帳號登入:增加社群的登入方式及功能介紹----------------------------------------------- 113
4.4.2 我的漢字與漢字類別:「My Characters(我的漢字)」設計為快顯欄位-------------------------- 114
4.4.3 認讀漢字與書寫示範:將「Study(認讀)」與「Write (習寫)」標示更明確---------------------- 115
4.4.4 漢字習寫:使用iOS系統的標準設計開關圖示與配合使用同款應用程式的友人比較「已完成漢字」成果--- 116
4.4.5 下一漢字:標示寫過的漢字學習進度------------------------------------------------------ 117
4.5 小結------------------------------------------------------------------------------- 118
第五章 結論與建議-------------------------------------------------------------------------- 119
5.1 研究結論--------------------------------------------------------------------------- 119
5.2 後續研究與建議---------------------------------------------------------------------- 119
參考文獻 ---------------------------------------------------------------------------------- 121
附錄一 漢字習寫應用程式介面設計之專家評估問卷------------------------------------------------ 127
中文部分
1.孔子學院總部/國家漢辦(2014)。關於漢語考試。線上檢索日期: 2014年7月31日。網址:http://www.hanban.edu.cn/tests/node_7475.htm#no1
2.羅民、謝歐航、黃賀臣、張晉軍(2011)。新漢語水平考試(HSK)海外實施報告。中國考試,4,17-18。
3.張金蘭(2009)。識寫分流教學策略對外籍生漢字識寫能力之影響—以非漢字圈零起點學生為主所做的調查。中原華語文學報,3,55-74。
4.曾志朗、洪蘭(1984)。從神經語言學觀點探討中文閱讀之視覺歷程。世界華語文教學研討會論文集,1(1),522-524。
5.柯華葳、信世昌、楊接期(2010)。數位典藏與數位學習國家型科技計畫-語文數位教學(國科會專題研究計畫編號:NSC 98-2631-S-003-003)。台北:中華民國行政國家科學委員會。
6.蔡志偉(2009)。漢字練習系統開發與使用行為分析(碩士論文,國立臺灣師範大學資訊教育研究所,2009)。全國碩博士論文資訊網,32-37。
7.林月穎(2009)。針對泰國華語學習者之漢字教學網站設計研究(碩士論文,國立台灣師範大學華語文教學研究所,2009)。全國碩博士論文資訊網,94-99。
8.許玉潔、游萬來、金城(2011)。線上漢字書寫學習介面初探研究。第七屆全球華語網路教育研討會(ICICE)。
9.數位學習品質服務中心(2014)。認證規範。線上檢索日期: 2014年7月31日。網址:http://www.elq.org.tw/app002.php
10.謝耀基、陳遠止、李家樹(1999)。漢語綜述: 政務官與良好管治的建立。香港: 香港大學出版。168。
11.葉德明(2001)。漢字認知基礎--從心理語言學看漢字認知過程。台北: 師大書苑。
12.王力(2002)。漢語音韻學。北京: 中華書局。
13.黃沛榮(2009)。漢字教學的理論與實踐。台北: 樂學。190。
14.曾榮汾(2008)。國字標準字體(教師手冊)。台北: 教育部。
15.李鍌(1996)。常用國字標準字體筆順手冊。台北: 教育部。
16.教育部(1998)。九年一貫能力指標。線上檢索日期: 2014年7月31日。網址:http://host.hyes.tyc.edu.tw/nine/
17.教育部(1975)。國民小學課程標準。台北: 教育部。153。
18.廖蘊玉(1993)。楷書書寫門徑。20-34。
19.黃富順(1989)。成人心理與學習。台北:師大書苑。
20.舒兆民、林金錫(2007)。多媒體正體漢字之策略教學實驗。第五屆全球華文網路教育研討會網站論文集。
21.萬雲英(1991)。兒童學習漢字的心理特點與教學。台北市: 遠流。404-448。
22.葉德明(1990)。漢字認知基礎─從心理語言學看漢字認字過程。台北市:師大書苑。
23.黃沛榮(2003)。漢字教學的理論與實踐。台北市:樂學書局有限公司。190。
24.信世昌(1995)。華語文教學的科「技」整合。華文世界,78,1-8。
25.陳建雄譯(2009)。互動設計:跨越人機電腦互動。台北: 全華。7-276。(Preece,J., Rogers, Y., &. Sharp, H, 2003)
26.盛群力(2005)。教學設計。北京:高等教育出版社。
27.胡甲超、傅小貞、鄭元攏(2014)。行動設計之鑰: 打造出讓使用者一見鍾情的手機APP UI UX設計。台北: 松崗。30-31。
28.吳欣蓉(2010)。行動學習現況與未來趨勢。線上檢索日期: 2014年7月31日。網址: http://www.huayuworld.org/oldindex/wp-course/99_huayu_seed_plan_digital_course/9/WuXinrong.pdf
29.林麗娟(2012)。個人化學習環境。線上檢索日期: 2014年7月31日。網址:http://terms.naer.edu.tw/detail/1678772/
30.陳年興、黃國禎、蘇俊名(2012)。數位學習導論與實務。台北: 碩博。10-2。
31.鄭巧玉(2012)。行動介面設計模式圖鑑。台北: 碁峯。1-9。(Theresa Neil, 2012)。
32.林鵬飛、張群儀、許牧彥(2012),圖形化使用者介面的設計專利利分析。國立台北大學服務與科技管理研究所第一屆服務與科技管理研討會。2。
33.陳亦玲譯(2013)。智慧手機 App UI/UX 設計鐵則:想做出好用的 App 和手機網站,就看這一本。台北:旗標。(池田拓司,2013)
34.曾志軒譯(2005)。人機介面設計。台北:培生。(Sheiderman, B & Plaisant C., 2005)






英文部分
1.Sach, J.S. (1967) . Recognition Memory for Syntactic and Semantic Aspects of Connected Discourse. Perception & Psychophysics, 2, 437-442
2.Shen,H.H. & Ke,C.(2007). Radical awareness and word acquisition among nonnative learners of Chinese. The Modern Language Journal, 91, I, 97-111.
3.Komori, S. & Zimmerman, E. (2001) . A Critique of Web-Based Kanji Learning Programs for Automous Learners: Suggestions for Improvement of WWKanji. Computer Assisted Language Learning, 14(1), 48-52.
4.McGinnis, S. (1999) . Students goals and approaches. In: Chu, M. (Ed.), Mapping the Course of the Chinese Language Field: Chinese Language Teachers Association Monograph Series, vol. III. Chinese Language Teachers Association, Inc., Kalamazoo, Michigan, 151–168.
5.Tseng, J. J.(2000). Character learning strategies among German students. Language Research.
6.Jin, H. G. (2003). Empirical Evidence on Character Recognition in Multimendia Chinese Tasks. Concentric: Studies in Linguistics, 29(2), 36-58.
7.Wang, M., Perfetti, C. A., & Liu, Y. (2003). Alphabetic readers quickly acquire orthographic structure in learning to read Chinese. Scientific Studies of Reading, 7(2), 183 - 208.
8.Shen, H. H., & Ke, C. (2007). Radical awareness and word acquisition among nonnative learners of Chinese. The Modern Language Journal, 91(1), 97-111.
9.Taft, M., Chung, K. (1999). Using Radicals in Teaching Chinese Characters to Second Language Learners. Psychologia. 42, 243-251.
10.Miller, G. (1956),The Magical Number Seven,Plus or Minus Two:Some Limits on Our Capacity for Processing Information , Psychological Review, vol. 63. 81-97
11.Schunk, D. H. (1991). Learning theories: An educational perspective. NJ: Macmillan.
12.Everett N. M. (2013). UI is Communication: How to Design Intuitive, User Centered Interfaces by Focusing on Effective Communication. Waltham: Morgan Kaufmann. 149-177
13.Mayer, R. C. (2001). Multimedia learning. USA: Cambridge University Press.
14.Griffin, G. Ten Tips for Designing Mobile Learning Content. Retrieved[6/20, 2014] from Griffin, G.database on the World Wide Web: http://www.learningsolutionsmag.com/articles/700/
15.Ryan S. (2013) . What UI really is (and how UX confuses matters). Retrieved [1/23, 2014] from Ryan Singer database on the World Wide Web: http://feltpresence.com/articles/19-what-ui-really-is-and-how-ux-confuses-matters
16.Norman, D. A.(1983). Some observations on mental models. NJ: Lawrence Erlvaum Associates.
17.Alan D., Janet E. F., Gregory D. A., Russell B.(1998). Human-Computer Interaction. 124-127.
18.Human Interface Guidelines for iOS6 (2011) . iOS Developerlibrary. Retrieved [1/20, 2013] from tableless database on the World Wide Web: http://tableless.github.io/exemplos/pdf/guidelines-interface-mobiles/MobileHIG.pdf
19.ISO 9241-11(1999). Human-Centered Design Processes for Interactive Systems〔S〕. International Standards Organization.
20.Jakob N. (2012) . Usability 101: Introduction to Usability. Retrieved [7/31, 2014] from nngroup database on the World Wide Web: http://www.nngroup.com/articles/usability-101-introduction-to-usability/
21.Jakob N. (1995). 10 Usability Heuristics for User Interface Design. Retrieved [7/31, 2014] from nngroup database on the World Wide Web: http://www.nngroup.com/articles/ten-usability-heuristics/
22.Gibson, James J.(1979). The ecological approach to visual perception,Boston: Houghton Mifflin
23.Saffer, D. (2008). The Revolution Will Not Be Frustrating: Introducing Natural User Interface. Retrieved [7/31, 2014] from kickerstudio database on the World Wide Web: http://www.kickerstudio.com/what-is-nui/
24.Craig V., Dan W., Luke W. (2010). TouchGestureGuide. [7/31, 2014] from lukew database on the World Wide Web: http://www.lukew.com/ff/entry.asp?1071
25.Campball, J. M. (2000). Introduction to the special issue on “Scenario-Based Systems Development,” Interacting with Computers, 13(1), 41-42
26.Jesse J. (2002). A visual vocabulary for describing information architecture and interaction design. Retrieved [7/30, 2014] from jjg.net database on the World Wide Web: http://www.jjg.net/ia/visvocab/
27.Erickson, T. D.(1990). Working with interface metaphors. In B. Laural(ed.). The Art of Human-Computer Interface Design. Boston: Addison-Wesley.
28.Jakob Nielsen (1995) . How to Conduct a Heuristic Evaluation. Retrieved [7/31, 2014] from nngroup database on the World Wide Web: http://www.nngroup.com/articles/ten-usability-heuristics/
29.Jakob Nielsen (1995). Severity Ratings for Usability Problems. Retrieved [7/31, 2014] from nngroup database on the World Wide Web: http://www.nngroup.com/articles/how-to-rate-the-severity-of-usability-problems/

QRCODE
 
 
 
 
 
                                                                                                                                                                                                                                                                                                                                                                                                               
第一頁 上一頁 下一頁 最後一頁 top