New Perspectives On Web Design

(C. Jardin) #1

CHAPTER 7 Designing Adaptive Interfaces


text, we’re almost guaranteed it will
be usable on pretty much anything.
Text-only can seem impossi-
ble when we’re concentrating on
advanced content displays, but with
a little thoughtful consideration of
the interface, we can find ways to
literally spell out that which is visu-
ally conveyed. Take a timeline, like
the one on the right, for instance:
What is a timeline, but an ordered
list of events grouped around mark-
ers in time?

<h1>Timeline of Computer History</h1>
<ol>
<li>
<h2>1939</h2>
<ul>
<li>
<figure>
<img src="images/1939_HewlettPackard.jpg" alt=""/>
<figcaption>David Packard and Bill Hewlett in their Palo Alto,
California Garage</figcaption>
</figure>
<p>Hewlett-Packard is Founded. David Packard and Bill Hewlett
found Hewlett-Packard in a Palo Alto, California garage. Their first
product was the HP 200A Audio Oscillator, which rapidly becomes a popular
piece of test equipment for engineers. Walt Disney Pictures ordered eight
of the 200B model to use as sound effects generators for the 1940 movie
"Fantasia."</p>
</li>
</ul>
</li>
<li>
<h2>1940</h2>
<ul>
<li>
<figure>
<img src="images/1940_complex.jpg" alt=""/>

Timeline from the Computer History Museum.
http://www.computerhistory.org/timeline/
Free download pdf