Data-Driven Human-Centric Web Design: Beyond Tables and Statistics

Thumbnail Image
Date
2019-01-01
Authors
Berghefer, Sherry
Major Professor
Andrew King
Advisor
Committee Member
Journal Title
Journal ISSN
Volume Title
Publisher
Authors
Research Projects
Organizational Units
Organizational Unit
Greenlee School of Journalism and Communication
The Greenlee School of Journalism and Communication offers two majors: Advertising (instructing students in applied communication for work in business or industry), and Journalism and Mass Communication (instructing students in various aspects of news and information organizing, writing, editing, and presentation on various topics and in various platforms). The Department of Agricultural Journalism was formed in 1905 in the Division of Agriculture. In 1925 its name was changed to the Department of Technical Journalism. In 1969 its name changed to the Department of Journalism and Mass Communications; from 1969 to 1989 the department was directed by all four colleges, and in 1989 was placed under the direction of the College of Sciences and Humanities (later College of Liberal Arts and Sciences). In 1998 its name was changed to the Greenlee School of Journalism and Communication.
Journal Issue
Is Version Of
Versions
Series
Department
Greenlee School of Journalism and Communication
Abstract

Conventional web design tends to see tabular data as providing a barrier to creative graphic design. This project explores how such data can be displayed in a more abstract visual format, free from tables and the need to navigate through layers of information. The creative component reported here is the result of a personal exploration based on curriculum taught by the author in an undergraduate interdisciplinary course that merged perspectives from the fields advertising, graphic design and computer science to create personalized data-driven applications. Of particular interest to this project was determining if there are limits to the design elements that can be controlled by live data in a web page displaying weather information.

Seven data sources, connected to via application programming interfaces (APIs), were used to bring in 16 location-specific data points relating to weather, population, and geolocation. Literal text-based content displays used some of the data points, while others were used to control various visual elements (e.g., backgrounds, weather condition representations, and animation speeds). The result was a single visual web page displaying current conditions and forecasts using limited text, dynamically applied images, and Cascading Style Sheet (CSS) animations, all of which required minimal user intervention.

Comments
Description
Keywords
Citation
DOI
Source
Copyright
Tue Jan 01 00:00:00 UTC 2019