Online College Courses for Credit

+
Module 3 Planning a Website: Lesson 1

Module 3 Planning a Website: Lesson 1

See More
Fast, Free College Credit

Developing Effective Teams

Let's Ride
*No strings attached. This college course is 100% free and is worth 1 semester credit.

29 Sophia partners guarantee credit transfer.

314 Institutions have accepted or given pre-approval for credit transfer.

* The American Council on Education's College Credit Recommendation Service (ACE Credit®) has evaluated and recommended college credit for 27 of Sophia’s online courses. Many different colleges and universities consider ACE CREDIT recommendations in determining the applicability to their course and degree programs.

Tutorial

Lesson 1: Organizing a Website

Learning Targets

At the completion of this exercise:

  • you will have learned theories and techniques for effectively organizing content on a website.

Overview

A key to successfully designing a large website is to organize the information logically, so that users can easily locate the information they're looking for. The first step in organizing a website is a concept called "chunking,", dividing the site's content into manageable chunks of information, with all chunks related conceptually to one another. Content within each chunk can then be arranged hierarchically, so that the most important topics within a chunk will appear first in a navigational system.

The Warren County Public Library's website has 49 pages!

If you simply listed a link to all of these websites on their home page, no one would ever find what they needed!  However, if your organize the information into groups or clusters, it will make your website much easier to navigate.

The Warren County Public Library took 49 pages and narrowed them down into 7 different groups to make it easier to navigate their website:  

  1. Catalog
  2. Events
  3. Using the Library
  4. Youth
  5. Locations
  6. About
  7. Contact


Activities

Individually

  1. Read the Web Style Guide chapter on Information Architecture.
  2. Reading Check. Use the Module 3 Lesson 1 Form to respond to the following questions:
  • List the five basic steps to organizing information for a website.
  • Briefly describe the three essential structures for organizing websites.
  • How might programmers utilize site diagrams as they move a new website project from planning to production?

As a Group

  1. Receive a set of index cards from your teacher and read the following scenario: 
    • You have been hired by a client whose website has gotten unwieldy after years of willy-nilly development. The client is wanting the site to be better organized, starting from the ground up. Each of the cards you received includes a different topic that is addressed on the client's website.
  2. In groups of 2 or 3, organize the cards into meaningful chunks and propose to the client a new navigational system, where each chunk represents a link on the navigational menu of the home page. Create a hierarchy chart for your website. The navigational system should successfully balance the following needs:
    • There should be no more than ten chunks
    • Every page on the website should be no more than three clicks away from the home page.
  3. Take a picture of your group's chart once it is finalized.  One member from each group should post the following in the discussion on Schoology:
    • All group members' names
    • List the navigation links (or chunks) that your group chose
    • The picture of your hierarchy chart

Resources:

Web Style Guide