Proximity-Based Adaptation of Web Content on Public Displays

  • Amir E. Sarabadani TafreshiEmail author
  • Kim Marbach
  • Moira C. Norrie
Conference paper
Part of the Lecture Notes in Computer Science book series (LNCS, volume 10360)


Viewers of public displays perceive the content of a display at different sizes according to their distance from the display. While responsive design adapts web content to different viewing contexts, so far only the characteristics of the device and browser are taken into account. We show how these techniques could be extended to consider viewer proximity as part of the viewing context in the case of public displays. We propose a general model for proximity-based adaptation and present a JavaScript framework that we developed to support experimentation with variants of the model in both single and multi-viewer contexts. We also report on an initial user study based on single viewers which yielded promising results in terms of improved user perception and engagement.


Responsive design Proximity-based adaptation Web development framework 


  1. 1.
    Sarabadani Tafreshi, A.E., Norrie, M.C.: ScreenPress: a powerful and flexible platform for networked pervasive display systems. In: Proceedings of the 6th ACM International Symposium on Pervasive Displays (PerDis) (2017)Google Scholar
  2. 2.
    Nebeling, M., Norrie, M.C.: Responsive design and development: methods, technologies and current issues. In: Daniel, F., Dolog, P., Li, Q. (eds.) ICWE 2013. LNCS, vol. 7977, pp. 510–513. Springer, Heidelberg (2013). doi: 10.1007/978-3-642-39200-9_47 CrossRefGoogle Scholar
  3. 3.
    Gardner, B.S.: The spark of innovation begins with collaboration. Inside the Digital Ecosyst. 11(1) (2011)Google Scholar
  4. 4.
    Frain, B.: Responsive Web Design with HTML5 and CSS3. Packt Publishing Ltd. (2015)Google Scholar
  5. 5.
    Nebeling, M., Matulic, F., Streit, L., Norrie, M.C.: Adaptive layout template for effective web content presentation in large-screen contexts. In: Proceedings of the 11th ACM Symposium on Document Engineering (DocEng) (2011)Google Scholar
  6. 6.
    Bababekova, Y., Rosenfield, M., Hue, J.E., Huang, R.R.: Font size and viewing distance of handheld smart phones. Optom. Vis. Sci. 88(7), 795–797 (2011)CrossRefGoogle Scholar
  7. 7.
    Rushing, K.: Home Theater Design. Rockport Publishers (2004)Google Scholar
  8. 8.
    Sugawara, M., Masaoka, K., Emoto, M., Matsuo, Y., Nojiri, Y.: Research on human factors in Ultrahigh-Definition Television (UHDTV) to determine its specifications. SMPTE Motion Imaging J. 117(3), 23–29 (2008)CrossRefGoogle Scholar
  9. 9.
    Dostal, J., Kristensson, P.O., Quigley, A.: Multi-view proxemics: distance and position sensitive interaction. In: Proceedings of the 2nd ACM International Symposium on Pervasive Displays (PerDis) (2013)Google Scholar
  10. 10.
    Dostal, J., Hinrichs, U., Kristensson, P.O., Quigley, A.: SpiderEyes: designing attention-and proximity-aware collaborative interfaces for wall-sized displays. In: Proceedings of the 19th International Conference on Intelligent User Interfaces (IUI) (2014)Google Scholar
  11. 11.
    Snellen, H.: Probebuchstaben zur bestimmung der sehschärfe. H. Peters (1873)Google Scholar
  12. 12.
    Jiang, F., Zhou, L., Liu, K., He, X., Liu, X., Li, Z.: P-35: the prospect assessment of 65+ Inch TVs based on the size of mainstream living rooms in china. In: SID Symposium Digest of Technical Papers, vol. 46. Wiley Online Library (2015)Google Scholar
  13. 13.
    Müller, J., Wilmsmann, D., Exeler, J., Buzeck, M., Schmidt, A., Jay, T., Krüger, A.: Display blindness: the effect of expectations on attention towards digital signage. In: Tokuda, H., Beigl, M., Friday, A., Brush, A.J.B., Tobe, Y. (eds.) Pervasive 2009. LNCS, vol. 5538, pp. 1–8. Springer, Heidelberg (2009). doi: 10.1007/978-3-642-01516-8_1 CrossRefGoogle Scholar
  14. 14.
    Li, A.X., Lou, X., Hansen, P., Peng, R.: Improving the user engagement in large display using distance-driven adaptive interface. Interact. Comput. 28, 462–478 (2015)CrossRefGoogle Scholar
  15. 15.
    Rémi, C.: Reading as Playing. Emergent Literacy: Children’s Books from 0 to 3 13 (2011)Google Scholar
  16. 16.
    Sauro, J.: A Practical Guide to the System Usability Scale: Background, Benchmarks & Best Practices. Measuring Usability LLC (2011)Google Scholar
  17. 17.
    Sauro, J.: Measuring Usability with the System Usability Scale (SUS) (2011)Google Scholar
  18. 18.
    O’Brien, H.L., Toms, E.G.: Examining the generalizability of the user engagement scale (UES) in exploratory search. Inf. Process. Manage. 49(5), 1092–1107 (2013)CrossRefGoogle Scholar
  19. 19.
    Kim, Y.H., Kim, D.J., Wachter, K.: A study of mobile user engagement (MoEN): engagement motivations, perceived value, satisfaction, and continued engagement intention. Decis. Support Syst. 56, 361–370 (2013)CrossRefGoogle Scholar
  20. 20.
    Wiebe, E.N., Lamb, A., Hardy, M., Sharek, D.: Measuring engagement in video game-based environments: investigation of the user engagement scale. Comput. Hum. Behav. 32, 123–132 (2014)CrossRefGoogle Scholar
  21. 21.
    Robertson, G., Czerwinski, M., Baudisch, P., Meyers, B., Robbins, D., Smith, G., Tan, D.: The large-display user experience. IEEE Comput. Graph. Appl. 25(4), 44–51 (2005)CrossRefGoogle Scholar

Copyright information

© Springer International Publishing AG 2017

Authors and Affiliations

  • Amir E. Sarabadani Tafreshi
    • 1
    Email author
  • Kim Marbach
    • 1
  • Moira C. Norrie
    • 1
  1. 1.Department of Computer ScienceETH ZurichZurichSwitzerland

Personalised recommendations