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.

Br<strong>in</strong>g<strong>in</strong>g Instructional Design Pr<strong>in</strong>ciples On-L<strong>in</strong>e:<br />

An Instructional Technologist’s Approach to Web Development<br />

Shannon A. Alpert<br />

AT&T, Interactive Products and Services<br />

USA<br />

salpert@attmail.com<br />

The process of Web development employs many <strong>in</strong>structional design pr<strong>in</strong>ciples. Instructional design<br />

pr<strong>in</strong>ciples are apparent <strong>in</strong> a variety of Web sites <strong>in</strong>clud<strong>in</strong>g sites that offer <strong>in</strong><strong>format</strong>ion post<strong>in</strong>g, <strong>in</strong>teractive<br />

simulations, and tra<strong>in</strong><strong>in</strong>g materials. The traditional <strong>in</strong>structional design model <strong>in</strong>cludes analysis, design,<br />

development, implementation, and evaluation. This model is often applied to Web design without a conscious<br />

awareness of the model. The various parts of this model occur throughout the design and development of a<br />

Web site. Knowledge of this model can improve the design and functionality of any type of Web site.<br />

Analysis, the first phase <strong>in</strong> the <strong>in</strong>structional design model, is crucial to the success of a Web site. In analysis,<br />

Web designers must determ<strong>in</strong>e the objective, audience, navigation, features, and advertis<strong>in</strong>g strategy of the<br />

site. Dur<strong>in</strong>g this phase, plans for each of the subsequent phases are made. Although this may seem like an<br />

academic approach to Web development, these determ<strong>in</strong>ations are usually made <strong>in</strong>formally. Web designers<br />

must have this solid foundation of <strong>in</strong><strong>format</strong>ion from which to work.<br />

The second phase of the <strong>in</strong>structional design model is design. In this phase, Web designers determ<strong>in</strong>e the<br />

<strong>in</strong>terface design, l<strong>in</strong>ks, navigation, and overall structure of the site. Storyboard<strong>in</strong>g is a large part of this phase.<br />

On a storyboard, designers can communicate every aspect of the design to the HTML programmers and<br />

graphic artists. It is important to note that Web designers guide the design and development of Web sites.<br />

However, HTML programmers and graphic artists can provide <strong>in</strong>valuable <strong>in</strong>put <strong>in</strong>to the design and<br />

development of Web sites. Whenever possible, their suggestions should be <strong>in</strong>corporated <strong>in</strong>to the design of the<br />

site.<br />

The third phase of the <strong>in</strong>structional design model suggests that the process of development cont<strong>in</strong>ues for the<br />

life of the <strong>in</strong>struction. This is also true for Web sites. Web site development will cont<strong>in</strong>ue for the history of<br />

the site. Dur<strong>in</strong>g development, Web designers have an advantage over more traditional <strong>in</strong>structional designers.<br />

Web designers can review the work of the HTML programmers and graphic artists as it is be<strong>in</strong>g completed.<br />

This allows Web designers to offer immediate feedback and suggestions for improvement while the site is<br />

be<strong>in</strong>g developed. In addition, rapid prototyp<strong>in</strong>g of Web sites can occur easily by creat<strong>in</strong>g the files that make<br />

up that site for review before l<strong>in</strong>k<strong>in</strong>g those files to the Web.<br />

Implementation is the fourth phase <strong>in</strong> the <strong>in</strong>structional design model. Unlike implement<strong>in</strong>g traditional<br />

<strong>in</strong>struction, implement<strong>in</strong>g a Web site is a relatively quick process that <strong>in</strong>volves post<strong>in</strong>g the site on a server.<br />

Web designers must also plan for advertis<strong>in</strong>g the site dur<strong>in</strong>g this phase. Effective advertis<strong>in</strong>g ensures that the<br />

site will attract an appropriate audience of users.<br />

The fifth and f<strong>in</strong>al phase <strong>in</strong> the <strong>in</strong>structional design model is evaluation. The evaluation process of a Web site<br />

is similar to the evaluation process of <strong>in</strong>structional materials. For <strong>in</strong>stance, <strong>in</strong>structional multimedia programs<br />

and Web sites require a full review of the programm<strong>in</strong>g structure and graphic components. Web sites and<br />

<strong>in</strong>structional multimedia programs must also be tested thoroughly before they are released to the public.<br />

Ideally, Web sites should be tested us<strong>in</strong>g a small group of peers who are observed as they <strong>in</strong>teract with the site.<br />

Web designers should also elicit assistance from experts from many fields <strong>in</strong>clud<strong>in</strong>g Web design and graphical

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

Saved successfully!

Ooh no, something went wrong!