隨著發展的成熟，行動裝置不再只有娛樂的性質，它的便利性和彈性成為了物聯網時代的一把利器，讓資訊不再被時間和地域所侷限。然而行動裝置和一般電腦裝置的螢幕尺寸及解析度差異顯而易見，為使開發人員易於設計，同時維持使用者在轉移裝置時的使用經驗，自適應網頁應運而生。雖然目前的研究已證實自適應網頁確實能提升使用者的優使性，然而對於圖表的自適應卻少有研究，圖表的自適應不僅僅是放大和縮小，還涉及了數據的密度及圖表的比例是否失真。本研究以數據視覺化的三種常見方式，長條圖、折線圖和表格為基礎，在圖表內容皆清晰可見為前提下，進行當圖表大於螢幕時的呈現方式之研究，包含直接拖移圖表與切割圖表兩種呈現方式，透過11位受測者進行兩種數據大小及兩種介面呈現的任務測試，並得出客觀的任務績效數據與主觀的優使性及心智負荷評估。實驗結果發現在長條圖中，切割圖表能提供使用者更好的優使性與有效降低心智負荷；而折線圖則需視資料量大小而定，資料量過大時不適用切割圖表的方式呈現；而表格中，則是有固定欄位功能之表格能帶來更佳的優使性及較低的心智負荷。也期望本研究之結果，能為圖表自適應的初步發展帶來貢獻。

The convenience and flexibility of mobile devices have become a weapon in the Internet of Things era; therefore information is no longer limited by time and region. However, difference in screen size and resolution between mobile devices and general computer devices is obvious. In order to make it easy for developers to design and maintain the user's experience in transferring devices, responsive web design (RWD) have emerged. Although current researches have confirmed that the RWD can improve usability, there is little researches on the responsive charts. The responsive charts is not only about the scaling, but also about the density of data and whether distortion or not. This study is based on three common ways of data visualization including bar charts, line charts and tables. Under the premise of clear chart content, the study has a factorial experiment design which has two factors, data size and segmentation. The experiment was implemented by 11 subjects; and the data of objective task performance, subjective usability and mental load assessment were obtained. The results suggested that in the bar charts, the cutting chart can provide users with better usability and reduce the mental load; while the line charts depended on the amount of data; when the amount of data is too large, it is not applicable to the cutting chart. In the table, the table with fixed column function can bring better usability and lower mental load. It is also expected that the results of this study will contribute to the initial development of responsive charts.

