The Adaptive Guardian

This project investigated the required forms of web site adaptation to make effective use of large, high-resolution display environments. The primary outcome of this project is an adaptive layout template that can be applied to existing web sites. Here we showcase its application when applied to a number of different web page articles from The Guardian on-line newspaper.

More details of this work are described in Lucas Streit's Master's thesis.

The project also led to a publication at 11th ACM Symposium on Document Engineering (DocEng 2011) and is closely related to the jQMetrics project and the work we presented at 29th ACM Conference on Human Factors in Computing Systems (CHI 2011).

Examples

The prototypes listed here were created by Lucas Streit as part of his Master's thesis supervised by Michael Nebeling and Fabrice Matulic.

Notes: Original refers to the current design used by the guardian.co.uk web site. Adaptive 1 is a version using the adaptive layout template with paged, multi-column layout and automatic font scaling enabled. Adaptive 2 is an extended version of Adaptive 1 now also using automatic media scaling as well as an adapted scroll model for the mouse wheel.

Also note that all web pages linked here require modern web browsers since they build on CSS3. They are best viewed on Safari or other webkit-based browsers while Firefox for example causes some problems with the spacing and alignment of elements in the lower parts of the web pages.

Contact

Should you have any questions or comments, please feel free to contact Michael Nebeling.