Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
648
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
12
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Web Design 101 The Library Institute June 3, 2009
  • 2. 2 Objectives
        • Usability
        • Design
    Image: http://www.flickr.com/photos/statelibraryofnsw/3210637493/
  • 3. What is Usability?
    • User-centered: give users the tools they need.
    Image: http://www.flickr.com/photos/library_of_congress/2179224580/
  • 4. 3 Main Aspects
        • Learnability: easy to figure it out the first time.
        • Efficiency: getting quickly from point A to point B
        • Satisfaction: user is happy with the result.
  • 5. Libraries already do this
        • Reference/Information
        • Reader's Advisory
        • Community spaces
        • Programming
    • The web is just another medium.
  • 6. What is Design ?
    • Should accomplish 2 things:
        • Help your users fulfill their needs.
        • Make your website look pretty.
  • 7. Top Priority?
    • It's easy to forget:
        • http://www.adamobydell.com
        • http://yugop.com/ver2/
  • 8. Important Design Characteristics
        • Simplicity: easy to use
        • Accessibility: easy to read & understand
        • Consistency: easy to predict
        • Organization: overall site architecture
  • 9. Keep it simple
    • Don't Make Me Think - Steve Krug
    • Make it easy & intuitive to accomplish a task.
    • - if you need to train, it's too complex
    • Focus on what the user NEEDS, not what we think they might want.
  • 10. Balance
    • Examples of usability fail!
        • Online: Arizona Republic
        • Offline: voicemail. Seriously.
    • Yours?
    Image: http://www.flickr.com/photos/nationalmediamuseum/3084876560/
  • 11. Accessibility
    • Available to all users
        • Browser Compatibility
        • Internet speed
        • Contrast
        • Graphics
        • Colors
        • Descriptive Text
    • Web Accessibility Initiative: http://www.w3.org/WAI/
  • 12. Don't make my eyes bleed!
        • Cowdance
        • Yvette's
        • DRM Guide to Disability Resources on the Web
    Image: http://www.flickr.com/photos/nationalmediamuseum/3084041451
  • 13. Consistency
    • Easy for user to predict how to navigate the site .
        • Mystery Meat Navigation: MIT Architecture
        • Unpredictability: Brill Publications
  • 14. Organization
    • We're librarians - we're good at this !
    Image: http://www.flickr.com/photos/nypl/3110117236/
  • 15. User Needs
    • Why are they here?
        • Library hours, locations, directions
        • Find books
        • Find databases/articles
        • Program Information
  • 16. Usability win
        • Google
        • Southwest Airlines
        • Amazon
  • 17. Librarians' Challenge: TMI
    • Too Much Information. Online, less is more
        • People don't want to read a lot of text
        • Similar to a reference interview
    • Image: http://www.flickr.com/photos/library_of_congress/2178251635/
  • 18. Anatomy
    • From Anatomy of a Usable Website: User Effect blog - http://www.usereffect.com/topic/anatomy-of-a-usable-website
  • 19. Good Library Webpages
        • Boston Public Library
        • Hennepin County Library
        • New York Public Library
        • Phoenix Public Library
        • Salinas Public Library
  • 20. Webpages that Suck
    • Learn from the mistakes of others!
        • http://www.webpagesthatsuck.com
        • Biggest Design Mistakes: 1995-2015
  • 21. Activity!
    • How do our library websites rate?
        • List 3 good things
        • List 3 improvements
    Image: http://www.flickr.com/photos/nypl/3110578334/
  • 22. Questions?
    • Image: http://www.flickr.com/photos/george_eastman_house/3333259091/
  • 23. Thank you!
    • Anali Maughan Perry
    • Assistant Librarian
    • Arizona State University Libraries
    • [email_address]
    • MCLC Tech Talk
    • http://mclctechtalk.wordpress.com
    • [email_address]