Website Design

From Library Success: A Best Practices Wiki
(Difference between revisions)
Jump to: navigation, search
m (Public)
(Usability Tips: added Internet Librarian resource)
(10 intermediate revisions by 6 users not shown)
Line 3: Line 3:
  
 
== Academic ==
 
== Academic ==
http://woodclifflakeschools.schoolwires.com/15252082135526880/site/default.asp?1525Nav=|&NodeID=107/Dorchester Library Media Center
 
 
*[http://www.lib.unair.ac.id/ Airlangga University Library]
 
*[http://www.lib.unair.ac.id/ Airlangga University Library]
 
*[http://aislclibrary.com/ Art Institute of Salt Lake City Library]
 
*[http://aislclibrary.com/ Art Institute of Salt Lake City Library]
Line 78: Line 77:
 
*[http://www.webrary.org/mgplhome.html Morton Grove Public Library]
 
*[http://www.webrary.org/mgplhome.html Morton Grove Public Library]
 
*[http://www.mppl.org/ Mount Prospect Public Library]
 
*[http://www.mppl.org/ Mount Prospect Public Library]
 +
*[http://www.natronacountylibrary.org/ Natrona County Public Library, Casper, Wyoming]
 
*[http://www.nypl.org/ New York Public Library]
 
*[http://www.nypl.org/ New York Public Library]
 
*[http://www.opl.on.ca/ Oakville Public Library, Canada]
 
*[http://www.opl.on.ca/ Oakville Public Library, Canada]
Line 86: Line 86:
 
*[http://www.phoenixpubliclibrary.org/  Phoenix Public Library]
 
*[http://www.phoenixpubliclibrary.org/  Phoenix Public Library]
 
*[http://www.pickens.lib.sc.us/ Pickens County Library System, South Carolina]
 
*[http://www.pickens.lib.sc.us/ Pickens County Library System, South Carolina]
 +
*[http://powellriverlibrary.ca/ Powell River Public Library, Powell River, British Columbia]
 
*[http://www.ringwoodlibrary.org/ Ringwood Public Library, NJ]
 
*[http://www.ringwoodlibrary.org/ Ringwood Public Library, NJ]
 
*[http://www.ropl.org/  Royal Oak Public Library, Michigan]
 
*[http://www.ropl.org/  Royal Oak Public Library, Michigan]
Line 105: Line 106:
 
*[http://www.westbloomfieldlibrary.org/ West Bloomfield Township Public Library, West Bloomfield, MI]
 
*[http://www.westbloomfieldlibrary.org/ West Bloomfield Township Public Library, West Bloomfield, MI]
 
*[http://www.wblib.org/wb-buzz/ West Bloomfield Township Public Library, Youth Website]
 
*[http://www.wblib.org/wb-buzz/ West Bloomfield Township Public Library, Youth Website]
 +
*[http://www.whitehallpubliclibrary.org/ Whitehall Public Library, Pittsburgh, PA]
 
*[http://www.lamanlibrary.org/ William F. Laman Public Library System, North Little Rock, Arkansas]
 
*[http://www.lamanlibrary.org/ William F. Laman Public Library System, North Little Rock, Arkansas]
 
*[http://www.durhamcountylibrary.org/ Durham County Library, Durham, North Carolina]
 
*[http://www.durhamcountylibrary.org/ Durham County Library, Durham, North Carolina]
Line 130: Line 132:
  
 
[http://www.jocolibrary.org/usability Johnson County Library (KS)] - Timeframe for redevelopment, usability studies, and results reporting 2007
 
[http://www.jocolibrary.org/usability Johnson County Library (KS)] - Timeframe for redevelopment, usability studies, and results reporting 2007
 +
 +
[http://www.whitehallpubliclibrary.org Whitehall Public Library (PA)] - Complete redesign using Wordpress (Thesis theme), 2013.
  
 
[http://www.dekalblibrary.org/ DeKalb County Public Library, GA] - complete re-design, launched on July 15, 2008.  Previous design looked like [http://web.archive.org/web/20080214225351/http://www.dekalblibrary.org/ this]
 
[http://www.dekalblibrary.org/ DeKalb County Public Library, GA] - complete re-design, launched on July 15, 2008.  Previous design looked like [http://web.archive.org/web/20080214225351/http://www.dekalblibrary.org/ this]
Line 136: Line 140:
  
 
[http://www.btpl.org/ Bloomfield Township Public Library, MI] - complete re-design on Drupal launched in June 2009.
 
[http://www.btpl.org/ Bloomfield Township Public Library, MI] - complete re-design on Drupal launched in June 2009.
 
  
 
= Usability Tips =
 
= Usability Tips =
 
*[[Best books on usability and web interface design]]
 
*[[Best books on usability and web interface design]]
 
*[http://www.useit.com/alertbox/9605.html Top Ten Mistakes in Web Design]
 
*[http://www.useit.com/alertbox/9605.html Top Ten Mistakes in Web Design]
*[http://www.jkup.net/terms.html Library Terms That Users Understand]
+
*[http://escholarship.org/uc/item/3qq499w7 Library Terms That Users Understand]
 
*[http://usability.gov/guidelines/ Research-Based Web Design and Usability Guidelines]
 
*[http://usability.gov/guidelines/ Research-Based Web Design and Usability Guidelines]
*[http://www.adaptivepath.com/publications/essays/archives/000328.php 90% of All Usability Testing is Useless]
+
*[http://www.adaptivepath.com/ideas/e000328/ 90% of All Usability Testing is Useless]
*[http://libraryconnect.elsevier.com/lcp/0502/lcp0502.pdf How to Design Library Web Sites to Maximize Usability] - second edition (2007)
+
*[http://libraryconnectarchive.elsevier.com/lcp/0502/lcp0502.pdf How to Design Library Web Sites to Maximize Usability] - second edition (2007)
 
*[http://www.designforthelittleguy.com/study.pdf Sinking or Swimming:  The State of Web Sites in Ohio's Public Libraries]
 
*[http://www.designforthelittleguy.com/study.pdf Sinking or Swimming:  The State of Web Sites in Ohio's Public Libraries]
 
*[http://ricklibrarian.blogspot.com/2006/11/web-presence-for-internet-librarians.html Web Presence for Internet Librarians] Notes from a presentation given by Shari Thurow at Internet Librarian 2006
 
*[http://ricklibrarian.blogspot.com/2006/11/web-presence-for-internet-librarians.html Web Presence for Internet Librarians] Notes from a presentation given by Shari Thurow at Internet Librarian 2006
 
*[http://www.libertyinteractivemarketing.com/blog/ Liberty Interactive Marketing Blog]
 
*[http://www.libertyinteractivemarketing.com/blog/ Liberty Interactive Marketing Blog]
 +
*[http://www.infotoday.com/IL2013/ presentations given at yearly Internet Librarian conference]
  
 
= Accessibility =
 
= Accessibility =
Line 171: Line 175:
 
*[https://addons.mozilla.org/extensions/moreinfo.php?id=402 Fangs Screen Reader Emulator] A Firefox Extension that renders a text version of a web page similar to screen reader output. Helps developers find accessibility issues fast
 
*[https://addons.mozilla.org/extensions/moreinfo.php?id=402 Fangs Screen Reader Emulator] A Firefox Extension that renders a text version of a web page similar to screen reader output. Helps developers find accessibility issues fast
 
*Free Accessibility Plugins for Macromedia Dreamweaver:  [http://www.usablenet.com/frontend/508as_entry.jsp Section 508 and W3C-WAI/WCAG Priority 1 and Priority 2 guidelines checker from UsableNet]
 
*Free Accessibility Plugins for Macromedia Dreamweaver:  [http://www.usablenet.com/frontend/508as_entry.jsp Section 508 and W3C-WAI/WCAG Priority 1 and Priority 2 guidelines checker from UsableNet]
*[http://babelfish.altavista.com/translate.dyn Babel Fish Language Translator]
+
*[http://www.babelfish.com/ Babel Fish Language Translator]
 
*[http://www.freedomscientific.com/ Jaws Screen Reader (text to audio) for blind people]
 
*[http://www.freedomscientific.com/ Jaws Screen Reader (text to audio) for blind people]
 
*[https://addons.mozilla.org/en-US/firefox/addon/5809 Firefox Accessibility Extension] A Firefox extension used by people with disabilities and web developers
 
*[https://addons.mozilla.org/en-US/firefox/addon/5809 Firefox Accessibility Extension] A Firefox extension used by people with disabilities and web developers

Revision as of 22:56, 29 January 2014

Contents

Library Website Hall of Fame

Is there a library website with which you are particularly impressed? You can put a link to it here -- with some comments if you'd like.

Academic

Public

[link titlelink title] link title

Special

Successful Re-Design Projects

To view cached pages of a website's previous look, visit: WayBack Machine

Cecil County Public Library - Complete redesign which showcases Web 2.0 functionalities and customizable content, engages patron participation, features an easy to use navigational structure with prominent displays of library events, materials and resources, and offers a wealth of new content.

Salinas Public Library, Salinas, California - Complete re-design which incorporated new content, navigation structure, and usability.

Lessons learned: aadl.org 3.0 - overview of what it took to get a successful overhaul implemented.

UAA/APU Consortium Library '05 Re-Design - overview of process.

Allan Bean Centre Library: http://www.burwood.org.nz/library.asp. A special library in New Zealand for people with spinal injury, brain injury, strokes etc and their families.

University of Washington Libraries 2004 redesign - overview of process

Johnson County Library (KS) - Timeframe for redevelopment, usability studies, and results reporting 2007

Whitehall Public Library (PA) - Complete redesign using Wordpress (Thesis theme), 2013.

DeKalb County Public Library, GA - complete re-design, launched on July 15, 2008. Previous design looked like this

Ventura County Library, CA - complete re-design launched 12-2009 of original 2001 public library website. Previous design looked like: this.

Bloomfield Township Public Library, MI - complete re-design on Drupal launched in June 2009.

Usability Tips

Accessibility

Accessibility Standards and Guidelines

Accessibility Tools

Accessibility Tips

Web Tools

Color

  • Color Box - Design custom colors with draggable hue and saturation levels, and view the corresponding hex value.
  • Color Scheme Designer tool for building color schemes
  • colr.org fiddle around with colors
  • COLOURLovers a resource that monitors and influences color trends.
  • kuler web-hosted application for generating color themes

Browsers

Editors

URL checkers

Cross-browser Checkers

  • BrowserCam -- I used this during a redesign process and it was well worth the $$
  • Browsershots -- Free service similar to BrowserCam

Blogs/Websites to Watch

Specific Blog Posts/Articles to Check out

Personal tools
Namespaces

Variants
Actions
Navigation
Toolbox