INLS161-001 Fall 2021

Tools for Information Literacy




Start to think about website design


After you finish task 02.02, start to think about your fuller site.
Keep the users in mind as you design your site.
Ensure that the users are never confused about where they are in your site structure.
Ensure that your design speaks for you.

You know the structure and how it should be presented,
now put it together

As you begin to design your website ...

... think about designing it in terms of the user(s) of the site

Take a few minutes and decide on a "theme" for the page(s) you are creating. Decide the structure of the site and what images you will need.

You want to consider that the development cycle for web sites has four stages:

  1. The first stage is to develop content and format in tandem
  2. The second stage is to view the results
  3. Third, to make repairs as necessary. At this time you will either return to the first step to add content, or go to the fourth step
  4. Fourth, publish the page
think about design why? purpose arrangement of parts content/navigations expectations organization

back to top

Why do we concern ourselves with design issues?

Jakob Nielsen suggests that we have an absolute need for design standards.

Standards ensure that users

You cannot go wrong by following the direction given in the Web Style Guide [linked from the home page on the class web site]. But we will review some basic considerations and offer a way to approach the process of designing your web site. The principles are pretty straightforward:

know your audience,
keep it simple,
be fast,
know the rules before you knowingly break them

think about design why? purpose arrangement of parts content/navigations expectations organization

back to top

Define the purpose and the target audience

What is your intent? what is the message you wish to convey, both in text and in feel?

Who are you trying to reach? who is your target audience?

Think about the audience

think about design why? purpose arrangement of parts content/navigations expectations organization

back to top

Determine the structure of the site by sketching the navigation structure

What is the top level page? This is home page, the page that will open when a user types in the URL of your web site's directory

Are there any second level pages? If so, they are children of the home page

Are there any third level pages? If so, each third level page is a child of the second level page it is subordinate to

A sketch will help you keep the relationships clear

think about design why? purpose arrangement of parts content/navigations expectations organization

back to top

Determine the content and navigation for each page

What kinds of text, images, or other objects are relevant to the topic of a particular page? Remember, some things add code weight to a page and are thus more slowly loading, but sometimes the object is critical to the message and the load will have to be borne

Within the structure of your web site, plan
to have every page link directly to the home page,
to its parent page,
to its children,
and to its siblings.

Ponder designing a way to place the navigation tools so that they are visually similar
and in the same relative position on each page

think about design why? purpose arrangement of parts content/navigations expectations organization

back to top

Determine the design of the pages

Don't forget that this are your pages,
so they should represent you in a manner you wish to be represented

how do you plan to lay them out? what objects go where? appropriateness

user expectations: placement

user expectations: consistency

user expectations: usability

think about design why? purpose arrangement of parts content/navigations expectations organization

back to top

Devise a simple, consistent naming system for your pages, images, and related files

There are some consistent themes

think about design why? purpose arrangement of parts content/navigations expectations organization

back to top

Copyright © R.E. Bergquist 2014- | Last Updated on | Powered by w3.css
https://ils.unc.edu/courses/2021_fall/inls161_001/05a.04.planning.html
ils.unc.edu
crawl=CC-MAIN-2022-33
26863
application/http; msgtype=response
sha1:SUTACPCYBINEHSESECOU5CTLWDEW2J4R
<urn:uuid:1776d74a-a744-4ab6-aef0-d85ded1e59f0>
2022-08-14T00:50:24Z
152.2.11.74
text/html
sha1:COETFMTITHBIXA3ONJ4LWNZERC2V3ITS
<urn:uuid:9b3819b2-1d0e-42e3-ad14-aaa8a77ebff0>
https://ils.unc.edu/courses/2021_fall/inls161_001/05a.04.planning.html
response
<urn:uuid:693a32cd-8c11-4973-8ad0-724d7f92d11d>
isPartOf: CC-MAIN-2022-33
publisher: Common Crawl
description: Wide crawl of the web for August 2022
operator: Common Crawl Admin (info@commoncrawl.org)
hostname: ip-10-67-67-112
software: Apache Nutch 1.18 (modified, https://github.com/commoncrawl/nutch/)
robots: checked via crawler-commons 1.4-SNAPSHOT (https://github.com/crawler-commons/crawler-commons)
format: WARC File Format 1.1
conformsTo: https://iipc.github.io/warc-specifications/specifications/warc-format/warc-1.1/