Transcript Slides (Horton) - Dartmouth College

Adaptive Design for Web Environments
Sarah Horton
Dartmouth College
Patrick J. Lynch
Yale University
1 of 29
Universal Usability and Adaptive Design

Enabling all citizens to succeed in using information and
communication technologies to support their tasks
—Ben Shneiderman

A universal design approach to web usability
2 / 29
Equitable Use

The design is useful and marketable to people with
diverse abilities
3 of 29
Equitable Use

Provide the same means of use for all users:
identical whenever possible; equivalent when not
4 / 29
5 / 29
6 / 29
7 / 29
Adaptive Design

“One web”

Source documents that adapt to multiple contexts
8 of 29
9 / 29
Whither Adaptation?

On the server

On the client

By the designer

By the user
10 / 29
Topic for Discussion

Document Design

Design for Search

Visual Design

Roles
11 of 29
Document Design

The beauty of the web is in the markup
12 of 29
Similarity

Elements that are similar are perceived as related
13 / 29
Similarity
14 / 29
Proximity

Elements that are close together are perceived as related
15 / 29
Proximity
16 / 29
Uniform Connectedness

Elements that are connected by uniform visual properties
are perceived as related
17 / 29
Uniform Connectedness
18 / 29
19 / 29
20 / 29
Document Design, Print, and Mobile

Most authors do not make use of adaptive design

Leave adaptation to the client and the server

Need to anticipate and design for adaptation
21 / 29
Considerations

Structural markup

Document order (linearization)

Selective display

Text-based information

Bandwidth

Simplicity
22 / 29
Roles

Meeting user expectations

Increasing user responsibilities
23 of 29
24 / 29
25 / 29
26 / 29
27 / 29
Discussion

What is the role of the designer in an adaptive
web environment?

What is the role of the user?
28 of 29
[email protected]
www.dartmouth.edu/~shorton
[email protected]
patricklynch.net
29 / 29