Logo. Two Rivers Consulting is Hagan Rivers and David Rivers, user interface design consultants located near Boston Massachusetts specializing in web application and enterprise application designtwo rivers flowing

follow us on

TwitterLinkedInDelicious
    writeto [at] tworivers.com or (978) 352-2585

Browse vs. Search in Application Navigation

Written by Hagan on January 18, 2010    Return to Blog Home

Last week I attended a UIE Virtual Seminar called Leveraging Search & Discovery Patterns for Great Online Experiences, with Peter Morville & Mark Burrell. During his talk, Peter mentioned that navigation on web sites has swung back and forth over time between Browse based navigation and Search based navigation. So, for example, ye olden days, if you wanted to buy something at Staples, you were encouraged to browse the site and find what you wanted to buy. Later, search boxes began to pop up all over sites and visitors were encouraged to search more than browse. These days, Peter said, navigation is more of a mix between Search and Browse. I’m still trying to decide if I agree with this, but it got me thinking about related topics near and dear to my heart…

I spend a lot of time designing fairly complicated web applications. Many of these are enterprise level applications – not usually the kind of applications that are visible to the public. These applications are massive data entry, data reporting, and data manipulation applications. And they often have hundreds or even thousands of screens. As you can imagine, we spend a lot of time designing the navigation systems for these applications.

Nearly all of these navigation systems are Browse based. That is, if you want to find the screen for “Convert Prospect to Customer” you go to the menubar (if it’s a desktop application) or to the tabs, menus, tabbed menus, left side navigation, etc. (if it’s a web based application). You might look for a Level 1 item called “People”, then a Level 2 item called “Prospects” and then a Level 3 item called “Convert Prospect to Customer”. In this example you are browsing through a list of hundreds of screens that have been grouped together in different ways to find the screen you need. (NOTE: This is different from browsing a list of products for sale, or customers at a company – those are data. We’ve seen lots of examples of Searching and Browsing for data navigation. I am interested in application navigation.)

After I heard Peter talk I asked myself: IS there an example of Searching in application navigation? And I remembered: Apple uses it on the Help menu of every application on their desktop platform.

Searching the Help menu for "bookm" shows a list of matching Menu Items

Searching the Help menu for "bookm" shows a list of matching Menu Items

In this example, I’ve opened the Help menu in Safari and typed “bookm”. The first group of items I see is Menu Items that contain that text. Then there’s a list of Help Topics on the same. If I move the mouse down to highlight “Export Bookmarks” then it actually shows me where the menu item can be found by opening the menu, highlighting the command, and putting a little moving arrow next to it.

Highlighting Export Bookmarks shows its location in the menubar

Highlighting Export Bookmarks shows its location in the menubar

I actually use this a lot in more complicated applications and it works really well IF I know the name of the command I’m looking for. If I had searched for “Favorites” I wouldn’t have seen anything. Similarly, if I had misspelled it as “Bokmarks” I would have been out of luck. There’s no stemming, synonyms, or anything fancy about this search – if you want something beyond what’s actually in the menu, you’re out of luck (actually, that’s where the Help Topics pick up – they catch a lot of those items in there).

Then I remembered that a year or two ago I was trying to find Amazon’s return policy. I went to their search box and typed “Returns”. At this point I wasn’t trying to navigate their data (all the stuff that’s for sale), but rather their applications (find me screens about returns). The search results were, as you might expect, entirely focused on data:

Search for "Returns" on Amazon and you'll find products, but not screens in the Amazon application

Search for "Returns" on Amazon and you'll find products, but not screens in the Amazon application

I can see by the “Related Searches” that I’m not the only person doing this. I see “return policy” “returns and refunds”, and “returns center” are all Related Searches. Looking at that again, now, I see that they have a little link that says “Need to Return an Item”. So they have application navigation searching too (it’s a little to subtle for me).

When I gave my own UIE Virtual Seminar last year on Navigation, I got a question from one of the attendees. He said that it was a requirement at his company that the user be able to get to any screen in the product (and there were 1,000+) with no more than 2 clicks. Let me say that I think this is a pretty bogus requirement and probably has no basis whatsoever in actual usability of the product… But that aside, I enjoyed the challenge of thinking about how I’d do it. At the time, I was imagining a massive Site Map of the application, but now I think that perhaps another way to satisfy that requirement would be to implement the kind of searching that Apple has.

I’m curious: Have you seen examples of Search (vs. Browse) in application navigation systems? Do you use it? How has it worked? Are there places where you’d like to see it?


Category: Navigation 3 comments »

3 Responses to “Browse vs. Search in Application Navigation”

  1. Katy Gamble

    I work for a large information company and have designed a prototype that can bring all of our data from 100+ applications into one search application. Really fun project!

    After a user logs in and we have verified which data sources they have access to, they are presented with a search text box to enter which ever keywords they wish. We also have a categorical display or a taxonomy display (a toggle between the two) that allows the user the option to browse thru the data right off the bat without doing a search. If they enter a search term, the categories/taxonomy is updated based on the search results (aka search refinement much like most shopping sites). The test users and product managers have loved the simplicity. Now it’s just a matter of getting funding!

    We have also provided the ability to toggle their results view to a list, a map, or a timeline.

  2. Alan Samuels

    We considered this challenge when implementing an Endeca 3rd-party package to help navigate the Fitch Ratings database of ratings, research and data http://www.fitchratings.com. Blending browse and search can be very useful when you have structured and unstructured data. When there is a clearly understood hierarchy of categories then “browse” helps direct the user through a search that may start off as free-form.

  3. Justin Sinclair

    As a quick technical note, a better version of the Apple “search to browse” help textbox could be implemented using the jQuery flexselect plugin – http://rmm5t.github.com/jquery-flexselect/ – and a sitemap as the data-source.

    The flexselect plugin is pretty cool, it does mid-word partial matches (i.e would return “George Washington” in the results for a query “hing”) but has no support for stemming or synonyms *boo*.