Improve the usability of search-results pages
Add sophisticated but easy-to-use filtering and sorting controls
By Greg Nudelman, JavaWorld.com, 01/23/06

Related links
- Envisioning Information, Edward R. Tufte (Graphics Press, 1990; ISBN0961392118)
http://www.amazon.com/exec/obidos/ASIN/0961392118/javaworld
- The Design of Everyday Things, Donald A. Norman (Basic Books, 2002; ISBN0465067107)
http://www.amazon.com/exec/obidos/ASIN/0465067107/javaworld
- Designing Web UsabilityThe Practice of Simplicity, Jakob Nielsen (New Riders Press, 1999; ISBN156205810X)
http://www.amazon.com/exec/obidos/ASIN/156205810X/javaworld
- Don't Make Me ThinkA Common Sense Approach to Web Usability, Steve Krug (New Riders Press, 2000; ISBN0789723107)
http://www.amazon.com/exec/obidos/ASIN/0789723107/javaworld
- About Face 2.0The Essentials of Interaction Design, Alan Cooper, Robert M. Reimann (Wiley, 2003; ISBN0764526413)
http://www.amazon.com/exec/obidos/ASIN/0764526413/javaworld
- The Inmates Are Running the AsylumWhy High Tech Products Drive Us Crazy and How to Restore the Sanity, Alan Cooper (Sams, 2004; ISBN0672326140)
http://www.amazon.com/exec/obidos/ASIN/0672326140/javaworld
- Effective Java Programming Language Guide, Joshua Bloch (Addison-Wesley Professional, 2001; ISBN0201310058)
http://www.amazon.com/exec/obidos/ASIN/0201310058/javaworld
- Milton Glaser's "Ten Things I Have Learned" (November 22, 2001)
http://www.miltonglaser.com/pages/milton/essays/es3.html
- "Java Tip 112Improve Tokenization of Information-Rich Strings," Bhabani Padhi (JavaWorld)
http://www.javaworld.com/javaworld/javatips/jw-javatip112.html
- Amazon.com's diamond search page using the dual sliderhttp://www.amazon.com/gp/gsl/search/finder/002-6156306-
8352038?%5Fencoding=UTF8&productGroupID=loose%5Fdiamonds
- Some examples of Ajax sliders
http://ajaxpatterns.org/Slider
- "The Beauty of Simplicity" by Linda Tischler (Fast Company, November 2005) is an excellent discussion of the importance of usability in a high-tech world
http://www.fastcompany.com/magazine/100/beauty-of-simplicity.html
- The Velocity project, home of the distribution, documentation, and other Velocity resources
http://jakarta.apache.org/velocity/
- "Start Up the Velocity Template Engine," Geir Magnusson Jr. (JavaWorld, December 2001)
http://www.javaworld.com/javaworld/jw-12-2001/jw-1228-velocity.html
- In "Getting Up to Speed with Velocity" (New Architect, September 2001), Jim Jagielski notes that Velocity has "a language definition with a feature set that fits comfortably on
a standard business card"
http://www.webtechniques.com/archives/2001/09/serv/
- In "Take the Fast Track to Text Generation" (JavaWorld, July 2001), Leon Messerschmidt looks at using Velocity for text generation
http://www.javaworld.com/javaworld/jw-07-2001/jw-0727-templates.html
- Velocity-supported Web application frameworks:
-
- For more articles on UI design, browse the User Interface Design section of JavaWorld's Topical Index
http://www.javaworld.com/channel_content/jw-ui-index.shtml
- Also browse the Development Tools section of JavaWorld's Topical Index
http://www.javaworld.com/channel_content/jw-tools-index.shtml
E.R. Tufte, in his phenomenal book Envisioning Information, states, "Clarity and simplicity are completely opposite of simple-mindedness." This false simple-mindedness is often evident
in the design of a search-results page. Even on some of the leading e-commerce sites, this important page is frequently made
hard to use by excessive visual clutter or the complete absence of appropriate sorting and filtering controls. This is especially
daunting as more and more raw data return as search results, without the appropriate tools to manipulate them.
A well-designed search-results page is well worth the effort, since it is the key to helping your users successfully achieve
their goals and enticing them back to your site. The engineering challenge is to provide just the right kind of sophisticated
yet easy-to-use sorting and filtering tools that map well to your customers' goals and mental models. In this article, I present
some design ideas to start you on your way to creating a more usable search-results page.
Blood, sweat socks, and chicken soup
According to usability research, while most consumers search occasionally, more then half of all users are "search dominant,"
meaning they go straight for the search and ignore the rest of the navigation on the site (see Designing Web Usability: The Practice of Simplicity). Thus, the search-results page is used by a vast majority of the customers, and the usability of this page is often key
to the usability of your entire site. Given this data, it is astonishing how many companies ignore the usability design of
this important functionality and are content to let their users muddle through.
Nowhere is this more evident than in e-commerce, as the following tale of Internet shopping illustrates: My wife has a well-concealed
passion for cooking, but loves cookbooks about chocolate. For her birthday, I wanted to present her with a well-illustrated
tour guide to chocolate cooking nirvana, and I figured this guide should range somewhere between 5 and 0. I knew exactly what
I wanted, so I bravely set my browser to Amazon.com and typed "Chocolate Cookbook" in the site's search function. Would you
believe that (at the time of this writing) I found 14,597 books?
Invalid query - session: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2)