Your SlideShare is downloading. ×
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Web Design 101
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Web Design 101

703

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
703
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
13
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]

×