Website Design

From Library Success: A Best Practices Wiki
(Difference between revisions)
Jump to: navigation, search
m (Public)
(8 intermediate revisions by 6 users not shown)
Line 7: Line 7:
 
*[http://lib.asu.edu/ ASU Libraries]
 
*[http://lib.asu.edu/ ASU Libraries]
 
*[http://www.augustana.edu/library/ Augustana College Tredway Library]
 
*[http://www.augustana.edu/library/ Augustana College Tredway Library]
*[http://www.bibliotecas.buap.mx/ Benemérita Universidad Autónoma de Puebla, Mexico] - Spanish site
 
 
*[http://www.lib.byu.edu/ BYU Harold B. Lee Library]
 
*[http://www.lib.byu.edu/ BYU Harold B. Lee Library]
*[http://lib.calpoly.edu/ California Polytechnic State University, San Luis Obispo]
 
 
*[http://www.csufresno.edu/library/ California State University, Fresno]
 
*[http://www.csufresno.edu/library/ California State University, Fresno]
 
*[http://library.csusm.edu/ California State University San Marcos]
 
*[http://library.csusm.edu/ California State University San Marcos]
Line 15: Line 13:
 
*[http://www.csbsju.edu/library/ College of Saint Benedict/ Saint John's University]
 
*[http://www.csbsju.edu/library/ College of Saint Benedict/ Saint John's University]
 
*[http://library.cornell.edu/ Cornell University Library]
 
*[http://library.cornell.edu/ Cornell University Library]
*[http://woodclifflakeschools.schoolwires.com/15252082135526880/site/default.asp?1525Nav=|&NodeID=107/Dorchester Library Media Center]
 
 
*[http://www.earlham.edu/~libr/ Earlham College Libraries]
 
*[http://www.earlham.edu/~libr/ Earlham College Libraries]
*[http://library.vicu.utoronto.ca/ E.J. Pratt Library, Victoria University in the University of Toronto]
 
 
*[http://www.emerson.edu/library/ Emerson College Library]
 
*[http://www.emerson.edu/library/ Emerson College Library]
*[http://library.vicu.utoronto.ca/emmanuel/ Emmanuel College Library, Victoria University in the University of Toronto]
 
 
*[http://library.villanova.edu/ Falvey Memorial Library, Villanova University]
 
*[http://library.villanova.edu/ Falvey Memorial Library, Villanova University]
 
*[http://www.library.gsu.edu/ Georgia State University Library]
 
*[http://www.library.gsu.edu/ Georgia State University Library]
Line 29: Line 24:
 
*[http://library.queensu.ca/ Queen's University Library]
 
*[http://library.queensu.ca/ Queen's University Library]
 
*[http://library.stfranciscollege.edu/ St. Francis College Library, Brooklyn, NY]
 
*[http://library.stfranciscollege.edu/ St. Francis College Library, Brooklyn, NY]
*[http://library.syr.edu/ Syracuse University Library]
 
 
*[http://rdl.lib.uconn.edu/bySubject.php University of Connecticut Research Database Locator]
 
*[http://rdl.lib.uconn.edu/bySubject.php University of Connecticut Research Database Locator]
 
*[http://www2.library.ucla.edu/ UCLA Library]
 
*[http://www2.library.ucla.edu/ UCLA Library]
Line 47: Line 41:
 
*[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
 
*[http://library.wit.ie/ Waterford Institute of Technology Library, Ireland]
 
  
 
== Public ==
 
== Public ==
Line 55: Line 47:
 
*[http://www.ahml.info/ Arlington Heights Memorial Library]
 
*[http://www.ahml.info/ Arlington Heights Memorial Library]
 
*[http://www.eapld.org/ Aurora Public Library District]
 
*[http://www.eapld.org/ Aurora Public Library District]
*[http://www.alpl.org/ Avon Lake Public Library]
 
 
*[http://www.BALibrary.org/ Barrington Area Public Library, Barrington, IL]
 
*[http://www.BALibrary.org/ Barrington Area Public Library, Barrington, IL]
 
*[http://www.bedfordlibrary.org/ Bedford Public Library, Texas]
 
*[http://www.bedfordlibrary.org/ Bedford Public Library, Texas]
*[http://www.bernardsvillelibrary.org/ Bernardsville Public Library,  Bernardsville, NJ]
 
 
*[http://www.bpl.org/ Boston Public Library]
 
*[http://www.bpl.org/ Boston Public Library]
*[http://bradfordcountyfl.gov/BCPL/index.html Bradford County Public Library]
 
 
*[http://www.bcls.lib.nj.us/ Burlington County Library System, NJ]
 
*[http://www.bcls.lib.nj.us/ Burlington County Library System, NJ]
 
*[http://www.bnf.fr/ Bibliothèque Nationale de France]
 
*[http://www.bnf.fr/ Bibliothèque Nationale de France]
Line 80: Line 69:
 
*[http://www.hamdenlibrary.org/ Hamden Public Library, Hamden, Connecticut]
 
*[http://www.hamdenlibrary.org/ Hamden Public Library, Hamden, Connecticut]
 
*[http://www.hclib.org/pub/ Hennepin County Library, Minnesota]
 
*[http://www.hclib.org/pub/ Hennepin County Library, Minnesota]
*[http://www.mylibrary.us/  High Plains Library District, Colorado]
 
 
*[http://www.icpl.org/ Iowa City Public Library, Iowa]
 
*[http://www.icpl.org/ Iowa City Public Library, Iowa]
 
*[http://www.jgrls.org/ Jackson-George Regional Library System - Mississippi]
 
*[http://www.jgrls.org/ Jackson-George Regional Library System - Mississippi]
Line 89: 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]
 
*[http://www.ocls.info/ Orange County Library System]
 
*[http://www.ocls.info/ Orange County Library System]
*[http://www.orcaslibrary.org Orcas Island Library District, Eastsound, WA]
+
*[http://www.orcaslibrary.org/ Orcas Island Public Library, Eastsound, WA]
 
*[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]
 
*[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]
 
*[http://www.bibliotecasalaborsa.it/ Sala Borsa Library of Bologna, Italy]
 
*[http://www.bibliotecasalaborsa.it/ Sala Borsa Library of Bologna, Italy]
 
*[http://www.salinas.lib.ca.us/ Salinas, CA Public Library - John Steinbeck]
 
*[http://www.salinas.lib.ca.us/ Salinas, CA Public Library - John Steinbeck]
*[http://www.slcpl.lib.ut.us/ Salt Lake City Public Library]
+
*[http://www.scottsdalelibrary.org/ Scottsdale Public Library]
*[http://http://www.spl.lib.wa.us/ Seattle Public Library]
+
*[http://www.spl.lib.wa.us/ Seattle Public Library]
 
*[http://somerslibrary.org/ Somers Library]
 
*[http://somerslibrary.org/ Somers Library]
 
*[http://www.sno-isle.org/ Sno-Isle Libraries - Marysville, WA]
 
*[http://www.sno-isle.org/ Sno-Isle Libraries - Marysville, WA]
*[http://spartalibrary.com/ Sparta Public Library - Sparta, NJ]
 
 
*[http://www.stcharleslibrary.org/ St. Charles, IL Public Library]
 
*[http://www.stcharleslibrary.org/ St. Charles, IL Public Library]
*[http://www.biblioteket.stockholm.se/ Stockholm Public Library]  
+
*[http://www.biblioteket.stockholm.se/ Stockholm Public Library] First real Library 2.0?!
 
*[http://www.fordlibrary.org/ Thomas Ford Memorial Library]
 
*[http://www.fordlibrary.org/ Thomas Ford Memorial Library]
 
*[http://www.tpl.toronto.on.ca/ Toronto Public Library]
 
*[http://www.tpl.toronto.on.ca/ Toronto Public Library]
 
*[http://www.vencolibrary.org/ Ventura County Library]
 
*[http://www.vencolibrary.org/ Ventura County Library]
 
*[http://www.wpl.lib.oh.us/ Westerville, Ohio, Public Library]
 
*[http://www.wpl.lib.oh.us/ Westerville, Ohio, Public Library]
*[http://www.mylibrary.us/ Weld Library District, Colorado (now High Plains Library District)]
+
*[http://www.mylibrary.us/ Weld Library District, Colorado]
 
*[http://www.wmtl.org/ West Milford Township Public Library, New Jersey]
 
*[http://www.wmtl.org/ West Milford Township Public Library, New Jersey]
 
*[http://www.washoecounty.us/library/ Washoe County Public Library, Reno, NV]
 
*[http://www.washoecounty.us/library/ Washoe County Public Library, Reno, NV]
 
*[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]
*[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]
  
Line 142: 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 148: 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.
 
[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].
 
 
[http://library.vicu.utoronto.ca/ E.J. Pratt Library, Victoria University in the University of Toronto] - complete re-design, launched in January, 2011.  Previous design looked like: [http://library.vicu.utoronto.ca/images/pratt_before_after.png this]
 
 
[http://library.vicu.utoronto.ca/emmanuel/ Emmanuel College Library, Victoria University in the University of Toronto] - complete re-design, launched in September, 2011.  Previous design looked like: [http://library.vicu.utoronto.ca/emmanuel/images/before_after.png this]
 
  
 
= Usability Tips =
 
= Usability Tips =
Line 165: Line 151:
 
*[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.useit.com/alertbox/ Jakob Nielsen’s “Alertbox” Usability Newsletter Archive]
 
*[http://www.lib.washington.edu/usability/ Usability Testing and Resources from University of Washington Libraries]
 
*[http://www.olis.ri.gov/pubs/plstandards/websites.php Public Library Website Guidelines from the State of Rhode Island Office of Library and Information Services]
 
*[http://www.useit.com/papers/heuristic/heuristic_list.html Jakob Nielsen's 10 Heuristics for User Interface Design]
 
*[http://www.asktog.com/basics/firstPrinciples.html Bruce Tognazzini's First Principles of Interaction Design]
 
  
 
= Accessibility =
 
= Accessibility =
Line 193: Line 174:
 
*[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
Line 224: Line 205:
 
*[http://www.browsercam.com/ BrowserCam] -- I used this during a redesign process and it was well worth the $$
 
*[http://www.browsercam.com/ BrowserCam] -- I used this during a redesign process and it was well worth the $$
 
*[http://browsershots.org/ Browsershots] -- Free service similar to BrowserCam
 
*[http://browsershots.org/ Browsershots] -- Free service similar to BrowserCam
*[http://browserlab.adobe.com Browserlab] -- Free service to check multiple browsers on multiple OS. Adobe ID required.
 
  
 
= Blogs/Websites to Watch =
 
= Blogs/Websites to Watch =
Line 235: Line 215:
 
*[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://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://www.refbytes.com/ Joomla! for Libraries (RefBytes.com)]: "Learn how Joomla! can improve your library website and register for the ALA TechSource eCourse."
 
 
*[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
*[http://www.mediafire.com/?dfibgza18ccmouo/ Using a Weighted Ranking Assessment to Improve Public Library Websites]: An assessment of public library websites using several of the institutions suggested on this wiki.  This study is being considered for publication in a peer-reviewed journal for library science grad students.
+
 
 +
= Specific Blog Posts/Articles to Check out =
 +
*[http://webjunction.org/website-development WebJunction's website development] topic, with discussions, articles, and groups
  
  
  
 
[[Category:Technology]]
 
[[Category:Technology]]

Revision as of 23:29, 15 November 2013

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