28.06.2013 Views

Papers in PDF format

Papers in PDF format

Papers in PDF format

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

our audience, fall <strong>in</strong>to one of the six functions, and take advantage of one of the capabilities of the Web <strong>in</strong><br />

order to be justified as be<strong>in</strong>g <strong>in</strong>cluded on our site.<br />

In the case of the role of communicator discussed above, the creation of a central database of how to contact<br />

people <strong>in</strong> Instructional Science would be a justifiable endeavor (an <strong>in</strong><strong>format</strong>ion function). We designed pages<br />

list<strong>in</strong>g each faculty, staff and student with office addresses, telephone numbers and email addresses. We<br />

wanted to avoid simply creat<strong>in</strong>g an electronic directory which could be better provided <strong>in</strong> pr<strong>in</strong>t form. Instead<br />

we exam<strong>in</strong>ed the features of the medium and created a page where the users could not only locate telephone<br />

numbers and addresses but contact the party directly from their browser us<strong>in</strong>g the "mail to" feature <strong>in</strong><br />

Netscape. Our work models also <strong>in</strong>dicated that frequently people were unsure of who could help them so calls<br />

were made try<strong>in</strong>g to identify the faculty or staff best able to answer their questions. Once the party was<br />

identified, additional problems were encountered try<strong>in</strong>g to make contact with the <strong>in</strong>dividual as frequently the<br />

party was not <strong>in</strong> their office. Thus our pages were designed with hyperl<strong>in</strong>ks for each person listed to provide<br />

descriptions of their duties, <strong>in</strong>terests and office hours to facilitate mak<strong>in</strong>g contact with the correct <strong>in</strong>dividual<br />

utiliz<strong>in</strong>g the unique hypertextual feature of the Web.<br />

At the completion of this phase of development the team will have the work models, role del<strong>in</strong>eations, list of<br />

<strong>in</strong><strong>format</strong>ion needs and the proposed site content so that they may turn their attention to the design issues.<br />

Design Process<br />

Cognitive design considerations. Cognitive design refers to creat<strong>in</strong>g documents which address how the bra<strong>in</strong><br />

receives, organizes, stores, recalls and utilizes data. Good design facilitates the <strong>in</strong>tegration of data <strong>in</strong>to<br />

exist<strong>in</strong>g schema by plac<strong>in</strong>g it <strong>in</strong> the context of established knowledge. If you want users to know how to locate<br />

<strong>in</strong><strong>format</strong>ion at your site, organize it <strong>in</strong> a logical, predictable manner. Good metaphors can simplify this<br />

<strong>in</strong>tegration by establish<strong>in</strong>g parallels: reference documents can be located <strong>in</strong> a “virtual library”; chat forums can<br />

be located <strong>in</strong> the “faculty lounge”.<br />

The bra<strong>in</strong> can deal with <strong>in</strong><strong>format</strong>ion easier if it is sequenced and grouped <strong>in</strong>to logical units. A long list of<br />

topics can lead to cognitive overload whereas a list organized <strong>in</strong>to seven to n<strong>in</strong>e natural categories is more<br />

usable. One of the more challeng<strong>in</strong>g tasks we <strong>in</strong>itially encountered <strong>in</strong> design<strong>in</strong>g documents was how to create<br />

whitespace to offset and highlight this group<strong>in</strong>g of data. While lists, buttons and icons helped, it was the<br />

<strong>in</strong>troduction of tables and the ability to color the background of <strong>in</strong>dividual cells that have allowed us to control<br />

layout sufficiently to create truly user-friendly documents.<br />

People have a need to see the logic <strong>in</strong> the organization of a Web site just as they do for any data. Present<strong>in</strong>g an<br />

overview of the site’s structure provides an orientation mechanism just as a map does for an unfamiliar terra<strong>in</strong>.<br />

People feel comfortable when they know where they are and can anticipate where they need to go to f<strong>in</strong>d<br />

someth<strong>in</strong>g.<br />

We were able to use the roles we identified <strong>in</strong> the role del<strong>in</strong>eation as a foundation for organiz<strong>in</strong>g the material<br />

at our site.<br />

Visual design and layout considerations. The design team next decides how the <strong>in</strong><strong>format</strong>ion will be<br />

presented. Visual design addresses how pages will look and how <strong>in</strong><strong>format</strong>ion will be displayed. The Web was<br />

such a new medium when we undertook the construction of our Web site that not many guidel<strong>in</strong>es existed. We<br />

endeavored to develop style guidel<strong>in</strong>es of our own by survey<strong>in</strong>g exist<strong>in</strong>g sites and analyz<strong>in</strong>g what seemed to<br />

work for us visually and what did not. Additionally, many of the pr<strong>in</strong>ciples of screen design for hypertext and<br />

electronic documents were applicable for Web pages. As we surveyed different sites on the Web, we found we<br />

were unwill<strong>in</strong>g to read text-<strong>in</strong>tensive pages and preferred those with concise, bulleted list. We concluded that<br />

the sites we judged as good were those based on consistency (<strong>in</strong><strong>format</strong>ion structured <strong>in</strong> predictable ways),<br />

simplicity (no gratuitous graphics or ”eye candy”), redundancy (us<strong>in</strong>g the same backgrounds, colors, graphics,<br />

layout on similar document) and clarity (concise, well organized material).<br />

S<strong>in</strong>ce read<strong>in</strong>g text on a computer screen is generally slower than text on a pr<strong>in</strong>ted page, it is particularly<br />

important that the design team carefully considers how much text will be on a page and how it is organized if<br />

they want users to read them. There should be a balance between text and graphics. Graphics should be<br />

chosen on the bases that they are <strong>in</strong>deed the best way to communicate a concept. Pages should be kept short (1<br />

1/2 to 2 screens) whenever possible. A carefully organized design that is consistent across pages will aid users

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!