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
N1 - Copyright:
Copyright 2011 Elsevier B.V., All rights reserved.
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
AN - SCOPUS:78650450516
SN - 9780769541679
T3 - Proceedings - 13th International Conference on Network-Based Information Systems, NBiS 2010
SP - 139
EP - 146
BT - Proceedings - 13th International Conference on Network-Based Information Systems, NBiS 2010
T2 - 13th International Conference on Network-Based Information Systems, NBiS 2010
Y2 - 14 September 2010 through 16 September 2010
ER -