臺灣博碩士論文加值系統

本研究探討行動電子書互動介面設計，從使用性出發討論先前使用經驗、情感設計及視覺化之關鍵要素。整體研究架構首先進行相關文獻彙整與分析，再導入本研究所擬定之三個研究課題，其目的與方法分別為：研究課題一：採用使用者測試、問卷調查與個別深度訪談法，探討介面設計原則與使用性；研究課題二：採用使用者測試與紮根理論法，探討互動體驗情感設計的關鍵與特色；研究課題三：採用焦點團體法，分析視覺化與互動設計模式如何影響使用者經驗。本研究成果如下：
1.行動電子書使用性原則與介面設計：使用性評估可從可視、容易、有效及享受四方面著手，使用者的操作與認知與先前使用經驗息息相關，而影響使用者操作的重要關鍵分別是：一、美學：可增添行動電子書的內容，讓使用者在閱讀的同時也能夠享受更舒適的視覺效果；二、成就感：減少錯誤率隨即讓使用者擁有成就；三、介面友善：讓使用者容易學習，容易操作。
2.行動電子書互動體驗與情感設計：本研究提出行動電子書設計中考量視覺效果、設計模式、操作模式、互動體驗、價值暨滿意度所賦予的情感因子，可以增加使用者操作及使用的頻率，其中又以「價值暨滿意度」是串聯情感向度的核心因子，使用時感到愉快價值自然提昇。情感設計對於行動電子書的互動體驗有正面影響，愉悅的感受更能讓使用者在使用上與產品更為密切，因此添加情感因子將是行動電子書互動介面設計重要的一環。
3.行動電子書互動介面模式與視覺化研究：行動電子書專屬的使用者介面模式可以不受出版系統與應用程式的限制，為行動電子書提供一致性的操作模式。形狀、區域、色彩、數字等先期注意變數可以在第一時間傳遞資訊，其中又以「數字」為行動電子書的互動介面模式與視覺化中，最重要的視覺特點。行動電子書互動設計中以物件可視性（按鈕、提示）與視覺呈現（素材、頁面配置、效果）為吸引使用者注意及深入感興趣點之視覺化要件。
綜觀上述，本研究從使用性出發，整合互動介面設計之多元性研究觀點：使用性原則、情感設計、視覺化，找出吸引使用者深入感興趣點的視覺化因素，為行動電子書領域整理出有關互動介面設計模式之建議。

This study explores interactive interface design on mobile e-books. The goals and methodologies of the issues are as follows: (1) discuss interface design principles and usability by user testing, questionnaire and interview survey; (2) explore the key points of interactive experience and emotional design by user testing and grounded theory; (3) analyze the effect of visualization and interactive interface design patterns relate to user experience by focus group. The results of this study are as follows:
1.Usability principles and interface design on mobile e-books: Usability principles can follow four principles, including visibility, ease, efficiency and enjoyment. Users’ perception and behaviour of using a mobile e-book interface are related to user prior experience. The key attributes affecting users’ behavior of operating the interface are listed as follows: (1) asthetics: proper graphic designs, page layouts, icons, and structures may enrich the content of an e-book, as well as bring users pleasant visual enjoyment when reading; (2) achievement: user prior experience can minimize the chances of making mistakes, and bring users a sense of achievement; (3) friendliness: user prior experience can minimize users’ chances of making mistakes, which renders learning and operation easier for users.
2.Rich interactive experience and emotional design on mobile e-books: The paper proposed that mobile e-books adopt visual effect, designing patterns, operating patterns, interactive experience as well as values and satisfactions to enhance user operation and frequency. Furthermore, the whole context are constructed by taking values and satisfaction as the core category. Emotional design is deep feeling that have an effect on interactive experience of mobile e-book. Using the product would make the readers feel pleasure, which is the goal of emotional design. Consequently, it is vital that interactive interface design increase emotional factors on mobile e-books.
3.Visualization and interactive interface design patterns on mobile e-books: Providing consistency operating modes, exclusive user interface design patterns are not limited to digital publishing system and application software in mobile e-books. Preattentive variable which included shape, area, colour and number can transmit information for the first time. It is important for interface design to provide number as preattentive variable in mobile e-books. The key visualization element to trigger and deepen interesting point of users include object visibility include button and prompt, as well as visual presentation include material, effect and layout on mobile e-books.
According to the aforementioned analysis, this paper first discusses usability as well as integrates diversity of interactive interface design and research perspectives: usability principles, emotional design and visualization to find the key visualization elements, which can trigger and deepen interesting points of users. Above all, provide the suggestion to promote the qualities of interactive interface design patterns on mobile e-books.

