This paper introduces novel ways of improving awareness and reflection through visualizations of badges as an abstraction of learn- ing analytics data. We report initial findings with both a personal dash- board approach, Navi Badgeboard, that provides details on student and class progress, and a collaborative, interactive tabletop visualization, Navi Surface, to promote group reflection. We evaluate both approaches to find improvements among students regarding awareness and reflec- tion on course activities. Our results indicate that Navi Badgeboard helps with awareness of personal activity while Navi Surface improves collaboration resulting in better reflection.

1. Improving awareness and
re!ection through
collaborative, interactive
visualizations of badges
17 September 2013 | @svencharleer | svencharleer.com
Sven Charleer
Joris Klerkx
Jose Luis Santos
Erik Duval

2. htttp://www.fitbit.com 17 September 2013 | @svencharleer | svencharleer.com

3. 17 September 2013 | @svencharleer | svencharleer.com
Duval, E.: Attention please!: learning analytics for visualization and recommendation. In: Proceedings of the 1st
International Conference on Learning Analytics and Knowledge, ACM (2011) 9–17

4. 17 September 2013 | @svencharleer | svencharleer.com
Govaerts, S., Verbert, K., Duval, E., Pardo, A.: The student activity meter for awareness and self-re!ection. In:
Proceedings of the 2012 ACM annual conference extended abstracts on Human Factors in Computing Systems
Extended Abstracts, ACM (2012) 869–884

5. Santos, J.L., Verbert, K., Govaerts, S., Duval, E.: Addressing learner issues with stepup!: an evaluation. In: Proceedings of
the Third International Conference on Learning Analytics and Knowledge, ACM (2013) 14–22
17 September 2013 | @svencharleer | svencharleer.com

6. http://chi13course.appspot.com/
17 September 2013 | @svencharleer | svencharleer.com

7. 17 September 2013 | @svencharleer | svencharleer.com

8. 17 September 2013 | @svencharleer | svencharleer.com

9. 17 September 2013 | @svencharleer | svencharleer.com

10. 26
17 September 2013 | @svencharleer | svencharleer.com

11. 17 September 2013 | @svencharleer | svencharleer.com

12. 17 September 2013 | @svencharleer | svencharleer.com

13. 17 September 2013 | @svencharleer | svencharleer.com
Approach #1

14. navi-hci.appspot.com
17 September 2013 | @svencharleer | svencharleer.com

15. navi-hci.appspot.com
17 September 2013 | @svencharleer | svencharleer.com

16. navi-hci.appspot.com
17 September 2013 | @svencharleer | svencharleer.com

17. 17 September 2013 | @svencharleer | svencharleer.com
A. Increases my motivation
B. Promotes commenting on blogs of other students.
C. Promotes reading blogs of other students.
D. Promotes Twitter participation.
+
-

18. 17 September 2013 | @svencharleer | svencharleer.com
A. Overview of other students’ badges
B. Overview # badges achieved by the entire class
C. Overview of all badges and descriptions
D. Filter options for the Class Progression graph
E. Class Statistic graph per badge
F. Add to OpenBadge backpack
+
-

19. 17 September 2013 | @svencharleer | svencharleer.com
Most activity before class

20. 17 September 2013 | @svencharleer | svencharleer.com
Awareness
Goals & Tasks
Personal Progress
Class Progress

21. 17 September 2013 | @svencharleer | svencharleer.com
Approach #2

22. 8 May 2013 | @svencharleer | svencharleer.com17 September 2013 | @svencharleer | svencharleer.com

23. 17 September 2013 | @svencharleer | svencharleer.com

24. 17 September 2013 | @svencharleer | svencharleer.com

25. 17 September 2013 | @svencharleer | svencharleer.com
A. Improves my awareness of the class’s general progress
B. Helps me understand the meaning of the badges
C. Helps me see what badges someone earned in a given period
D. Helps me compare badges of students
E. I would like to use this tool with the teacher to evaluate my progress
F. I would like to use this tool with other students to compare our progress
+
-

26. 17 September 2013 | @svencharleer | svencharleer.com
Re!ection
Improved through collaboration
Caused discussion
Individual

27. 17 September 2013 | @svencharleer | svencharleer.com
Future work

28. 17 September 2013 | @svencharleer | svencharleer.com

29. 17 September 2013 | @svencharleer | svencharleer.com

30. http://www.flickr.com/photos/brapke/1579948260
17 September 2013 | @svencharleer | svencharleer.com

31. http://www.flickr.com/photos/acmace/4506390717/
17 September 2013 | @svencharleer | svencharleer.com

32. @jlsantoso
jlsantoso.blogspot.com
Q&A
@svencharleer
svencharleer.com