Analysis of Types, Positioning and Appearance of Visualizations in Online Teaching Environments to Improve Learning Experiences

In this paper we investigate different visualizations of learners’ data related to collaborative online learning in terms of suitability and attractiveness to students. Furthermore, we analyze whether positioning and color appearance of these data visualizations might have an effect on learners’ behavior. To that end, we conducted an online study (n = 120) as well as an eye tracking study (n = 20) to compare different types of visualizations. Results show that students prefer classical data visualizations like bar charts. Visualizations placed in the sidebar of a two column web interface get less attention than visualizations in the header of the main content area. Color schemes do not seem to influence the perception of visualizations. We discuss possible explanations and implications for designing data visualizations in learning environments.

[1]  Jacques Bertin,et al.  Semiology of Graphics - Diagrams, Networks, Maps , 2010 .

[2]  Michelene T. H. Chi,et al.  Active-Constructive-Interactive: A Conceptual Framework for Differentiating Learning Activities , 2009, Top. Cogn. Sci..

[3]  Keith S. Karn,et al.  Commentary on Section 4. Eye tracking in human-computer interaction and usability research: Ready to deliver the promises. , 2003 .

[4]  Jeffrey Heer,et al.  SpanningAspectRatioBank Easing FunctionS ArrayIn ColorIn Date Interpolator MatrixInterpola NumObjecPointI Rectang ISchedu Parallel Pause Scheduler Sequen Transition Transitioner Transiti Tween Co DelimGraphMLCon IData JSONCon DataField DataSc Dat DataSource Data DataUtil DirtySprite LineS RectSprite , 2011 .

[5]  Martin J. Eppler,et al.  Towards a periodic table of visualization methods of management , 2007 .

[6]  Joseph H. Goldberg,et al.  Computer interface evaluation using eye movements: methods and constructs , 1999 .

[7]  Alejandra Martínez-Monés,et al.  From Mirroring to Guiding: A Review of State of the Art Technology for Supporting Collaborative Learning , 2005, Int. J. Artif. Intell. Educ..

[8]  Morten Moshagen,et al.  A short version of the visual aesthetics of websites inventory , 2013 .

[9]  Gitte Lindgaard,et al.  Attention web designers: You have 50 milliseconds to make a good first impression! , 2006, Behav. Inf. Technol..

[10]  Aga Bojko,et al.  Eye Tracking the User Experience: A Practical Guide to Research , 2013 .

[11]  Martin Schrepp,et al.  Design and Evaluation of a Short Version of the User Experience Questionnaire (UEQ-S) , 2017, Int. J. Interact. Multim. Artif. Intell..

[12]  K. Koedinger,et al.  Using Intelligent Tutor Technology to Implement Adaptive Support for Student Collaboration , 2010 .