摘要 i
ABSTRACT ii
誌謝 iv
目錄 v
表目錄 viii
圖目錄 ix
第一章 緒論 1
1.1 研究背景與動機 1
1.2 研究目的 3
1.3 研究架構與流程 3
1.4 研究範圍與限制 7
第二章 文獻探討 9
2.1 行動電子書探討 9
2.1.1 電子書的種類 9
2.1.2 輕便的閱讀方式 10
2.2 人機互動介面設計 11
2.2.1 行動電子書互動手勢操作 11
2.2.2 行動電子書使用者介面模式 12
2.2.3 行動電子書的情感設計 15
2.2.4 行動電子書的視覺化介面設計 17
2.3 介面使用性研究 19
2.3.1 產品使用性評估方法 19
2.3.2 行動電子書介面設計元素 20
2.4 文獻小結 21
第三章 研究方法 23
3.1 研究課題一：行動電子書的使用性原則與介面設計研究 23
3.1.1 研究模式與問題 24
3.1.2 研究設計與流程 25
3.1.3 研究對象與內容 27
3.2 研究課題二：行動電子書的互動介面模式與視覺化研究 27
3.2.1 研究工具 28
3.2.2 使用者測試 29
3.2.3 使用者基本資料 31
3.3 研究課題三：行動電子書的互動介面模式與視覺化研究 31
3.3.1 實驗設計與流程 31
3.3.2 研究問題 32
3.3.3 設計焦點團體問題 33
3.3.4 實驗對象與工具 33
3.3.5 焦點團體法 34
3.3.6 資料收集與分析 35
第四章 行動電子書的使用性原則與介面設計研究 37
4.1 研究結果與討論 37
4.1.1 使用者基本資料 37
4.1.2 介面行為分析 38
4.1.3 設計原則分析 40
4.1.4 先前使用經驗分析 43
4.1.5 研究問題與討論 45
4.2 研究小結 47
第五章 行動電子書的互動體驗與情感設計研究 49
5.1 實驗結果與分析 49
5.1.1 開放性編碼（Open coding） 50
5.1.2 主軸編碼（Axial coding） 54
5.1.3 選擇編碼（Selective coding） 57
5.2 研究小結 60
第六章 行動電子書的互動介面模式與視覺化研究 63
6.1 研究結果與討論 63
6.1.1 先期注意（Preattentive）的視覺特徵 63
6.1.2 互動介面設計模式（Interactive interface design patterns） 64
6.1.3 研究問題與討論 72
6.2 研究小結 74
第七章 討論與結論 77
7.1 討論 77
7.1.1 行動電子書的使用性原則與介面設計研究 77
7.1.2 行動電子書的互動體驗與情感設計研究 78
7.1.3 行動電子書的互動介面模式與視覺化研究 78
7.2 結論 79
7.3 後讀研究 81
參考文獻 83
附錄一：研究課題一問卷設計 90
附錄二：研究課題一深入訪談摘要 94
附錄三：研究課題二問卷設計 96
附錄四：研究課題二開放性編碼結果 99
附錄五：研究課題三受測者口語資料 108
發表著作 112

中文文獻

