An extension of the web-page layout optimization method for multimodal browsing sizes

Nobuo Funabiki, Junki Shimizu, Megumi Isogai, Toru Nakanishi

Research output: Chapter in Book/Report/Conference proceedingConference contribution

3 Citations (Scopus)

Abstract

Recently, Web-page browsings at various terminals have become popular due to deployments of small mobile devices and large flat displays. To deal with this recent trend, we have proposed a Web-page layout optimization method for multimodal browsing sizes. It dynamically changes box locations and font sizes by switching CSS files for different browsing sizes, so that the main content can be accessed without the screen scroll operation even at a small size whereas the blank space is avoided at a large size. However, in this method, any box location must be specified by the absolute value in HTML/CSS files, which is not easy under a variety of browsing sizes. In this paper, we propose the extension of this method for flexible Web-page designs using the normal flow, the liquid layout, and the float property, where the browser automatically arranges the boxes. Using Ajax, the box location and the font size is switched to fit to the current browsing size by our method. The effectiveness of our proposal is verified through a usability test using sample Web-pages at small sizes.

Original languageEnglish
Title of host publicationProceedings - 13th International Conference on Network-Based Information Systems, NBiS 2010
Pages139-146
Number of pages8
DOIs
Publication statusPublished - Dec 28 2010
Event13th International Conference on Network-Based Information Systems, NBiS 2010 - Gifu, Japan
Duration: Sep 14 2010Sep 16 2010

Publication series

NameProceedings - 13th International Conference on Network-Based Information Systems, NBiS 2010

Other

Other13th International Conference on Network-Based Information Systems, NBiS 2010
CountryJapan
CityGifu
Period9/14/109/16/10

ASJC Scopus subject areas

  • Computer Networks and Communications
  • Information Systems

Fingerprint Dive into the research topics of 'An extension of the web-page layout optimization method for multimodal browsing sizes'. Together they form a unique fingerprint.

  • Cite this

    Funabiki, N., Shimizu, J., Isogai, M., & Nakanishi, T. (2010). An extension of the web-page layout optimization method for multimodal browsing sizes. In Proceedings - 13th International Conference on Network-Based Information Systems, NBiS 2010 (pp. 139-146). [5635733] (Proceedings - 13th International Conference on Network-Based Information Systems, NBiS 2010). https://doi.org/10.1109/NBiS.2010.18