Welcome!
other pages in this section
information design | documents
text | graphics
sound and streaming media | navigation
How they fit together (interface design)
presentations | oral presentations as theater
case study: the Butterfly Ballot and the Florida Outlier
If you're a ...
teacher, what will your online classroom
look like to students?
writer,
what will your online book look like to readers?
marketer,
what will your online store look like to customers?
professional,
what will your online office look like to clients?
priest,
what will your online church look like to worshipers?
doctor,
what will your online office look like to patients?
babysitter,
what will your online daycare look like to parents? (thanks to Leeloo)
camp
director, what will your summer camp look like to parents and campers?
(thanks to Jill)
artist
(painter, blacksmith), what will your gallery, calendar, shop look like to
buyers? (thanks to Linda)
How will the students, readers, customers, and clients find their way around? Fill in the blanks and submit your ideas. If appropriate, I'll include them in the next revision of this page.
Professionals are in sales, whether selling ideas, stories, goods, or services. To attract and retain students, readers, customers, and clients, professionals must know how to communicate well. Rhetoric, logic, and grammar still apply. Persuasion remains an art.
However, gizmo-makers need to add design in two new areas: interface design and hypertext design.
Collectively, they're often called information design. The Web is full of design guides.
How is it organized into networks and specifically the Internet?
What is a document? separating content, structure, style, behavior, and meaning
What's behavior doing on that list? Can information behave, act, react? Can it remember things about itself? Can it change its behavior as a result of its experience? Learn more at the Gizmos, Inc., Playroom.
For sure, page is a misleading metaphor. However, the writing style you use for paper will work well online.
The parts of a screen (interface) and a web page:
text | graphics | color | sound and streaming media
How they fit together: layout in 2D and 3D.
Let's start with something you're probably familiar with from show and tell in 4th grade: presentations. To be more effective, you might profit from thinking about oral presentations as theater.
Books are a mature technology. Navigating them is pretty straightforward. A page reads left to right, from top to bottom. Even a sixth grader can number the pages and put a staple in the top left corner.
Webs are different. What replaces the numbering and the staple? What are the parts of a web and how do they fit together?
information architecture: linear | non-linear
organizing
information: concept maps for visualizing webs
navigation: tree metaphor; depth vs breadth
quick
feedback: rapid prototyping
cognitive
load
Creating
Script-Storyboards for Interactive Multimedia
by Bryan L. Chapman
Allen Communications, A Times Mirror Company
On every page of Ricci Street, you'll find a large navigation area at the bottom. In theory, no page on Ricci Street will be more than four or five clicks from any other. The links aren't just between pages. They're between specific words and images on the pages. This linking takes some thought and foresight.
The Webby Awards -- the leading international honor for achievement in technology and creativity
37signals' Contingency Design
Design for when things go wrong. It's the error messaging, graphic design, instructive text, information architecture, backend system, and customer service that helps visitors get back on track after a problem occurs.
[ add more about my decisions on R St pages ]
|
||||||||||||||||||||||||||||||||||||
