Website Design

From Library Success: A Best Practices Wiki
(Difference between revisions)
Jump to: navigation, search
(Blogs/Websites to Watch)
(30 intermediate revisions by 18 users not shown)
Line 42: Line 42:
 
*[http://bib.us.es/ University of Seville Library]
 
*[http://bib.us.es/ University of Seville Library]
 
*[http://library.ucf.edu/ University of Central Florida]
 
*[http://library.ucf.edu/ University of Central Florida]
*[http://www.scd.uha.fr/ Université de Haute Alsace, France] - french website with original flash animations
 
  
 
== Public ==
 
== Public ==
Line 82: Line 81:
 
*[http://www.opl.on.ca/ Oakville Public Library, Canada]
 
*[http://www.opl.on.ca/ Oakville Public Library, Canada]
 
*[http://www.ocls.info/ Orange County Library System]
 
*[http://www.ocls.info/ Orange County Library System]
 +
*[http://www.orcaslibrary.org/ Orcas Island Public Library]
 
*[http://www.osceolalibrary.org/ Osceola Library System]
 
*[http://www.osceolalibrary.org/ Osceola Library System]
 
*[http://citylibrary.pncc.govt.nz/ Palmerston North City Library]
 
*[http://citylibrary.pncc.govt.nz/ Palmerston North City Library]
Line 107: Line 107:
 
*[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]
*[http://westcaldwell.bccls.org/ West Caldwell Public Library, West Caldwell, New Jersey]
 
 
[[http://www.example.com link title][http://www.example.com link title]]
 
[[http://www.example.com link title][http://www.example.com link title]]
 
[http://www.example.com link title]
 
[http://www.example.com link title]
Line 138: Line 137:
 
[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.
  
[http://westcaldwell.bccls.org/ West Caldwell Public Library, West Caldwell, NJ] - complete re-design with Dreamweaver CS3 launched in October 2010. Previous design looked like: [http://web.archive.org/web/20080609192955/http://westcaldwell.bccls.org/ this].
 
  
 
= Usability Tips =
 
= Usability Tips =
Line 214: Line 212:
 
*[http://webstyleguide.com Web Style Guide]
 
*[http://webstyleguide.com Web Style Guide]
 
*[http://www.uie.com/brainsparks/ Brain Sparks by Jared Spool]
 
*[http://www.uie.com/brainsparks/ Brain Sparks by Jared Spool]
*[http://http://www.downloadfreepdf.com Webmaster related learning books]
 
 
*[http://www.userslib.com User's Lib] "usability, accessibility, functionality, & aesthetics towards a more usable library."
 
*[http://www.userslib.com User's Lib] "usability, accessibility, functionality, & aesthetics towards a more usable library."
 
*[http://wp4lib.bluwiki.com WordPress for Libraries (wp4lib) Wiki]: a community for people interested in using WordPress for library websites
 
*[http://wp4lib.bluwiki.com WordPress for Libraries (wp4lib) Wiki]: a community for people interested in using WordPress for library websites

Revision as of 17:03, 25 October 2012

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

http://woodclifflakeschools.schoolwires.com/15252082135526880/site/default.asp?1525Nav=%7C&NodeID=107/Dorchester Library Media Center

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

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