Deconaby: Animations for Improving Understandability of Web Images

Conference paper
Part of the Lecture Notes in Computer Science book series (LNCS, volume 10901)


There are many “how-to” pages on the Web. However, on such pages, descriptions and images are often not clearly linked. As a result, it is difficult for viewers to understand which parts of the text description refer to which pars of the images. This study aims to solve this problem. With the developed Deconaby system, users can add animations just by clicking on an image on a Web page and moving their mouse. Our system then generates a URL that consists of the how-to page’s original URL and a hash ID for sharing the animation-added version with others. In this manner, our system can improve the understandability of Web pages with little time and effort. We conducted an experiment to test the effectiveness of our system. The results showed that our system succeeded in increasing the understandability of difficult-to-understand pages. We also showed that a page written in an unfamiliar language can be understood with the help of appropriate Deconaby animations.


Web Image Animation Mouse operation Support Share 



This work was supported in part by JST ACCEL Grant Number JPMJAC1602, Japan.


  1. 1.
    Matsuda, K., Nakamura, S.: A method for decorating web contents with visual effects. In: HCG Symposium, Toyama, pp. 1–7 (2015)Google Scholar
  2. 2.
    Nakamura, S., Ishikawa, N., Watanabe, K.: A decorating and sharing method to change the enjoyment of video clip on the web. In: WISS 2013, Kochi, pp. 1–6 (2013)Google Scholar
  3. 3.
    Federico, B., Lorenzo, S., Giuseppe, L., Svebor, K., Alberto, D.: WATSS: a web annotation tool for surveillance scenarios. In: Proceeding of the 23rd ACM International Conference on Multimedia, MM 2015, Brisbane, pp. 701–704 (2015)Google Scholar
  4. 4.
    Dale, R., Sam, J.: Web annotator. In: Proceedings of the 34th SIGCSE Technical Symposium on Computer Science Education, SIGCSE 2003, Reno, pp. 386–390 (2003)Google Scholar
  5. 5.
    Silva, A.C.: Ink annotation: an annotation tool for e-learning environments. In: International Conference on e-Learning, e-Business, Enterprise Information System, and e-Governance, pp. 73–74 (2015)Google Scholar
  6. 6.
    Pereira Nunes, B., Kawase, R., Dietze, S., Bernardino de Campos, G.H., Nejdl, W.: Annotation tool for enhancing e-learning courses. In: Popescu, E., Li, Q., Klamma, R., Leung, H., Specht, M. (eds.) ICWL 2012. LNCS, vol. 7558, pp. 51–60. Springer, Heidelberg (2012). Scholar
  7. 7.
    Geyer-Schulz, A., Koch, S., Schneider, G.: Virtual notes: annotation on the WWW for learning environments. In: Americas Conference on Information Systems, pp. 136–138. Milwaukee (1999)Google Scholar
  8. 8.
    Samuel, S., Ivanoff, A.: Enabling communication between users surfing the same Web page. Patent Application Publication US 2006/0026233 A1, 1–6 (2006)Google Scholar
  9. 9.
    Karam, M., Ibrahim, M.: Synchronous online help support with visual instruction aids for workflow-based MVC web applications. In: Proceeding of the 27th ACM International Conference on Design of Communication, SIGDOC 2009, Bloomington, pp. 105–114 (2009)Google Scholar
  10. 10.
    Giordano, D., Mineo, S.: A graphical annotation platform web-based e-learning. In: 3rd International Conference on Multimedia and Information and Communication Technologies in Education, pp. 1–5 (2005)Google Scholar
  11. 11.
    Gyazo. Accessed 8 Feb 2018

Copyright information

© Springer International Publishing AG, part of Springer Nature 2018

Authors and Affiliations

  1. 1.Meiji UniversityTokyoJapan

Personalised recommendations