<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>These Things Matter &#187; search</title>
	<atom:link href="http://www.sgmitch.com/blog/tag/search/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.sgmitch.com/blog</link>
	<description>Encounters with designed experiences</description>
	<lastBuildDate>Sat, 28 Aug 2010 17:04:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Search Suggestion Shortcuts</title>
		<link>http://www.sgmitch.com/blog/2009/10/search-suggestion-shortcuts/</link>
		<comments>http://www.sgmitch.com/blog/2009/10/search-suggestion-shortcuts/#comments</comments>
		<pubDate>Mon, 19 Oct 2009 06:28:23 +0000</pubDate>
		<dc:creator>Sarah</dc:creator>
				<category><![CDATA[articles]]></category>
		<category><![CDATA[search]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.sgmitch.com/blog/?p=323</guid>
		<description><![CDATA[Or, What Wolfram Alpha Does Completely Wrong In my last post, Three Types of Searches, I proposed that there are three distinct behaviors of search, and that each behavior has its own optimal results formatting. Understanding these different search behaviors and thinking specifically about existing search tools and implementations of search suggestions has led me [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><span style="font-size:1.1em;"><em>Or, What Wolfram Alpha Does Completely Wrong</em></span></p>
<p>In my last post, <a title="Three Types of Searches on These Things Matter" href="http://www.sgmitch.com/blog/2009/10/three-types-of-searches/">Three Types of Searches</a>, I proposed that there are three distinct behaviors of search, and that each behavior has its own optimal results formatting. Understanding these different search behaviors and thinking specifically about existing search tools and implementations of search suggestions has led me to this thesis:</p>
<p><strong>Your site search should offer rich search suggestions if any of your users are using it for shortcut searches—and they probably are. </strong>This means not only should you make sure that you implement search suggest/assist in the first place (search suggest is the auto-complete drop-down that appears as you type in the search box), but it should also be more than just a basic text list. In fact, it should take formatting cues from the best practices of <a title="Targeted Search defined" href="http://www.sgmitch.com/blog/2009/10/three-types-of-searches/#target">targeted search</a> results. Does your site have entities—products, people, classes, etc.—that people might be searching for or returning to? Your search logs should confirm whether or not people are ever entering specific entity names into search. If yes, then you are doing your site a disservice if you have not implemented well thought-out search suggestions. Four points have led me to this conclusion.</p>
<p><strong>First, search suggestions steer people away from the dreaded &#8220;No Results Found&#8221; page by helping users avoid typos or terms that differ from the site&#8217;s terminology.</strong> In addition, they may surface options the user didn&#8217;t even know were available. In this way, a search assist increases findability of items. (Side note: I think search assists could also be enhanced to improve <a title="4 Modes of Information Seeking - Boxes and Arrows" href="http://www.boxesandarrows.com/view/four_modes_of_seeking_information_and_how_to_design_for_them">re-finding</a>. I like the way Firefox puts my previously entered search terms above the matching Google suggestions, for example. What if clicking inside the search box immediately opened the suggestions area—before I start typing—with the last five entities I viewed on the site?)</p>
<p><strong>Second, if the user finds a match in the suggestions, clicking on it eliminates at least one page from the navigation process and gets the user to the optimal experience faster.</strong> Even if you&#8217;ve designed a nice <a title="Shortcut Search Results Modules" href="http://www.sgmitch.com/blog/2009/10/three-types-of-searches/#shortcut">shortcut search result module</a> for every item, I would bet that your product or entity pages are a better experience. As long as your business isn&#8217;t in search advertising, skipping the search results page benefits everyone. In addition, it&#8217;s unlikely that your site has navigation pointing directly to entity pages. In order to browse to an item, a user would probably have to first choose the correct category from the nav and then find the desired item from there. Displaying entities in the search suggest gets around that problem by essentially enhancing your search box with an item-level navigation dropdown.</p>
<div class="wp-caption aligncenter" style="width: 300px">
	<a href="http://www.flickr.com/photos/sgmitch/4015500649/in/photostream"><img class="frame" title="Hulu search for The Office" src="http://farm3.static.flickr.com/2671/4015500649_95457ba46d_o.png" alt="" width="278" height="291" /></a>
	<p class="wp-caption-text">Hulu search suggestions</p>
</div>
<p style="text-align: center;">
<p>A good example of this is <a title="Hulu.com" href="http://www.hulu.com">Hulu</a>. Say I wanted to watch the most recent episode of The Office. If the episode isn&#8217;t linked directly on the homepage, I could try to see if I could find it under any of the main navigation items: Channels (which is really more like genres), Most Popular, Recently Added, Collections, Labs, Trailers, and Spotlight. Or, since none of those immediately screams, &#8220;Half hour NBC sitcom,&#8221; I could just search for the title. As I type &#8216;the office&#8217; into the search box, I get the search suggestions shown above, which gives me the choice to jump not only to the show page, but also to immediately begin watching the latest episode. This search suggest allows me to bypass all browsing pages, the search results page, and even the show overview page if I want.</p>
<p><strong>Third, rich formatting helps users distinguish between options.</strong> This is an accepted practice in targeted search results that makes sense to carry through here. In fact, I think it is a good rule of thumb to carry some of the formatting choices you&#8217;ve already made on comparison results through to the search suggest. Apple.com and Facebook both provide images and other information to make the options in their suggestions easily identifiable.</p>
<div class="wp-caption aligncenter" style="width: 520px;"><a href="http://www.flickr.com/photos/sgmitch/4016247172/in/photostream"><img class="frame" title="Apple.com Search Suggest" src="http://farm3.static.flickr.com/2715/4016247172_7ed38e7f43_o.jpg" alt="" width="227" height="327" /></a><span style="color:#FFF; ">&#8212;</span><a href="http://www.flickr.com/photos/sgmitch/4015484695/in/photostream"><img class="frame" title="Facebook Search Suggest" src="http://farm3.static.flickr.com/2495/4015484695_964b46707e_o.png" alt="" width="227" height="327" /></a></p>
<p class="wp-caption-text">Apple.com and Facebook search suggestions with images</p>
</div>
<p>The Hulu example above also shows that multiple link destinations, when used carefully, can be very effective. Jakob Nielsen&#8217;s <a href="http://www.useit.com/alertbox/mega-dropdown-menus.html">research findings</a> support the use of larger dropdowns when they help users better see and understand the options. Let&#8217;s take another look at Hulu. Their current suggest drop-down is very svelte, but I&#8217;d be able to make sense of the options much more quickly if it had images.</p>
<div class="wp-caption aligncenter" style="width: 510px;"><a href="http://www.flickr.com/photos/sgmitch/4025418376/in/photostream"><img class="frame" title="Hulu Search Suggest matching the" src="http://farm3.static.flickr.com/2504/4025418376_32ba7ac360_m.jpg" alt="" width="218" height="240" /></a><span style="color:#FFF; ">&#8212;</span><a href="http://www.flickr.com/photos/sgmitch/4024665331/in/photostream/"><img class="frame" title="Hulu Search Suggest matching the" src="http://farm3.static.flickr.com/2437/4024665331_6b028fb79a_m.jpg" alt="" width="218" height="240" /></a></p>
<p class="wp-caption-text">Current Hulu search suggestions and a proposed enhancement (click for full size)</p>
</div>
<p>My proposed design includes the show images Hulu already produces, and changes the display to show the top 5 matches by popularity, rather than alphabetically. (I&#8217;m curious, did you know which show The Riches was without the image?) I am not saying every search suggestion must include an image, however. I&#8217;m simply encouraging you to consider displaying information in addition to the entity&#8217;s name (like price, for example) that would significantly help people recognize options.</p>
<p><strong>And lastly, you have nothing to lose.</strong> As long as it doesn’t make the page unbearably slow, it is all just an added bonus to the search you already have. I am in NO way advocating removing any of your standard (or enhanced) search functionality. Obviously, plenty of the searches on your site won’t be for shortcuts, they’ll be open-ended searches that are more exploratory. Adding rich search suggestions won’t help those people, but it won’t hurt them either—hitting enter or clicking the search button is always an option.</p>
<p>And now for Wolfram Alpha. The thing about Wolfram Alpha is that it is ONLY a shortcut search. Each search results page is actually an entity page.  Look at the search result for ‘<a title="Search for Health Care on Wolfram Alpha" href="http://www.wolframalpha.com/input/?i=health+care">health care</a>,’ and you’ll see that there were actually three matches—health care as an <a title="Health Care as industry sector on Wolfram Alpha" href="http://www.wolframalpha.com/input/?i=health+care&amp;a=*C.health+care-_*FinancialClass-">industry sector</a>, as a <a title="Health Care as financial entity on Wofram Alpha" href="http://www.wolframalpha.com/input/?i=health+care&amp;a=*C.health+care-_*Financial-">financial entity</a>, and as a <a title="Health Care as word on Wolfram Alpha" href="http://www.wolframalpha.com/input/?i=health+care&amp;a=*C.health+care-_*Word-">word</a>—and Wolfram Alpha simply defaults you to one of the entity pages, allowing you to see and select the other options at the top of the page. Wouldn’t it be nice to see those options before landing on results page? Especially since the thing that is so cool about Wolfram Alpha is that it provides very different pages for each result type. But for some strange reason, Wolfram Alpha offers no search suggestions at all. They have a whole section of the site with <a title="Wofram Alpha search examples" href="http://www.wolframalpha.com/examples/">sample search terms</a> – why not populate the search assist with popular terms matching what I’ve begun typing? It would surface so many more potential opportunities to explore.</p>
<div class="wp-caption aligncenter" style="width: 520px">
	<a href="http://www.flickr.com/photos/sgmitch/4025418400/"><img class="frame" title="Wolfram Alpha" src="http://farm3.static.flickr.com/2514/4025418400_3056304763.jpg" alt="Currently there are no suggestions - just keep typing, hit enter, and hope you get something good! " width="500" height="171" /></a>
	<p class="wp-caption-text">Currently there are no suggestions—just keep typing, hit enter and hope you get something good! </p>
</div>
<div class="wp-caption aligncenter" style="width: 520px">
	<a href="http://www.flickr.com/photos/sgmitch/4025418442/in/photostream"><img class="frame" title="Wolfram Alpha proposed search suggestions design" src="http://farm3.static.flickr.com/2519/4025418442_981c5935af.jpg" alt="A proposal for search suggestions - popular matching results with clarification of result type" width="500" height="171" /></a>
	<p class="wp-caption-text">A proposal for search suggestions—popular matching results with clarification of result type</p>
</div>
<p>The suggestions don’t need to match against every possible result. If it pulled even from the top thousand popular terms, it would be a vast improvement. It would also be a clear differentiation from Google. Google was hesitant to widely implement search suggestions because they were afraid they might lose traffic volume from their search results pages. They clearly have no incentive to help you bypass them. (Google has however implemented a very nice search suggest feature within Gmail that you can enable in the Labs area.)</p>
<p>So to re-state: <strong>if anyone is using your site&#8217;s search as a shortcut mechanism, and they probably are, you should offer rich search suggestions.</strong> Of course, all of this assumes that you understand what people are looking for and that their search terms are already well-matched to your data. So spend some time with your search logs and definitely do a little bit of testing on your search suggestions design.  I am looking forward to seeing and using a lot more rich search assists in the future!</p>
<p>Further reading:</p>
<ul>
<li><a href="http://www.ixda.org/discuss.php?post=45983">IxDA discussion of search-centric navigation</a></li>
<li><a href=" http://www.boxesandarrows.com/view/four_modes_of_seeking_information_and_how_to_design_for_them">4 Modes of Info Seeking and How to Design for Them &#8211; Boxes &amp; Arrows</a></li>
<li><a href="http://www.alistapart.com/articles/testing-search-for-relevancy-and-precision/">Testing Search for Relevancy and Precision &#8211; A List Apart</a></li>
<li><a href="http://www.techcrunch.com/2009/04/02/search-suggestions-come-to-gmail/">Search Suggestions Come to Gmail &#8211; TechCrunch</a></li>
<li><a href="http://www.useit.com/alertbox/mega-dropdown-menus.html">Mega Drop-Down Navigation Menus Work Well &#8211; Jakob Nielsen&#8217;s Alertbox</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.sgmitch.com/blog/2009/10/search-suggestion-shortcuts/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Three Types of Searches</title>
		<link>http://www.sgmitch.com/blog/2009/10/three-types-of-searches/</link>
		<comments>http://www.sgmitch.com/blog/2009/10/three-types-of-searches/#comments</comments>
		<pubDate>Mon, 05 Oct 2009 04:51:24 +0000</pubDate>
		<dc:creator>Sarah</dc:creator>
				<category><![CDATA[articles]]></category>
		<category><![CDATA[search]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.sgmitch.com/ttm/?p=125</guid>
		<description><![CDATA[I seem to have had the same discussion over and over lately here at Yahoo about site search. Yahoo has (or had, anyway) a high-profile web search technology and design team. So when we discuss these site-specific searches, talk always seems to circle back to the question, &#8220;How much should this site&#8217;s search resemble—or maybe [...]]]></description>
			<content:encoded><![CDATA[<p></p><p>I seem to have had the same discussion over and over lately here at Yahoo about site search. Yahoo has (or <a title="CNET - Yahoo, Microsoft reach search deal" href="http://news.cnet.com/8301-13860_3-10298303-56.html">had</a>, anyway) a high-profile web search technology and design team. So when we discuss these site-specific searches, talk always seems to circle back to the question, &#8220;How much should this site&#8217;s search resemble—or maybe even be—the Yahoo web search?”</p>
<p>On one hand, consistency and efficiency across the company are good, and the web search team has spent a lot of money and time optimizing their experience. On the other hand, sites such as <a href="http://music.yahoo.com/">Y! Music</a> and <a href="http://sports.yahoo.com">Y! Sports</a> have the luxury of knowing more context behind the user’s search requests than Yahoo.com does, and so more content-specific results seem like an easy win for users.</p>
<p>These conversations got me thinking quite a bit about search. Although search has only one user action—typing terms into a search box and submitting it to get results—the motivations behind that action can differ. As such, I think it&#8217;s wrong to try to find a single pattern for all search results. I propose that <strong>there are three distinct categories of search</strong>, and that each deserves its own set of patterns.</p>
<p><strong>1 &#8211; Web/Exploratory Search</strong><br />
The first and most familiar type of search is the web or exploratory search. The user goals for this kind of search are &#8220;<em>I&#8217;m looking for something/anything about [search term]</em>” or “<em>I’m looking for a specific [search term] and think [search engine] can find it.</em>&#8221; The available data set (usually the entire known web) is vast and largely undefined. The user’s query is general, usually because s/he didn’t know what exactly to look for or didn’t think the search engine needed any more detail. The large number of results that are returned are formatted as web pages, mostly agnostic of the content those pages contain.</p>
<p>Google, Yahoo and others have spent a LOT of money and time optimizing the pattern for this type of search result. This is the reason why these companies&#8217; search results all look virtually identical—compare searches for &#8216;UX&#8217; on <a title="Search for UX on Yahoo!" href="http://search.yahoo.com/search?p=ux">Yahoo!</a>, <a title="Search for UX on Google" href="http://www.google.com/#hl=en&amp;q=ux">Google</a>, <a title="Search for UX on Bing" href="http://www.bing.com/search?q=ux">Bing</a>, and <a title="Search for UX on AOL" href="http://search.aol.com/aol/search?query=ux">AOL</a>.</p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/sgmitch/3982845372/"><img class="aligncenter frame" title="Comparing search results formatting from Google, Yahoo, AOL, and Bing" src="http://farm4.static.flickr.com/3462/3982845372_5770d002ae_o.png" alt="" width="500" height="393" /></a></p>
<p>In the Google search results for <a title="Google search for Health Care" href="http://www.google.com/search?q=health+care">&#8216;health care&#8217;</a> you can find pages containing articles, videos, local care centers, books, a web utility, the term definition, and more. Google changes the standard document result display, however, when they understand the content contained within the pages, such as local results, news, videos, books, etc., which leads me to the next category of search.</p>
<p><strong>2 &#8211; Targeted Search</strong><a name="target"></a><br />
The second type of search is the Targeted search. The user goals for this type of search would be, &#8220;<em>I&#8217;m looking for a specific subset of information on [search term]</em>&#8221; or &#8220;<em>I&#8217;m trying to find the optimal one of [search term].</em>&#8221; This kind of search is possible when there is a single overall structure to the data because the user has explicitly selected a data type, e.g. books, flights, images, etc. There is usually a large set of results that are formatted to help users scan and compare the content on the resulting pages without pogo-sticking to and from detail pages. Good examples of this are <a href="http://www.kayak.com/">Kayak</a>, <a title="User Experience on Amazon.com" href="http://www.amazon.com/s/ref=nb_ss?url=search-alias%3Daps&amp;field-keywords=user+experience&amp;x=0&amp;y=0">Amazon</a>, <a title="Televisions on NewEgg.com" href="http://www.newegg.com/Store/Category.aspx?Category=264&amp;name=TV-Plasma-LCD-DLP">New Egg</a>, and sub-domain searches of the main search engines such as <a href="http://images.search.yahoo.com/search/images?p=ux">images.yahoo.com</a> and <a href="http://www.google.com/products?hl=en&amp;q=ux">shopping.google.com</a>.</p>
<p>Obviously these results experiences should differ depending on the content they are searching. Much has been <a title="UIE - Search Results" href="http://www.uie.com/articles/search_results/">studied</a> <a title="NN Intranets Search Results Report" href="http://www.nngroup.com/reports/intranet/guidelines/search.html">and</a> <a title="UX Matters - Pogosticking and page relevance" href="http://www.uxmatters.com/mt/archives/2009/06/search-results-satori-balancing-pogosticking-and-page-relevance.php">written</a> about optimizing these types of results, but it appears that even for the most popular data types, definitive patterns haven’t yet emerged (see <a title="Video results on Google" href="http://video.google.com/videosearch?q=health%20care">video on Google</a> vs. <a title="Bing video results" href="http://www.bing.com/videos/search?q=health+care">video on Bing</a>). However, one widely adopted best practice is to surface important data facets (price, size, departure time, etc., often to the left of the results) and provide easy filtering of results based on those facets.</p>
<div class="wp-caption alignnone" style="width: 580px">
	<a href="http://www.flickr.com/photos/sgmitch/3982135430/"><img class="frame" title="Google Video Results" src="http://farm3.static.flickr.com/2435/3982135430_fdcae84240_m.jpg" alt="Google video results" width="240" height="150" /></a> &nbsp;&nbsp;&nbsp;<a href="http://www.flickr.com/photos/sgmitch/3982135224/in/photostream"><img class="frame" title="Bing Video Results" src="http://farm3.static.flickr.com/2575/3982135224_d4e6252c77_m.jpg" alt="Bing Video Results" width="240" height="150" /></a>
	<p class="wp-caption-text">Google and Bing Video Results</p>
</div>
<p><strong>3 &#8211; Shortcut search</strong><br />
The third type of search is the <strong>Shortcut search</strong>. The user goal in this instance is &#8220;<em>I&#8217;m trying to find [search term] <strong>on this site</strong>.&#8221;</em> Examples of shortcut searches are searching for a specific <a title="Search for Titanic on IMDb" href="http://www.imdb.com/find?s=all&amp;q=titanic">movie title on IMDb</a> or a <a title="Search for Lakers on ESPN" href="http://search.espn.go.com/lakers/">team name on ESPN</a>. The data has a defined structure and the results set is very small—hopefully one exact match and fewer than 10 partial matches.</p>
<p>Interestingly, there is also overlap with the user goal I mentioned above for web searches, “<em>I’m looking for a specific [search term] and think [search engine] can find it.</em>” The user is searching for a single <a title="Boxes and Arrows - 4 modes of information seeking" href="http://www.boxesandarrows.com/view/four_modes_of_seeking_information_and_how_to_design_for_them">known or remembered</a> entity, and is essentially counting on the search engine to produce it faster than browsing or even than using bookmarks.<br />
<a name="shortcut"> </a><br />
Currently, most search experiences—both top-tier search engines and single-site searches—try to meet this search need by adding a custom result module at or near the top of the page. Notice the large Lakers module at the top of the <a title="Search for Lakers on ESPN" href="http://search.espn.go.com/lakers/">ESPN results</a>, for example. Or if you search for <a title="Search for Prius on Toyota.com" href="http://www.toyota.com/toyotaSearch/search?keyword=prius&amp;locale=en">&#8216;Prius&#8217;</a> on the Toyota website you get a big module above the results with a nice picture and some price information. Similarly, the first Google result on a search for <a title="Golden Gate Bridge photos search on Google" href="http://www.google.com/search?hl=en&amp;q=golden+gate+bridge+photos&amp;aq=f&amp;oq=&amp;aqi=">&#8216;Golden Gate Bridge Photos&#8217;</a> is a module that features and links to results from Google’s image search. In all of these cases the full results page contains a mix of either shortcut or targeted results and more general page results.</p>
<div class="wp-caption alignnone" style="width: 580px">
	<a href="http://www.flickr.com/photos/sgmitch/3981413691/in/photostream"><img class="frame" title="ESPN Lakers Results" src="http://farm3.static.flickr.com/2603/3981413691_55393a4b32_m.jpg" alt="ESPN Lakers Results" width="240" height="156" /></a> &nbsp;&nbsp;&nbsp;<a href="http://www.flickr.com/photos/sgmitch/3982174330/in/photostream"><img class="frame" title="Toyota Prius Result" src="http://farm3.static.flickr.com/2558/3982174330_b8b5a43dbd_m.jpg" alt="Toyota Prius Result" width="240" height="156" /></a>
	<p class="wp-caption-text">Shortcut results above the standard results on ESPN and Toyota</p>
</div>
<p>Additionally, many sites provide auto-complete functionality that is especially helpful for shortcut searches. This drop-down that appears as you type, containing matching popular or available terms, is called “search assist” by Yahoo and &#8220;search suggestions&#8221; by Google. Search assists help people avoid typos, discover possible terms, and sometimes allow them to jump directly to an item while completely bypassing the search results page, which makes them a true shortcut.</p>
<p><strong>Where This Leads Me&#8230;</strong><br />
Understanding these three distinct types of search—<strong>web/exploratory search</strong>, <strong>targeted search</strong>, and <strong>shortcut search</strong>—has clarified my understanding of how results in different contexts should be formatted. It has also given me a framework for clarifying and making progress on our internal site-search discussions.</p>
<p>Additionally, I think that there is an opportunity to extend this differentiation into the design and implementation of search assists. In my next post, I will propose a new best practice for search assists, based on this understanding of the different types of searches. In the mean time, what are your thoughts on this? Is there a whole category of search that I&#8217;ve forgotten? I look forward to your comments and seeing you back here for part 2!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.sgmitch.com/blog/2009/10/three-types-of-searches/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