[1]山岡俊樹、岡田明（1999）。ユーザインタフェースデザインの実践―応用人間工学の視点に基づく。東京：海文堂出版。
[2]朱柏穎、陳立杰、俞維昇（2010）。產品認知價值之情感向度指標萃取與評價模式研究。設計學報，15(1)，25-49。
[3]吳田瑜（2009）。影響消費者愉悅情感之產品造形探討。博士論文，國立臺灣科技大學，台北市。取自http://ndltd.ncl.edu.tw/cgi-bin/gs32/gsweb.cgi?o=dnclcdr&s=id=%22097NTUS5619015%22.&searchmode=basic
[4]吳亞仁（2008）。觸控式螢幕介面設計之使用性研究-以手持式汽車導航儀為例。碩士論文，國立臺灣科技大學，台北市。取自 http://ndltd.ncl.edu.tw/cgi-bin/gs32/gsweb.cgi?o=dnclcdr&s=id=%22097NTUS5619006%22.&searchmode=basic
[5]杜強、賈麗艷（2012）。SPSS統計分析完全學習手冊。台北市：佳魁資訊。
[6]孫易新（2014）。心智圖法理論與應用。台北市：商周出版。
[7]商周編輯顧問公司（2013）。 2013出版年鑑。台北市：行政院文化部。
[8]康泰納仕綜合媒體事業有限公司（2012）。WIRED TAIWAN. WIRED TAIWAN. Retrieved from http://wired.tw/2012/05/22/blogger-twdcicloud/index.html
[9]張紹勳（2004）研究方法。台中市：滄海書局。
[10]張蓓渝（2013）。電子書閱讀介面設計之使用性評估研究-以iPad平板電腦為例。碩士論文，國立臺北科技大學，台北市。取自http://ndltd.ncl.edu.tw/cgi-bin/gs32/gsweb.cgi?o=dnclcdr&s=id=%22101TIT05719039%22.&searchmode=basic
[11]許子凡（2010）。圖形符號的資訊負載及其判讀績效研究。博士論文，國立臺灣科技大學，台北市。取自http://ndltd.ncl.edu.tw/cgi-bin/gs32/gsweb.cgi?o=dnclcdr&s=id=%22098NTUS5619025%22.&searchmode=basic
[12]游曉貞、陳國祥、邱上嘉（2006）。直接知覺論在產品設計應用之審視。設計學報11(3)，13-28。
[13]黃靖淳（2013）。互動式電子童書介面設計研究－以平板電腦為例。碩士論文，國立臺北教育大學，台北市。取自http://ndltd.ncl.edu.tw/cgi-bin/gs32/gsweb.cgi?o=dnclcdr&s=id=%22101NTPT0787022%22.&searchmode=basic
[14]萬欣亭（2008）。多點式觸控螢幕之手勢操作研究。碩士論文，大同大學，台北市。取自http://ndltd.ncl.edu.tw/cgi-bin/gs32/gsweb.cgi?o=dnclcdr&s=id=%22097TTU05038039%22.&searchmode=basi
[15]葉謹睿（2010）。互動設計概論。台北市：藝術家。
[16]劉又嘉（2012）。探討iPad的使用者介面元件之使用性評估。碩士論文，國立清華大學，新竹市。取自 http://ndltd.ncl.edu.tw/cgi-bin/gs32/gsweb.cgi?o=dnclcdr&s=id=%22100NTHU5031111%22.&searchmode=basic
[17]鄭錦文（2012）平板電腦電子書閱讀程式之介面呈現及編輯方式之設計研究。碩士論文，國立臺灣科技大學，台北市。取自 http://ndltd.ncl.edu.tw/cgi-bin/gs32/gsweb.cgi?o=dnclcdr&s=id=%22100NTUS5619024%22.&searchmode=basic
[18]蘇修毅（2010）。電子書閱讀器介面設計之使用性研究－以嘉義縣水上國小為例。碩士論文，國立台北科技大學，台北市。取自http://ndltd.ncl.edu.tw/cgi-bin/gs32/gsweb.cgi?o=dnclcdr&s=id=%22098TIT05719008%22.&searchmode=basic
[19]顧兆仁、陳立杰（2011）。大型觸控螢幕內三維虛擬物件的旋轉操控模式與手勢型態配對之研究。設計學報，16(2)，1-22。
[20]Lo, S. (2012, February 13). 《Wired》美國版總編輯Chris Anderson：數位閱讀勢不可擋. WIRED.TW. Retrieved from http://wired.tw/2012/02/13/future_of_reading_chris_anderson/index.html


英文文獻

