Responsive Design: How to Plan and How to Do

Workshop
Jack Ludden, The J. Paul Getty Trust, USA, Annelisa Stephan, J. Paul Getty Trust, USA

Responsive design is a powerful way for museums to present their online content to a wide variety of online audiences (and devices). Responsive design can have an immense impact on how your museum creates, manages, and disseminates all of your online information.

Layout and Design – While responsive design code can be quite complex, the over-arching grid presentation system supports good user experiences as well as effective design and branding elements.

Job Roles and Responsibilities – Responsive design disrupts a linear production workflow. The production environment becomes more iterative and creative. Prototyping and evaluating becomes an ongoing process throughout the production cycle as well as after a website has launched.

Audience Impact and Involvement – Responsive design’s code base is agnostic to platform or device type. Web developers can leverage its scalability and interoperability. The flexibility of responsive design empowers museums to distribute their online information to countless visitors, regardless of where they are and what kind of device they are using. A user might be on their 32” monitor at home using a high-bandwidth connection or they might be on their smart phone in a museum entrance hall. In both cases, content and UI can be tailored so that user experiences are informative, engaging and useful.

A responsive design website can have a remarkable impact. Responsive designs not only effect how a museum creates and sustains online content, they also inspire museum professionals to better understand how visitors interact with and use their online materials.

Bibliography:
Responsive design is a powerful way for museums to present their online content to a wide variety of online audiences (and devices). Responsive design can have an immense impact on how your museum creates, manages, and disseminates all of your online information. Layout and Design – While responsive design code can be quite complex, the over-arching grid presentation system supports good user experiences as well as effective design and branding elements. Job Roles and Responsibilities – Responsive design disrupts a linear production workflow. The production environment becomes more iterative and creative. Prototyping and evaluating becomes an ongoing process throughout the production cycle as well as after a website has launched. Audience Impact and Involvement – Responsive design’s code base is agnostic to platform or device type. Web developers can leverage its scalability and interoperability. The flexibility of responsive design empowers museums to distribute their online information to countless visitors, regardless of where they are and what kind of device they are using. A user might be on their 32” monitor at home using a high-bandwidth connection or they might be on their smart phone in a museum entrance hall. In both cases, content and UI can be tailored so that user experiences are informative, engaging and useful. A responsive design website can have a remarkable impact. Responsive designs not only effect how a museum creates and sustains online content, they also inspire museum professionals to better understand how visitors interact with and use their online materials.