Tutorials & Script Homepage
Beginners 15to21
CSS Primer (Part 1)
CSS Primer (Part 2)
Graphics Introduction (Part 1)
Graphics Introduction (Part 2)
Site Design Introduction (Part 1)
Site Design Introduction (Part 2)
The Next Step
advertisment
advertisement
advertisement
Host With Us: HostingHelper.co.uk From Only $5.00p/m
Spotted an Error ? Let us Know
100's more FREE templates at FreeWebTemplates
Looking for a new Web Host ?
Free templates from TemplatesLand
Professional High-End Templates
TemplateBox.com more FREE templates
Free Flash Templates and Intros
advertisement
 
WEB PAGE CREATION FOR BEGINNERS: SITE DESIGN INTRODUCTION (PART 1)
This beginners tutorial is brought to you in partnership with Templatemonster.com, the one stop shop for high end templates.
This article is taken from the "Web Style Guide" by Patrick L. Lynch and Sarah Horton (ISBN: 0300076754), or can be seen at http://info.med.yale.edu/caim/manual/contents.html

Site Design: Introduction (Part 1)

There are fundamental rhetorical and organizational reasons for subdividing any large body of information, whether it is delivered on the printed page or in a World Wide Web site. Underlying all organizational schemes are the limitations of the human brain in holding and remembering information. Cognitive psychologists have known for decades that most people can only hold about four to seven discrete chunks of information in short-term memory. The goal of most organizational schemes is to keep the number of local variables the reader must keep in short-term memory to a minimum, using combination of graphic design and layout conventions along with editorial division of information into discrete units. The way people seek out and use information also suggests that smaller, discrete units of information are more functional and easier to navigate through than long, undifferentiated units.

Most Web sites contain reference information that people seek in small units. Users rarely read long contiguous passages of text from computer screens, and most people who are seeking a specific piece of information will be annoyed to have to scan long blocks of text to find what they are after. Small chunks of related information are also easier to organize into modular units of information that all share a consistent organization scheme that can form the basis for hypertext links within your Web site. "Small" can only be determined in the context of your presentation and what you expect of the audience. In this style manual our expectation is that most people will print these pages and read them from paper "off-line," so we have tried to divide the manual into Web pages that will print as logical units.

Steps in organizing information
Day-to-day professional and social life rarely demands that we create detailed hierarchies of what we know and how those bits relate to each other, but without a solid and logical organizational backbone your Web site will not function well even if your basic content is accurate and well-written. The four basic steps in organizing your information are to divide it into logical units, establish a hierarchy of importance and generality, use the hierarchy to structure relationships among chunks, then analyze the functional and aesthetic success of your system.

Chunking information
Most information on the World Wide Web consists of short reference documents that are read non-sequentially. This is particularly true of educational, corporate, government, and organizational web sites used to distribute information that might have been printed on paper a few years ago. Writers of technical documents discovered long before the Web was invented that users appreciate short "chunks" of information that can be scanned and located quickly. Short, uniformly-organized chunks of information particularly lend them to Web presentation, because:

  • Few Web users spend time reading long passages of text on-screen. Most users will save long documents to disk, or print them, rather than read extensive material online.
  • Discrete chunks of information lend themselves to Web links. The user of a link usually expects to find a specific unit of related information, not a whole book's worth of information to filter through. But don't subdivide your information too much, or you will frustrate your readers. One to three (printed) pages of information seems about right for a discrete chunk of information on the Web. A link that produces only a small paragraph of information would be silly in most situations.
  • A uniform format for organizing and presenting your information allows users to apply their past experience with your site to future searches and explorations, and allows users to predict how an unfamiliar section of your Web site will be organized.
  • Concise chunks of information are better suited to the computer screen, which provides a only limited view of long documents. Very long Web pages tend to be disorienting, because they require the user to scroll long distances, and to remember the organization of things that have scrolled off-screen.

The concept of a chunk of information must be flexible, and consistent with common sense, logical organization, and the convenience of the Web site user. Let the nature of the content suggest the best ways to subdivide and organize your information. There will be times when it makes sense to provide long documents in single Web pages, as integrated units of information. Although chunks of information in online documents should usually be kept short, it makes little sense to arbitrarily divide up a long document. This is particularly true when you want users to be able to print or save the document in one step.


<< Previous Beginners Article | Next Beginners Article >>
Beginners Main Menu 1 to 7 | Beginners Main Menu 8 to 14 | Beginners Main Menu 15 to 21

Web Hosting  |  Membership website templates  |  Reliable UK Web Hosting  |  dresses  |  Art Web Templates  |  Cheap Flight Deals  |  UK Web Hosting Company  |  Coursework Writing  |  Reseller Hosting  |  coches de ocasion  |  Cheap UK Web Hosting  |   cell phones  |  Web Design  |  Low Cost Domain Names  |  Website templates  |  master a distancia  |  Austin Web Design  |  Flash Templates  |  Factory  |   cell phones  |  Canadian Web Hosting  |  Flash Intros  |  Web Templates  |  cartuchos  |  Corporate Logo Design Service  |  Website Templates  |  Bespoke Software Development  |  Domain Name Registration  |  Free Website Templates  |   Dedicated Server  |  UK Web Hosting  |  Dating Software - aeDating 4.1  |  Website Templates  |  Power Saver  |  taobao agent  |  Flash templates  |  cctv cameras  |  Lolita Dresse  |  china wholesale  |  Canadian Web Hosting  |   Cheap Web Hosting Deal  |  Linux Hosting  |  Web Design uk  |  Web Hosting  |  Business web directory  |  Electronics  |  Free domain names  |  Best UK web Hosting  |  Shower Enclosures UK  |  

 
advertisment
advertisment
advertisment
  Top-end templates
  Flash Templates
  Web Hosting UK
  Made-in-China.com
  Web Design Tips
  Web Hosting Reviews
  Web hosting reviews
  Website Design
  Top web hosting
  Stock Photography
  Bildagentur
  Reseller Hosting
  Company Logos
  Website Templates
  Website Templates
  Web Hosting UK
  templatebox.com
  freewebtemplates.com
  templatesland.com
  topfreegraphics.com
  freegraphicland.com
  free-templates-layouts
  Logo Design Software
  Layouts4Free
  Webmaster Resoucres
  Web Templates Factory
  Free Web Templates
  Free Templates Catalog
  Web Templates
  Reseller Web Hosting
  Stock Photography
  Animations-galore.com
  4print.com.au
  Host Review
  Web Hosting Host Color
  Dedicated Servers
  FlashTemplateDesign
  ZeroDollarTemplates
  Killersites.com
  how-to-build-websites
  Build a free website
  web Hosting
  Business Logo Design
  Templates Favpage
  webmastermind.de
  flasheasy.com
  More Featured Sites