[1]ANDRÉ, C. (2000). Synchronous Interface Behavior: Syntax and Semantics (Technical Report RR 00-11). Retrieved from Sophia-Antipolis, France: http://www-sop.inria.fr/members/Charles.Andre/CA Publis/SIB/semantiqueSIB.pdf
[2]Bennett, K. B., & Flach, J. M. (2009). Display and Interface Design: Subtle Science, Exact Art: Taylor and Francis.
[3]Britton, A., Setchi, R., & Marsh, A. (2013). Intuitive interaction with multifunctional mobile interfaces. Journal of King Saud University - Computer and Information Sciences, 25(2), 187-196. doi:10.1016/j.jksuci.2012.11.002
[4]Budiu, R., & Nielsen, J. (2010). iPad App and Website Usability. Retrieved from Fremont, CA, USA: http://www.nngroup.com/reports
[5]Buzan, T. (2015). Inventor of Mind Mapping. Retrieved from http://www.tonybuzan.com/about/mind-mapping/
[6]Card, S. K., Mackinlay, J. D., & Shneiderman, B. (1999). Readings in information visualization: using vision to think: Morgan Kaufmann Publishers Inc.
[7]Charmaz, K., & Bryant, A. (2010). Grounded Theory A2 - McGaw, Penelope PetersonEva BakerBarry International Encyclopedia of Education (Third Edition) (pp. 406-412). Oxford: Elsevier.
[8]Chen, L.-C., & Chu, P.-Y. (2012). Developing the index for product design communication and evaluation from emotional perspectives. Expert Systems with Applications: An International Journal, 39(2), 2011-2020. doi:10.1016/j.eswa.2011.08.039
[9]Chen, N., Guimbretiere, F., Dixon, M., Lewis, C., & Agrawala, M. (2008). Navigation techniques for dual-display e-book readers. Paper presented at the Proceeding of the twenty-sixth annual SIGCHI conference on Human factors in computing systems, Florence, Italy.
[10]Concise Oxford English Dictionary. (2011). Subscribe to Oxford Dictionaries Pro.
[11]Constantiou, I. D. (2009). Consumer behaviour in the mobile telecommunications’ market: The individual’s adoption decision of innovative services. Telematics and Informatics, 26(3), 270-281. doi:10.1016/j.tele.2008.11.005.
[12]Cronbach, L. J. (1951). Coefficient alpha and the internal structure of tests. Psychometrika, 16(3), 297-334. doi:10.1007/BF02310555
[13]Culbertson, B., Harcourt, K., Mandelstam, Y., & Prager, G. (2009). MARC Record Guide for Monograph Aggregator Vendors (2nd ed.): MARC STANDARDS.
[14]Desmet, P., & Hekkert, P. (2007). Framework of Product Experience. International Journal of Design, 1(1), 57-66.
[15]Dumas, J. S., & Redish, J. C. (1999). A Practical Guide to Usability Testing: Intl Specialized Book Service Inc.
[16]Harrison, A. W., & R. Kelly Rainer, J. (1992). The influence of individual differences on skill in end-user computing. Journal of Management Information Systems, 9(1), 93-111. doi:10.1080/07421222.1992.11517949
[17]Healey, C. G., Booth, K. S., & Enns, J. T. (1996). High-speed visual estimation using preattentive processing. ACM Transactions on Computer-Human Interaction (TOCHI), 3(2), 107-135. doi:10.1145/230562.230563
[18]Holsti, O. R. (1969). Content analysis for the social sciences and humanities. Don Mills: Addison-Wesley Publishing Company.
[19]Hoober, S., & Berkman, E. (2011). Designing Mobile Interfaces: O'Reilly Media.
[20]Huang, C.-H., & Wang, C.-M. (2012, December 12). The Impact of Interaction Pattern toward User Operation on Mobile eBooks. Paper presented at the 2012 International Conference on Paradigm for Design Education, Yunlin, Taiwan.
[21]Hvannberg, E. T., Law, E. L.-C., & Lárusdóttir, M. K. (2007). Heuristic evaluation: Comparing ways of finding and reporting usability problems. Interacting with Computers, 19(2), 225-240. doi:10.1016/j.intcom.2006.10.001
[22]IDC. (2013, December 3). Worldwide Tablet Shipments Forecast to Slow to Single-Digit Growth Rates by 2017, According to IDC. Retrieved from http://www.gfkmri.com/
[23]IDC. (2016, February 18). One in Five Tablets Sold in 4Q15 Was a Detachable, Says IDC Retrieved from http://www.idc.com/
[24]Incorporated, A. S. (2013). Adobe Digital Publishing Suite. Retrieved from https://digitalpublishing.acrobat.com/welcome.html
[25]Incorporated, A. S. (2015, November 12). ‘Made With DPS’ apps recognized at 2015 Digital Magazine Awards. Retrieved from http://blogs.adobe.com/aemmobile/
[26]Jordan, P. W. (2000). Designing Pleasurable Products: An Introduction to the New Human Factors. London: CRC Press.
[27]Kang, Y.-Y., Wang, M.-J. J., & Lin, R. (2009). Usability evaluation of E-books. Displays, 30(2), 49-52. doi:10.1016/j.displa.2008.12.002
[28]Khalid, H. M., & Helander, M. G. (2004). A framework for affective customer needs in product design. Theoretical Issues in Ergonomics Science, 5(1), 27-42.
[29]Kim, B., Choi, M., & Han, I. (2009). User behaviors toward mobile data services: The role of perceived fee and prior experience. Expert Systems with Applications, 36(4), 8528-8536. doi:10.1016/j.eswa.2008.10.063
[30]Kim, J., & Moon, J. Y. (1998). Designing towards emotional usability in customer interfaces—trustworthiness of cyber-banking system interfaces. Interacting with Computers, 10(1), 1-29. doi:10.1016/s0953-5438(97)00037-4
[31]Langford, J. D., & McDonagh, D. (2003). Focus Groups: Supporting Effective Product Development. New York: Taylor & Francis.
[32]Mazza, R. (2009). Introduction to Information Visualization. London: Springer.
[33]Morgan, D. L. (1996). Focus Groups as Qualitative Research (2nd ed.). London: SAGE Publications, Inc.
[34]Neil, T. (2012). Mobile Design Pattern Gallery: UI Patterns for Mobile Applications: O'Reilly Media, Inc.
[35]Nielsen, J. (1993). Usability Engineering. Boston: Academic Press.
[36]Nielsen, J. (1997). The use and misuse of focus groups. Software, IEEE, 14(1), 94-95. doi:10.1109/52.566434
[37]Norman, D. A. (2002). The Design of Everyday Things. New York, NY, USA: Basic Books.
[38]Norman, D. A. (2004). Emotional Design : Why We Love (Or Hate) Everyday Things: Perseus Books Group.
[39]Preece, J., Rogers, Y., & Sharp, H. (2002). Interaction Design: Beyond Human-Computer Interaction (1st ed.). New York, NY, USA: John Wiley & Sons, Inc.
[40]Rogers, Y., Sharp, H., & Preece, J. (2011). Interaction Design: Beyond Human - Computer Interaction (3rd ed.). Chichester, West Sussex, UK: John Wiley & Sons.
[41]Rubin, J., & Chisnell, D. (2008). Handbook of Usability Testing: Howto Plan, Design, and Conduct Effective Tests (2nd ed.). Hoboken: John Wiley & Sons.
[42]Saffer, D. (2006). Designing for Interaction: Creating Smart Applications and Clever Devices (1st ed.). Berkeley, CA, USA Peachpit Press.
[43]Saffer, D. (2008). Designing Gestural Interfaces: Touchscreens and Interactive Devices: O'Reilly Media.
[44]Scott, W. A. (1955). Reliability of Content Analysis: The Case of Nominal Scale Coding. Public Opinion Quarterly, 19(3), 321-325. doi:10.1086/266577
[45]Shneiderman, B. (1996, Sep 3-6). The eyes have it: a task by data type taxonomy for information visualizations. Paper presented at the IEEE Symposium on Visual Languages, Boulder, Colorado.
[46]Shneiderman, B., & Plaisant, C. (2004). Designing the User Interface: Strategies for Effective Human-Computer Interaction (4th ed.). Boston, MA, USA: Pearson Addison Wesley.
[47]Spence, R. (2007). Information Visualization: Design for Interaction (2nd ed.). New York: Prentice Hall.
[48]Sporkin, A. (2013). Trade publishers' net revenue grows 6.2% for calendar year 2012 [Press release]. Retrieved from http://www.publishers.org/press/101/
[49]Tajika, T., Yonezawa, T., & Mitsunaga, N. (2008). Intuitive page-turning interface of e-books on flexible e-paper based on user studies. Paper presented at the Proceeding of the 16th ACM international conference on Multimedia, Vancouver, British Columbia, Canada.
[50]Taylor, S., & Todd, P. (1995). Assessing IT usage: the role of prior experience. MIS Quarterly, 19(4), 561-570. doi:10.2307/249633
[51]Tidwell, J. (2006). Designing interfaces (2nd ed.). Sebastopol, CA, USA: O'Reilly.
[52]Toxboe, A. (2013). User Interface Design Pattern Library. Retrieved from http://ui-patterns.com/
[53]Treisman, A. (1985). Preattentive processing in vision. Computer Vision, Graphics, and Image Processing, 31(2), 156-177. doi:10.1016/S0734-189X(85)80004-9.
[54]Ware, C. (2012). Information Visualization: Perception for Design (3rd ed.). USA: Morgan Kaufmann.
[55]Wroblewski, L. (2010). Touch Gesture Reference Guide. Retrieved from http://www.lukew.com/touch/