Nielsen's HomePage Usability Rules: A Self-Assessment

Homepage Usability book cover
Jakob Nielsen has been supporting his book, Homepage Usability: 50 Websites Deconstructed, with a few of articles on homepage design. I took the opportunity to make some changes to my own site after reading them.

The first article, Top Ten Web Design Mistakes of 2003, lists what's been annoying him recently. I did well on this one—I only needed to add some ALT text to my images (Tip #5 is Overly detailed ALT Text—oops, I actually didn't have any) and make pages stop linking to themselves (#10). The latter improvement is not directly supported in my CMS tool (CityDesk) and took a fair amount of scripting, but armed with CityDesk keywords and my keyword organizing utility, I got it done.

That article linked to The Ten Most Violated Homepage Design Guidelines. I didn't do too badly on that one either, but I decided to differently color visited links and make it more clear where you are on the site (#3). I rewrote my tag line to be more informative (#5) and made my tags more descriptive. I was already following #2 (<em>Use a liquid layout that lets users adjust the homepage size</em>), since that's a pet-peeve of mine.<br />Finally, I read <a href="http://www.useit.com/alertbox/20020512.html" rel="self">Top Ten Guidelines for Homepage Usability</a>. By this point, most of the tips were redundant. I haven't added a search yet, but I'll do that soon.<br /><br />The book has over a hundred guidelines sure to improve any site.<div class="blog-entry-comments"><div id="disqus_thread"> <script type="text/javascript"> var disqus_shortname = 'loufranco'; (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; var disqus_identifier = 'dc4e74d4cc91575c914ce9861b9a3f38'; dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); }()); </script> <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a> </div></div></div></div> </div> </div><!-- End content --> </div><!-- End main content wrapper --> <div class="clearer"></div> <div id="footer"><!-- Start Footer --> <p>© 2012 Lou Franco</p> <div id="breadcrumbcontainer"><!-- Start the breadcrumb wrapper --> <ul><li><a href="../../index.html">Home</a> > </li><li><a href="../index.html">Blog</a> > </li></ul> </div><!-- End breadcrumb --> </div><!-- End Footer --> </div><!-- End container --> <!-- Start Google Analytics --> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-17405641-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script><!-- Begin Olark Chat --><script type="text/javascript">(function(){document.write(unescape('%3Cscript src=%27' + (document.location.protocol == 'https:' ? "https:" : "http:") + '//static.olark.com/js/wc.js%27 type=%27text/javascript%27%3E%3C/script%3E'));})();</script><div id="olark-data"><a class="olark-key" id="olark-5240-575-10-2278" title="Powered by Olark" href="http://olark.com/about" rel="nofollow">Powered by Olark</a></div> <script type="text/javascript"> wc_init();</script><!-- /End Olark Chat --><!-- End Google Analytics --> </body> </html>