電子書應用程式閱讀模式與功能介面設計研究

Reading Model's Functional Interface Design of Electronic Book APP

陳詩捷(Shih-Chieh Chen) ； 林崇旭(Chung-Hsu Lin)

《設計學報》 26卷3期 (2021/09) Pp. 21-38

摘要

自2007年亞馬遜公司發布Kindle電子書閱讀器以來，歷經了十多年，閱讀器已經變成方便隨身攜帶的輕薄樣式，且透過不斷開發與整合軟硬體，使用者不僅重視書籍的種類與數量，更在意與電子書的互動性與操作性。本研究旨在藉由使用平板電腦閱讀電子書時，探討電子書閱讀模式之介面設計差異，進行實驗驗證。實驗為內文方向（橫排內文／直排內文）×功能列方向（橫式功能列／直式功能列）×觸控方式（手指操作／觸控筆操作）三因子設計，以時間績效與點擊次數作為使用性分析依據，透過任務分析法紀錄操作時間績效與點擊次數，藉此以分析變項對於使用性之影響，並提供設計師未來在電子書閱讀模式的設計建議。本研究經實驗驗證三變項對於電子書閱讀模式之結果，提出以下三點設計準則：1.內文方向，多數功能為橫排內文使用績效較佳，且實驗受測者調查偏好橫排內文的受測者比例也較高，因此內文方向建議採橫向編排；2.功能列方向，電子書閱讀模式橫式功能列有較好的操作績效，因此建議採橫式功能列設計；3.觸控方式，電子書閱讀模式設計應以手指觸控為主要觸控方式，且避免需要精細操作的功能；期盼此研究能對於電子書與介面設計相關研究領域提出貢獻。

關鍵字

電子書平台應用程式 ； 閱讀模式 ； 介面設計 ； 任務分析

並列摘要

More than 10 years have passed since Amazon.com launched the e-book reader of Kindle in 2007. The e-book reader has become thinner and more portable. With continuous development and integration of hardware and software, users not only pay attention to the variety and quantity of books but also care for the interactivity and operation of the e-book even more. This study explored the interface design differences of the e-book information construction when using the tablet computer for reading e-books, and carry out experiments for verification. This experiment was designed on the basis of three factors of the text direction (horizontal text/vertical text) × direction of function bar (horizontal function bar/vertical function bar) × touch mode (by finger/stylus). The operation time performance and click times were recorded through task analysis method, so as to analyze the effect of variables on the usability and provide suggestions on the future design of e-book information construction for designers. After verifying the effects of three variables on the e-book information construction via experiment, this study proposes the following three design principles: (1) as for the text direction, the horizontal format is recommended for it because horizontal text will have better usability performance for most functions and more subjects in the survey of experiment prefer the horizontal text; (2) as for the direction of function bar, the horizontal function bar is recommended because it can offer a better operation performance in the e-book information construction; (3) as for the touch mode, finger touch should be used as the main touch mode , and functions requiring accurate operation should be avoided in the design of e-book information construction. It is hoped that the findings will make contributions to the research fields relevant with e-book and its interface design.

並列關鍵字

E-book Platform APP ； Information Construction ； Interface Design ； User Experience ； Task Analysis

參考文獻

Brooke, J. (1996). SUS - A quick and dirty usability scale. Retrieved from https://liacs.leidenuniv.nl/~verbeekfj/courses/hci/SUS-questionaire.pdf

Cockburn, A., Ahlstrom, D., & Gutwin, C. (2012). Understanding performance in touch selections: Tap, drag and radial pointing drag with finger, stylus and mouse. International Journal of Human-Computer Studies, 70(3), 218-233.

Kao, G. Y. M., Tsai, C. C., Liu, C. Y., & Yang, C. H. (2016). The effects of high/low interactive electronic storybooks on elementary school students’ reading motivation, story comprehension and chromatics concepts. Computers & Education, 100, 56-67.

Kwon, S., Choi, E., & Chung, M. K. (2011). Effect of control-to-display gain and movement direction of information spaces on the usability of navigation on small touch-screen interfaces using tap-n-drag. International Journal of Industrial Ergonomics, 41(3), 322-330.

Nielsen, J. (2012, January 4). Usability 101: Introduction to usability. [Web blog message]. Retrieved from https://www.nngroup.com/articles/usability-101-introduction-to-usability/