Back






 to the Assignments Main Page







Web Design: an Introduction

There are many resources, philosophies, and approaches to web design (see Resources for some I've found helpful).


See Parts I & II (pp. 5-20) of the text for pointers regarding web site design.


Note on the Text: Part III (Elements of Web Page Design) is also about web design, but will be hard to read until you actually have done some web authoring and know a little HTML. You may want to refer back to it, though, once you begin actually creating web pages.

The Point of This Assignment

The point of this assignment is to give you assistance in finding an approach which will work for you. Many of the available "experts" will instruct you on how to design your web site. I recommend you listen to them, but with the perspective of someone who realizes that what works at one institution may not work at another. For example, many seminars and books I've read recommend a design axiom which I cannot argue with: While this is a wonderful axiom/guideline/rule, I must point out to you that I do not have access to these collaborative resources. Therefore, while I'm still looking for these resources, I have gone ahead and built web pages without them. With that in mind, here are some design principles I've used while developing online materials at NEIU:

Building Music Concepts Online: My Guiding Principles

by Jim Lucas

Introduction

This is a short paper which lists the principles which guided me while I was creating a web-based course. The course, Music Concepts Online, has been offerred at Northeastern Illinois University, in Chicago, Illinois, since the Spring Semester, 1997.

I was asked to demonstrate the class as a presenter at the "Networking and the Internet: Opening a world of opportunities" forum. This forum was held at the Metropolitan Chicago Regional Consortia Forum on Thursday, April 9, 1998 at The Lodge: Mcdonald's Office Campus in Oakbrook, Illinois.

As part of the demonstration, I thought it would be helpful to list my perspectives on this process, so I created a list of things I had in mind while creating it.

While the principles are descriptive, I felt they might be somewhat wordy and academic, so I also included versions of them as briefer and more memorable phrases, which I called translations.

The Principles

A SUMMARY OF THE EXPERIENCE

I first created Music Concepts Online in the fall of 1996, and offered it as an online course in the Spring term of 1997. I'm currently offering it for the sixth term. Student evaluations have been extremely positive. Results of the mid-term, final and performance exams are improved over similar exams used in the course when I taught it in the traditional way.

Questions for Discussion on Webseminar-l

  • What do you think of the design of the Web 101 site?
  • I have learned HTML coding and CGI programming, and I'm glad I did. Would you prefer working with a programmer, who took care of all that for you, or would you like to learn web programming?
  • I relate to the medieval music educator Guido d'Arezzo (c991-c1033), who revolutionalized music teaching with his method of writing out the chants. Do you know of a parallel person in other disciplines?

Resources

    Print Resources

  • Web Page Design: A Different Multimedia, by Mary E. S. Morris, Randy Hinrichs, pub. by SunSoft Press (Prentice-Hall), June 1996 (ISBN 013239880X)
  • Hot Wired Style: Principles for Building Smart Web Sites, by Jeffrey Veen, pub. by Wired Books, Inc. (ISBN 1-888869-09-7)
  • Information Architecture for the World Wide Web, by Louis Rosenfeld & Peter Morville, pub. by O'Reilly, 1998 (ISBN 1-56592-282-4)
  • NewMedia Magazine

    Online Resources

  • NewMedia Magazine
    You can get a free subscription to the NewMedia Magazine at this site.
  • WebMonkey and WebMonkey Design Tutorial
    Look at the WebMonkey site as an example of good web design and also a place to find many resources for web developers of all levels. The Design Tutorial is excellent.
  • Great Website Design Tips
    Tips for the web designer.
  • Yahoo's Listing of Books on Web Page Design

The Design Drill

Here are some simple and straightforward design principles:
  • Links should work and include a description.
  • The interface should be intuitive.
  • The user should be able to find what she/he is looking for.
  • Content should be clearly written.,should be informative.
  • Objectives should be defined.,should be fulfilled.
  • Site structure should enable the user to easily find material.
  • All pages should have a consistent look and feel.
  • Interaction should be supported and implemented.
  • Bandwidth use should be efficient.
  • Multiple browsers should be supported.
  • Frames pages should have a no frames version.
  • Images should be small in byte-size.
Here is a Design Drill to test or reinforce you on these statements, and also to see and use another form of online assignment. NEW!
  • Web 101 Design Quiz
  • Back to Assignment Page
  • Back to Web 101 Main Page