Andreas, B. G. (1972). Experimental psychology: John Wiley & Sons.
Andrews, K., & Smrdel, A. (2017). Responsive Data Visualisation.
Atkinson, R. C., & Shiffrin, R. M. (1968). Human memory: A proposed system and its control processes1 Psychology of learning and motivation (Vol. 2, pp. 89-195): Elsevier.
Badre, A. N. (1982). Designing chunks for sequentially displayed information. Directions in Human/Computer Interaction, Ablex, 179-193.
Bangor, A., Kortum, P., & Miller, J. (2009). Determining what individual SUS scores mean: Adding an adjective rating scale. Journal of usability studies, 4(3), 114-123.
Bangor, A., Kortum, P. T., & Miller, J. T. (2008). An empirical evaluation of the system usability scale. Intl. Journal of Human–Computer Interaction, 24(6), 574-594.
Bangor, A. W. (2000). Display technology and ambient illumination influences on visual fatigue at VDT workstations. Virginia Tech.
Bao, P., Pierce, J., Whittaker, S., & Zhai, S. (2011). Smart phone use by non-mobile business users. Paper presented at the Proceedings of the 13th international conference on human computer interaction with mobile devices and services.
Beattie, V., & Jones, M. J. (2002). The impact of graph slope on rate of change judgments in corporate reports. Abacus, 38(2), 177-199.
Beniger, J. R., & Robyn, D. L. (1978). Quantitative graphics in statistics: A brief history. The American Statistician, 32(1), 1-11.
Bouma, H. (1978). Visual search and reading: Eye movements and functional visual field: A tutorial review.
Brooke, J. (1996). SUS-A quick and dirty usability scale. Usability evaluation in industry, 189(194), 4-7.
Butler, D. M., Almond, J. C., Bergeron, R. D., Brodlie, K. W., & Haber, R. B. (1993). Visualization reference models. Paper presented at the Proceedings of the 4th conference on Visualization'93.
Card, M. (1999). Readings in information visualization: using vision to think: Morgan Kaufmann.
Castellano, W. G. (2013). Practices for engaging the 21st century workforce: Challenges of talent management in a changing workplace: FT Press.
Chen, C. P., & Zhang, C.-Y. (2014). Data-intensive applications, challenges, techniques and technologies: A survey on Big Data. Information Sciences, 275, 314-347.
Chen, S., Xu, H., Liu, D., Hu, B., & Wang, H. (2014). A vision of IoT: Applications, challenges, and opportunities with china perspective. IEEE Internet of Things journal, 1(4), 349-359.
Chittaro, L. (2006). Visualizing information on mobile devices. Computer, 39(3), 40-45.
Cleveland, W. S. (1993). A model for studying display methods of statistical graphics. Journal of Computational and Graphical Statistics, 2(4), 323-343.
Cleveland, W. S., & Cleveland, W. S. (1985). The elements of graphing data (Vol. 2): Wadsworth Advanced Books and Software Monterey, CA.
Cleveland, W. S., McGill, M. E., & McGill, R. (1988). The shape parameter of a two-variable graph. Journal of the American Statistical Association, 83(402), 289-300.
Cleveland, W. S., & McGill, R. (1984). Graphical perception: Theory, experimentation, and application to the development of graphical methods. Journal of the American statistical association, 79(387), 531-554.
Cleveland, W. S., & McGill, R. (1987). Graphical perception: The visual decoding of quantitative information on graphical displays of data. Journal of the Royal Statistical Society. Series A (General), 192-229.
Donnelly, R., & Kelley, W. M. (2009). The humongous book of Statistics Problems: Penguin.
Fink, A. (2012). How to conduct surveys: A step-by-step guide: A step-by-step guide: Sage Publications.
Friendly, M., & Denis, D. J. (2001). Milestones in the history of thematic cartography, statistical graphics, and data visualization. URL http://www. datavis. ca/milestones, 32.
Garrett, J. J. (2010). The elements of user experience: user-centered design for the web and beyond: Pearson Education.
Gerald J, K., & Maybury, M. T. (2000). Information storage and retrieval systems: theory and implementation (Vol. 8): Springer Science & Business Media.
Gliem, J. A., & Gliem, R. R. (2003). Calculating, interpreting, and reporting Cronbach’s alpha reliability coefficient for Likert-type scales.
Gubbi, J., Buyya, R., Marusic, S., & Palaniswami, M. (2013). Internet of Things (IoT): A vision, architectural elements, and future directions. Future generation computer systems, 29(7), 1645-1660.
Hackos, J. T., & Redish, J. (1998). User and task analysis for interface design.
Hart, S. G., & Staveland, L. E. (1988). Development of NASA-TLX (Task Load Index): Results of empirical and theoretical research Advances in psychology (Vol. 52, pp. 139-183): Elsevier.
Hinderman, B. (2015). Building responsive data visualization for the web: John Wiley & Sons.
Hoffman, P. E., & Grinstein, G. G. (1999). Table visualizations: a formal model and its applications. University of Massachusetts. Lowell.
ISO, S. (1998). 9241-11 (1998). Ergonomic Requirements for Office Work with Visual Display Terminals (VDTs)–Part II Guidance on Usability.
Jarvenpaa, S.-L., & Dickson, G. W. (1988). Graphics and managerial decision making: Research-based guidelines. Communications of the ACM, 31(6), 764-774.
Jones, M., Buchanan, G., & Thimbleby, H. (2003). Improving web search on small screen devices. Interacting with Computers, 15(4), 479-495.
Keim, D., Qu, H., & Ma, K.-L. (2013). Big-data visualization. IEEE Computer Graphics and Applications, 33(4), 20-21.
Kempic III, J. (1998). Objective Image Quality of CRT Displays under Ambient Glare: Assessing the ISO 9241-7 Ergonomic Technical Standard. Virginia Tech.
Khan, M., & Khan, S. S. (2011). Data and information visualization methods, and interactive mechanisms: A survey. International Journal of Computer Applications, 34(1), 1-14.
Korner, C. (2016). Learning Responsive Data Visualization: Packt Publishing Ltd.
Le Bek, P. B. (2014). Building Responsive Visualizations with D3.js.
Lee, I., & Lee, K. (2015). The Internet of Things (IoT): Applications, investments, and challenges for enterprises. Business Horizons, 58(4), 431-440.
Lindsay, P. H., & Norman, D. A. (2013). Human information processing: An introduction to psychology: Academic press.
Lohse, G. L. (1993). A cognitive model for understanding graphical perception. Human-Computer Interaction, 8(4), 353-388.
Longo, L., Rusconi, F., Noce, L., & Barrett, S. (2012). The importance of human mental workload in web design.
Marcial, L., & Hemminger, B. (2011). Scrolling and pagination for within document searching: The impact of screen size and interaction style. Proceedings of the Association for Information Science and Technology, 48(1), 1-4.
Marcotte, E. (2010). Responsive web design, 2010. URL https://alistapart.com/article/responsive-web-design.
Marcotte, E. (2011). Responsive web design.
Meister, J. C., & Willyerd, K. (2010). The 2020 workplace: Harper Collins Publishers New York.
Melody Carswell, C., & Wickens, C. D. (1987). Information integration and the object display an interaction of task demands and display superiority. Ergonomics, 30(3), 511-527.
Mittelstädt, V., Brauner, P., Blum, M., & Ziefle, M. (2015). On the Visual Design of ERP Systems The–Role of Information Complexity, Presentation and Human Factors. Procedia Manufacturing, 3, 448-455.
Nagle, R. (2014). Responsive Charts with D3 and Backbone.
Nielsen, J. (1994). Usability engineering: Elsevier.
Pinker, S. (1990). A theory of graph comprehension. Artificial intelligence and the future of testing, 73-126.
Ratwani, R. M., Trafton, J. G., & Boehm-Davis, D. A. (2008). Thinking graphically: Connecting vision and cognition during graph comprehension. Journal of Experimental Psychology: Applied, 14(1), 36.
Salkind, N. J. (2016). Statistics for people who (think they) hate statistics: Sage Publications.
Sanchez, C. A., & Branaghan, R. J. (2011). Turning to learn: Screen orientation and reasoning with small devices. Computers in Human Behavior, 27(2), 793-797.
Schade, A. (2014). Responsive web design (RWD) and user experience. Retrieved from Neilson Norman Group: https://www. nngroup. com/articles/responsive-web-design-definition.
Simcox, W. A. (1984). A method for pragmatic communication in graphic displays. Human Factors, 26(4), 483-487.
Singh, A., & Wesson, J. (2009). Evaluation criteria for assessing the usability of ERP systems. Paper presented at the Proceedings of the 2009 annual research conference of the South African Institute of Computer Scientists and Information Technologists.
Tavakol, M., & Dennick, R. (2011). Making sense of Cronbach's alpha. International journal of medical education, 2, 53.
Tracy, J. P., & Albers, M. J. (2006). Measuring cognitive load to test the usability of web sites. Paper presented at the Annual Conference-society for technical communication.
Tufte, E. R., & Rifkin, S. (1997). Visual Explanations: Images and Quantities, Evidence and Narrative. ISIS-International Review Devoted to the History of Science and its Cultural Influence, 88(4), 748-748.
Ware, C. (2004). Information Visualization: Perception for Design.
Woods, D. D. (1984). Visual momentum: a concept to improve the cognitive coupling of person and computer. International Journal of Man-Machine Studies, 21(3), 229-244.
Ziefle, M., Brauner, P., & Speicher, F. (2015). Effects of data presentation and perceptual speed on speed and accuracy in table reading for inventory control. Occupational Ergonomics, 12(3), 119-129.