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 - 2010
Event13th International Conference on Network-Based Information Systems, NBiS 2010 - Gifu, Japan
Duration: Sep 14 2010Sep 16 2010

Other

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

Fingerprint

Websites
HTML
Mobile devices
Display devices
Liquids

ASJC Scopus subject areas

  • Computer Networks and Communications
  • Information Systems

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] https://doi.org/10.1109/NBiS.2010.18

An extension of the web-page layout optimization method for multimodal browsing sizes. / Funabiki, Nobuo; Shimizu, Junki; Isogai, Megumi; Nakanishi, Toru.

Proceedings - 13th International Conference on Network-Based Information Systems, NBiS 2010. 2010. p. 139-146 5635733.

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

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., 5635733, pp. 139-146, 13th International Conference on Network-Based Information Systems, NBiS 2010, Gifu, Japan, 9/14/10. https://doi.org/10.1109/NBiS.2010.18
Funabiki N, Shimizu J, Isogai M, Nakanishi T. 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. 2010. p. 139-146. 5635733 https://doi.org/10.1109/NBiS.2010.18
Funabiki, Nobuo ; Shimizu, Junki ; Isogai, Megumi ; Nakanishi, Toru. / An extension of the web-page layout optimization method for multimodal browsing sizes. Proceedings - 13th International Conference on Network-Based Information Systems, NBiS 2010. 2010. pp. 139-146
@inproceedings{1ccd4311d4d14c8a89b976be6fab6c67,
title = "An extension of the web-page layout optimization method for multimodal browsing sizes",
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.",
author = "Nobuo Funabiki and Junki Shimizu and Megumi Isogai and Toru Nakanishi",
year = "2010",
doi = "10.1109/NBiS.2010.18",
language = "English",
isbn = "9780769541679",
pages = "139--146",
booktitle = "Proceedings - 13th International Conference on Network-Based Information Systems, NBiS 2010",

}

TY - GEN

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

AU - Funabiki, Nobuo

AU - Shimizu, Junki

AU - Isogai, Megumi

AU - Nakanishi, Toru

PY - 2010

Y1 - 2010

N2 - 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.

AB - 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.

UR - http://www.scopus.com/inward/record.url?scp=78650450516&partnerID=8YFLogxK

UR - http://www.scopus.com/inward/citedby.url?scp=78650450516&partnerID=8YFLogxK

U2 - 10.1109/NBiS.2010.18

DO - 10.1109/NBiS.2010.18

M3 - Conference contribution

SN - 9780769541679

SP - 139

EP - 146

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

ER -