![• Use CSS Text Instead of Images to Speed Page Downloads
(http://webdesign.about.com/od/speed/qt/tipspeedimages.htm )
19. Logos that don’t link to home
• Why is it standard for a website logo to navigate to the home page?
(http://ux.stackexchange.com/questions/81727/why-is-it-standard-for-a-website-logo-to-
navigate-to-the-home-page )
17. Using clip art
• Why Clip Art is Evil (http://www.interpretationbydesign.com/?p=4415 )
• Goodbye Clip Art: Vitally important bad design (http://www.independent.co.uk/life-
style/gadgets-and-tech/features/goodbye-clip-art-vitally-important-bad-design-9899030.html )
16. Problematic navigation
• Avoid Category Names That Suck (https://www.nngroup.com/articles/category-names-suck/ )
• Library Terms That Users Understand (http://escholarship.org/uc/item/3qq499w7 )
• Top 5 problems with library websites – a review of recent usability studies
(http://emilysingley.net/top-5-problems-with-library-websites-a-review-of-recent-usability-
studies/ )
15. Rotating banners (carousels)
• Rotating Banners – They Are Never A Good Idea (https://thegood.com/insights/rotating-
banners-they-are-never-a-good-idea/ )
• Why you shouldn’t have a carousel on your home page
(http://thetomorrowlab.com/2015/07/why-you-shouldnt-have-a-carousel-on-your-home-page/
)
• UX Drinking Game: if someone says carousel, drink (http://www.uxdrinkinggame.com/drink/if-
someone-says-carousel-drink/ )
• The Truth about Carousels [and Other Antipatterns]
(https://speakerdeck.com/michaelschofield/the-truth-about-carousels-and-other-antipatterns )
• 6 design alternatives to avoid slideshows (http://www.mediacurrent.com/blog/alternatives-
slideshows )
• Carousel Usability: Designing an Effective UI for Websites with Content Overload
(https://www.nngroup.com/articles/designing-effective-carousels/ )
14. Fonts under 16 px
• 16 Pixels: For Body Copy. Anything Less Is A Costly Mistake
(https://www.smashingmagazine.com/2011/10/16-pixels-body-copy-anything-less-costly-
mistake/ )
• Make It Big! The Effect of Font Size and Line Spacing on Online Readability
(http://pielot.org/pubs/Rello2016-Fontsize.pdf )
13. Huge flyer images](https://image.slidesharecdn.com/libsite25-190405134944/85/How-to-Fix-the-25-Most-Common-Library-Website-Problems-Resources-April-2019-2-320.jpg)
How to Fix the 25 Most Common Library Website Problems: Resources (April 2019)
- 1. http://oplin.ohio.gov 25 Problems on Library Websites Resources 25. Missing Board of Trustees • Ohio Revised Code: http://codes.ohio.gov/orc/3375.33v1 24. No address and/or phone number on homepage • Contact details - best and worst practice examples (https://econsultancy.com/blog/2529- contact-details-best-and-worst-practice-examples/ ) 22. No custom favicon • What’s the point of favicons? (http://www.webdesignerdepot.com/2012/11/whats-the-point- of-favicons/ ) • Why Use a Favicon on Your Website? (https://www.wordpress-web-designer- raleigh.com/2015/04/16/why-use-a-favicon-on-your-website/ ) • Websites Need Favicons, Here’s Why (http://blog.woorank.com/2014/07/favicon-seo/ ) • Let’s Talk About the Importance of Favicons (http://www.hongkiat.com/blog/favicons- importance/ ) • Favicon & App Icon Generator (http://www.favicon-generator.org/ ) 21. No breadcrumb trails • Deep Linking is Good Linking (https://www.nngroup.com/articles/deep-linking-is-good-linking/ ) • Breadcrumb Navigation Increasingly Useful (https://www.nngroup.com/articles/breadcrumb- navigation-useful/ ) • Why You Were Always Wrong About Breadcrumbs (https://vwo.com/blog/why-use- breadcrumbs/ ) • Think Breadcrumb Links Aren’t Good For User Experience? Yes, They Are! (http://marketingland.com/breadcrumb-links-good-user-experience-yes-97848 ) 20. Using images as text • Bad design: Using images for text (http://www.webdevcorner.net/articles/bad-design-using- images-for-text )
- 2. • Use CSS Text Instead of Images to Speed Page Downloads (http://webdesign.about.com/od/speed/qt/tipspeedimages.htm ) 19. Logos that don’t link to home • Why is it standard for a website logo to navigate to the home page? (http://ux.stackexchange.com/questions/81727/why-is-it-standard-for-a-website-logo-to- navigate-to-the-home-page ) 17. Using clip art • Why Clip Art is Evil (http://www.interpretationbydesign.com/?p=4415 ) • Goodbye Clip Art: Vitally important bad design (http://www.independent.co.uk/life- style/gadgets-and-tech/features/goodbye-clip-art-vitally-important-bad-design-9899030.html ) 16. Problematic navigation • Avoid Category Names That Suck (https://www.nngroup.com/articles/category-names-suck/ ) • Library Terms That Users Understand (http://escholarship.org/uc/item/3qq499w7 ) • Top 5 problems with library websites – a review of recent usability studies (http://emilysingley.net/top-5-problems-with-library-websites-a-review-of-recent-usability- studies/ ) 15. Rotating banners (carousels) • Rotating Banners – They Are Never A Good Idea (https://thegood.com/insights/rotating- banners-they-are-never-a-good-idea/ ) • Why you shouldn’t have a carousel on your home page (http://thetomorrowlab.com/2015/07/why-you-shouldnt-have-a-carousel-on-your-home-page/ ) • UX Drinking Game: if someone says carousel, drink (http://www.uxdrinkinggame.com/drink/if- someone-says-carousel-drink/ ) • The Truth about Carousels [and Other Antipatterns] (https://speakerdeck.com/michaelschofield/the-truth-about-carousels-and-other-antipatterns ) • 6 design alternatives to avoid slideshows (http://www.mediacurrent.com/blog/alternatives- slideshows ) • Carousel Usability: Designing an Effective UI for Websites with Content Overload (https://www.nngroup.com/articles/designing-effective-carousels/ ) 14. Fonts under 16 px • 16 Pixels: For Body Copy. Anything Less Is A Costly Mistake (https://www.smashingmagazine.com/2011/10/16-pixels-body-copy-anything-less-costly- mistake/ ) • Make It Big! The Effect of Font Size and Line Spacing on Online Readability (http://pielot.org/pubs/Rello2016-Fontsize.pdf ) 13. Huge flyer images
- 3. • Google Developers: Image Optimization (https://developers.google.com/web/fundamentals/performance/optimizing-content- efficiency/image-optimization?hl=en ) • Compressor.io compression tool (http://compressor.io) • Describing Images for Improved Web Accessibility (http://www.mediacurrent.com/blog/describing-images-improved-web-accessibility ) 10. No search at all • Top 10 Guidelines for Homepage Usability (#5) https://www.nngroup.com/articles/top-ten- guidelines-for-homepage-usability/ ) • Search: Visible and Simple (https://www.nngroup.com/articles/search-visible-and-simple/ ) 8. More than one search field • Search Best Practices: Only One Search Box (http://www.ideaeng.com/one-search-best- practice-0603 ) • Minimize Cognitive Load to Maximize Usability (https://www.nngroup.com/articles/minimize- cognitive-load/ ) 7. Using placeholder text in form and search fields • Placeholders in Form Fields Are Harmful (https://www.nngroup.com/articles/form-design- placeholders/ ) • 11 reasons why placeholders are problematic (https://medium.com/simple-human/10-reasons- why-placeholders-are-problematic-f8079412b960#.qm79jbnbb ) 6. Search in the wrong place • Usability Tip: Don’t Make Me Search for Search (https://uxmag.com/articles/usability-tip-dont- make-me-search-for-search ) 5. Redundant links • The Same Link Twice on the Same Page: Do Duplicates Help or Hurt? (https://www.nngroup.com/articles/duplicate-links/ ) 4. Poor contrast • Low-Contrast Text Is Not the Answer (https://www.nngroup.com/articles/low-contrast/ ) • Low-contrast text isn't a good idea for user experience (http://pilotonline.com/inside- business/news/columns/low-contrast-text-isn-t-a-good-idea-for-user/article_a65c5fe0-37f6- 500c-af07-02f4326c8d3d.html ) • CheckMyColours.com (http://www.checkmycolours.com/ ) 3. Poor speed • How Fast Is Your Website? How a Slow Website can Affect Your Google Ranking (https://www.rebeccavandenberg.com/fast-website-slow-website-can-affect-google-ranking/ )
- 4. • Speed Is A Killer – Why Decreasing Page Load Time Can Drastically Increase Conversions (https://blog.kissmetrics.com/speed-is-a-killer/ ) • Mobile stress: Slower web pages lead to increased user frustration and lower engagement (http://www.webperformancetoday.com/2013/12/11/slower-web-pages-user-frustration/ ) • Test with Google speed test tool (https://testmysite.thinkwithgoogle.com/ ) 2. Poor accessibility • W3C: Introduction to Web Accessibility (https://www.w3.org/WAI/intro/accessibility.php) • WebAIM: Introduction to Web Accessibility (http://webaim.org/intro/ ) • Web Accessibility Checker (http://achecker.ca/checker/index.php ) 1. Not responsive • 6 Undeniable Reasons Why Your Website Should Be Responsive (http://blog.hubspot.com/marketing/responsive-design- list#sm.0000riozmkaggdtqpzs1gdm4n0j1p ) • 8 reasons to have a responsive web design (infographic) (http://www.marketpath.com/digital- marketing-insights/8-reasons-to-have-a-responsive-web-design-infographic ) • Why You Need to Invest in Responsive Web Design (http://www.convinceandconvert.com/mobile/why-responsive-web-design/ )