Click to return to the Reusing Browser Technology home page    
Internet Explorer Client ...    
Web Workshop  |  Reusing Browser Technology

Windows Search Assistant


The Microsoft® Windows® Search Assistant, located inside the Search bar, is a new feature of Microsoft® Internet Explorer 5 that provides a common query interface for users when starting a search. It helps refine the search process by providing a task-based approach. Also, it is not necessary for users to remember the various common and specialty search engines that are available.

The Search bar is an ideal substitution for using frames to display search results. Frames tend to consume 20 to 30 percent of the available screen space. There is no easy way for the frame to be dismissed to make room for the main content area. The Search bar is a more extensible solution as a navigation and user interface mechanism.

The features and capabilities of the Windows Search Assistant are described in the following sections.

Graphic illustrating the search button on the Internet Explorer tool bar.

Search Assistant User Interface

The Search Assistant was created to provide users with a single, unified search experience across different types of searches. The Search Assistant is a task-based search tool that allows users to specify what type of information they are looking for instead of what engine they wish to use for their search.

Graphic illustrating the Search bar and Search Assistant.

Search Results User Interface

Users generally use results pages from a variety of search engines. It's critical for users to be able to easily use the results of any search service. The Search bar provides the ability to store detailed information—such as text abstracts, URLs, or file size—in the ToolTips that appear when the mouse pointer hovers over a result. This helps keep the results page simple and provides detailed information when needed.

Excite search bar

User Interface Requirements for the Search Assistant

Because the Search bar and the Search Assistant appear to be an element of Internet Explorer and not the Web page, the quality of the content loaded into the Search bar will directly affect the perceived quality of the browser. The Search Assistant was created to assist users in quickly finding information. To help accomplish these goals, the following user interface (UI) requirements have been established to be included in the customization page for the Search Assistant. These requirements are very simple to support, and they allow for a personalized look and feel.

Requirements for the Search Assistant UI include the following:

SA_Guidelines_Results.gif (13274 bytes) To help illustrate these UI requirements, here is an example layout. As you can see, these results are convenient and easy to read.

 

Search Bar vs. Main Content Area

The Search bar, which is designed with a very specific UI model, appears on the left of the screen and should always act as the navigation control for what appears in the main content area. By following the guidelines, you provide a user experience that's consistent with the Favorites, History, and Channels features. The Search bar is a display component of the browser, and is not an HTML frameset. When designing your content, always try to provide a list of available navigation targets in the Search bar and navigate the content in the main area appropriately.

To target the main window instead of the search pane with your hyperlinks, specify the possible value _main for the TARGET attribute in your A elements. The following is a sample anchor that targets the main pane.

<A HREF="http://www.microsoft.com" TARGET="_main">

Alternatively, you can avoid specifying the TARGET attribute for each anchor and use the BASE element to target all navigations to the main pane.

<BASE TARGET="_main">

Techniques for Customizing the Search Assistant

The Search Assistant can be customized to meet the search needs of a company or individual. For example, additional information about search results can be stored within ToolTips, and search results can be highlighted on a particular Web page.

Hit Highlighting

Building customized Search Guides to search Web pages for a word or phrase is easy in Internet Explorer 5. The new NavigateAndFind method will load a specified Web page and scan the document for a match to the provided string. If a match is made, the string in the document is highlighted.

The following example will open the Microsoft Web site and search for Microsoft Corporation.

window.external.NavigateAndFind("http://www.microsoft.com","Microsoft Corporation");

ToolTips/Abstracts

To help conserve available browser window space and to improve the readability of search results, Internet Explorer provides the ability to define what information about a given link should be contained in a ToolTip. By defining the TITLE= attribute of an HTML anchor tag, Internet Explorer makes it possible to put abstract or supplemental information inside a ToolTip.

The following HTML sample makes the additional information in the ToolTip text possible when viewed with Internet Explorer.

<A HREF="http://www.acme-sports.com" TITLE="Latest sports news and scores,
updated hourly. Interviews with winning players">
acme-sports - Latest sports news</A>

Move the mouse over this link: acme-sports - Latest sports news

New lines in ToolTips

The ToolTip automatically breaks lines at 3 inches and can contain at least a paragraph of text. However, no more than 1,024 characters are allowed within the ToolTip text. You can also force a new line or tab spaces in the abstract by using the reserved characters &#10; and &#13 for carriage return and line feed, and &#09 for tab spaces. For example, when viewing the following HTML sample with Internet Explorer, a ToolTip with a carriage return and line feed after line 1 is displayed.

<A HREF="http://www.microsoft.com"
TITLE="The text that will be displayed on line1&#10;&#13;
The text that will be displayed on line2&#10;
&#09;The text that will be displayed on line3&#10;
&#09;The text that will be displayed on line4">
Using multiple lines in ToolTips</A>

Move the mouse over this link: Using multiple lines in ToolTips

Search Assistant Design Checklist

  1. Does your page fit within the 200-pixel by 430-pixel Search bar area without horizontal scrolling?
  2. Are all of your results from searches displayed in your bar?
  3. Are all of the search results set to target the main browser window?
  4. Does your UI allow users to refine their search?
  5. Does your UI follow the priority of elements?
  6. Does your design allow for some margin spacing around text and edges?
  7. Are your ads placed toward the bottom of the bar?
  8. Are you using hit highlighting to find the words that users searched for in the search results?
  9. Are you using ToolTips or another hide/show mechanism to convey metadata?
  10. Are you using DHTML in your bar?
  11. Are your results pages easy to use, especially for novice users?
  12. Does your code have an HTML comment in the HEAD of the document stating the page version and date generated?

Frequently Asked Questions

The following questions are the top issues concerning authoring for the Search bar.

How does the Search Assistant improve searching?
The Search Assistant gives users a task-based approach to finding information on the Web. They are no longer required to know the various common and specialty search engines that are available to them.
What technologies can be used for content in the Search bar?
The Search bar is created using the same components used in the rest of the Internet Explorer browser. Any functionality that is possible in the regular Internet Explorer browser is possible in the Internet Explorer Search bar. This includes JScript® (compatible with ECMA 262 language specification), Visual Basic® Scripting Edition (VBScript), ActiveX® Controls, Dynamic HTML, framesets, cascading style sheets (CSS), and so on.
How is the Search bar better than frames for search results?
Frames solve only half the problem with searching. By using a frameset, the user is always forced to give up 20 to 30 percent of the available screen space. There is no way for the user to dismiss the frame and use its screen space for the main content area. Also, framesets have a host of navigation and usability problems when they are used as a general UI mechanism.

The Search bar provides a UI that is controlled by the user. It gives users much more control over how their browser display space is used, because they can control whether the Search bar is visible.



Back to topBack to top

Did you find this topic useful? Suggestions for other topics? Write us!

© 1999 Microsoft Corporation. All rights reserved. Terms of use.