Web Site Evaluation

Pasted below is the criteria used throughout the web design course to evaluate a site. I am going to review the library site and post my comments on how I have hoped to achieve each of the criteria.

Web Site Evaluation Criteria¹

Text

_____Consistent use of fonts, emphasis and color I think this is done well. I am trying to stick to the header codes designed with color schemer.
_____Concise - uses bulleted and numbered lists So far only bulleted lists
_____Does not use all uppercase Concerned about FAQs tab but think it is universal acronym and therefore can be uppercase. I had to adjust some web site name links because of all caps and will need to watch this in the future.
_____Uses sans-serif fonts (Arial or Helvetica) for titles, headings, or other short amounts of text I tend to use all sans-serif if not careful
_____Uses serif fonts (Times, Book Antiqua, Palatino) for body text Corrected body paragraphs to serif but must be careful and consistent.
_____Uses methods of emphasis other than underlining Tend to use bold and color.
_____Keeps line length to approximately 40 characters This is a problem. On the library home page I have a wide column that is at least 80 characters long. I like the look but know that this might just be me. I will work with my users and try to get their thoughts.
_____Utilizes left alignment for blocks of text Yes.

_____Uses whitespace. Breaks up long paragraphs and long chunks of text Working hard on this.

_____Includes a link to e-mail a contact person At footer of each page
_____Doesn't center everything on the page True
_____Doesn't overuse the bold option - keeps high contrast text short Headers all appear bold but I suspect this is not a problem. May need to work on controversial issues page and use of bold.

Color

_____Uses contrast Yes
_____Uses a light background to show off graphics and dark text for ease of printing Yes
_____Uses white backgrounds for pages which readers are likely to print All white backgrounds.
_____Doesn't allow the background to conflict with the foreground (text) True

Graphics

_____Uses graphics which relate to the subject matter minimal graphics, would like to use more
_____Limits physical size of photos as well as the size of the file to under 30K need to remember to check all when adding, gadgets don't count I hope (READ photo gadgets).
_____Utilizes the same style of graphics throughout site so far I am inconsistent, I use photos and clip art. I will question users to find out if this is annoying.
_____Limits the number of graphics per page to reduce page loading time limited except on READ Photos page.
_____Uses thumbnails when appropriate. Example: Click on the smaller painting to see a larger version. The READ photos and Slide new books display all do this.
_____Does not use distracting animated graphics and moving text I like animated graphics but so far have not used them on this site
_____Does not use "under construction" graphics" on the Web pages; all Web pages are always under construction No under construction graphics

Navigation

_____Names navigational items appropriately and does not use the word "back" to direct readers I believe this is true although I am not sure about the Information Literacy tab. I'll check and see how much use it gets and maybe delete or rename
_____Includes a home page link on each page Yes, on the sidebar
_____Reuses the navigational tools on each page Yes, the tabs and sidebar appear on all pages
_____If there are a number of subtopics on a web page, includes a table of contents and return links Table of Contents in Google Sites is clunky, planning on adding anchored links across top to some pages
_____Gives control to users - allows them the option of sound files and multimedia instead of using audio in the background and programming other ways to automatically download audio and video files No audio files as yet but some embedded video. May consider just linking to videos in future.
_____Includes a site map or visual outline to help site readers find information Yes
_____Does not leave users at a dead end - gives them a way to get back to previous pages.Would like to incorporate a better bread crumb trail. Will look into sites help for how to do this as the number of pages expand.

¹Adapted from Web Page Design Guidelines
Used with permission from Nicholle Stone, University of Wisconsin-Stout

Week 4 - Publish and Comments

This was the week that we were to publish our site and here the comments from classmates and professor. My blog went up with 5 pages as required. I am going to copy the comments from the discussion forum below. Professor Erbe sent me his comments in an audio file and I will try to include it as well.

Comment from Mary Sue:

Katherine, very nice site. I like the Wordle banner; it has a nice welcoming feel. I also like the GoAnimate. I had not heard of this program and I’m anxious to try it. I’m always looking for new ways to get my students to show their work through technology. I am not familiar with the slide.com presentation tool you have showing your new books. Could you tell me a little about that? Is it free, is it easy to use? Did you have to find the book covers and add them?

I wonder if it is redundant to have the databases listed on the side when you have a link across the top for them? When clicked on that link I saw that you didn’t have them all listed there. Do you plan on doing that at some point? I do like the use of the table and the annotations and links for help.

I love the Read posters!!!! What a great idea. You really have a great start here.

MarySue

Comment from Jennine:

Such a great start! There is so much I like about it, but I think the best is your placement of materials on the front page. My worst problem is sticking things 3 clicks in from the front page, and I worry about people getting tired of that many clicks. Thanks for the look!

I LOVE the "web worthy" spotlight--the old HS site used the words "web 2.0 tools" to highlight new to us web tools, and that wasn't interesting. This is a phrase I will place on my own.