WO2010134900A2

WO2010134900A2 - Standard schema and user interface for website maps

Info

Publication number: WO2010134900A2
Application number: PCT/US2009/036007
Authority: WO
Inventors: Justin Wald
Original assignee: Microsoft Corporation
Priority date: 2008-04-04
Filing date: 2009-03-04
Publication date: 2010-11-25
Also published as: WO2010134900A3; US20110231776A1; US8972863B2; CN102124460A; JP5340386B2; EP2291767A2; US7984379B2; CN102124460B; JP2011522343A; US20090254834A1

Abstract

Various embodiments provide a standardized schema that can be used by site developers to define a site map and its associated hierarchy. In at least some embodiments, a corresponding user interface can be created within an application such as, for example, a Web browser, to allow the user to specify locations at which they wish to see the site map.

Description

STANDARD SCHEMA AND USER INTERFACE FOR WEBSITE MAPS

Background

[0001] One of the first tasks a user faces when they visit a new Web site is that they have to try and acclimate themselves with what is available in terms of content and how to navigate around to the various content. Many sites handle this type of navigation in different ways, e.g. by employing flash navigation, vertical navigation, horizontal navigation, top navigation, bottom navigation and the like. Thus, it can be difficult for a user to get his or her bearings particularly when faced with multiple disparate experiences across different Web sites.

Summary

[0002] This Summary is provided to introduce a selection of concepts in a simplified form that are further described below in the Detailed Description. This Summary is not intended to identify key features or essential features of the claimed subject matter, nor is it intended to be used to limit the scope of the claimed subject matter.

[0003] Various embodiments provide a standardized schema that can be used by site developers to define a site map and its associated hierarchy. In at least some embodiments, a corresponding user interface can be created within an application such as, for example, a Web browser, to allow the user to specify locations at which they wish to see the site map. Brief Description of the Drawings

[0004] The same numbers are used throughout the drawings to reference like features.

[0005] Fig. 1 illustrates an operating environment in accordance with one or more embodiments.

[0006] Fig. 2 illustrates an example user interface in accordance with one or more embodiments.

[0007] Figs. 3-5 illustrate example user interfaces in accordance with one or more embodiments.

[0008] Fig. 6 is a flow diagram that describes steps in a method in accordance with one or more embodiments.

[0009] Fig. 7 is a flow diagram that describes steps in a method in accordance with one or more embodiments.

[0010] Fig. 8 illustrates an example representation that conforms to a standardized schema for describing a Website's content in accordance with one or more embodiments.

[0011] Fig. 9 illustrates an example system in accordance with one or more embodiments.

Detailed Description Overview

[0012] Various embodiments provide a standardized schema that can be used by site developers to define a site map and its associated hierarchy. In at least some embodiments, a corresponding user interface can be created within an application such as, for example, a Web browser, to allow the user to specify locations at which they wish to see the site map.

[0013] The various embodiments thus provide a more predictable and useable experience when a user explores new and different Web sites with which they are unfamiliar.

[0014] In the discussion that follows, a section entitled "Operating Environment" describes but one operating environment that can be utilized to practice the inventive principles described herein in accordance with one or more embodiments. Following this, a section entitled "Example User Interface" is provided and describes an example user interface in accordance with one or more embodiments. Next, a section entitled "Defining a Site's Site Map Using a Standardized Schema" describes how a site's site map can be defined using a standardized schema. Following this, a section entitled "Displaying a Site's Site Map Using a Standardized Schema" describes how a site's site map can be displayed using a standardized schema. Next, a section entitled "Example Standardized Schema" describes an example standardized schema in accordance with one or more embodiments. Following this, a section entitled "Extensions" describes various extensions that can be provided. Next, a section entitled "Example System" describes an example system that can be utilized to implement one or more embodiments. Operating Environment

[0015] Fig. 1 illustrates an operating environment in accordance with one or more embodiments, generally at 100. Operating environment 100 includes a computing device 102 having one or more processors 104, one or more computer- readable media 106 and one or more applications 108 that reside on the computer- readable media and which are executable by the processor(s). The computer- readable media can include, by way of example and not limitation, all forms of volatile and non- volatile memory and/or storage media that are typically associated with a computing device. Such media can include ROM, RAM, flash memory, hard disk, removable media and the like. In addition, computing device 102 includes an application in the form of a Web browser 110. Any suitably configured Web browser can be utilized, examples of which are commercially available from the assignee of this document and others.

[0016] In one or more embodiments, the Web browser includes or otherwise makes use of a site map renderer 111 which functions as described above and below. The site map renderer can comprise a native part of the browser, a plug-in which is subsequently added to the browser, and/or a standalone component that is used or otherwise leveraged by the browser. In addition, environment 100 includes a network 112, such as the Internet, and one or more Web sites 114 from and to which content can be received and sent.

[0017] In operation, a Web site can include a site map. The site map describes a Web site's content and its relation to other content on the Web site. In one or more embodiments, a standardized schema can be used by site developers to define their site map by way of a site description, and the site map's associated content hierarchy. In at least some embodiments, a corresponding user interface can be created within an application such as, for example, a Web browser, to, among other things, allow the user to specify locations at which they wish to see the site map. [0018] Computing device 102 can be embodied as any suitable computing device such as, by way of example and not limitation, a desktop computer, a portable computer, a handheld computer such as a personal digital assistant (PDA), cell phone, and the like. One example of a computing device is shown and described below in relation to Fig. 9.

[0019] Having discussed the general notion of an example operating environment in which various embodiments can operate, consider now a discussion of an example user interface and an example standardized schema in accordance with one or more embodiments.

Example User Interface

[0020] Fig. 2 illustrates an example user interface in accordance with one or more embodiments, generally at 200. In this particular example, user interface 200 is provided by a Web browser and includes content that has been rendered for a user. In this specific example, a portion 202 of the user interface is provided to render Web content, such as a Web Page, that is received from a Web server or Web content provider. In one or more embodiments, a portion 204 of the user interface is provided and is used to provide a site map for the user. In this example, the site map provides a hierarchically-structured association 206 of Web content associated with content displayed in portion 202. [0021] In one or more embodiments, association 206 is generated based upon a file that contains a structured description of a site's content which complies with or otherwise follows a standardized schema that allows a site's developer to describe the site's content in a consistent, logical and structured manner. In at least some embodiments, the file is provided to a client side application, such as a Web browser, and is rendered by the client side application. Any suitable manner of providing a structured description of a site's content can be utilized. In at least some embodiments, the site's description is provided in an XML file that is provided to the client side application.

[0022] In the illustrated and described embodiment, a Web site can and often does have what are referred to as "departments". In addition, at least some departments can have so-called "sub-departments". Accordingly, in the present example, a department called "MSN Network" includes sub-departments comprising "MSN Homepage", "My MSN", "MSN Channels" and "MSN International". In addition, the sub-department "MSN Channels" includes sub- departments comprising "MSN Autos", "MSN Money", and "MSN Weather". Additionally, in at least some embodiments, the standardized schema can be utilized to enable a site developer to define which sub-departments are to be displayed and which sub-departments are to be hidden in an expandable fashion. For example, as will become apparent below, the sub-department "MSN International" can have additional sub-departments which are, in a default view, hidden from the user but which are otherwise expandable. [0023] In at least some embodiments, association 206 can be rendered automatically for a user when a user navigates to a particular site. This enables the user to be exposed to a site's site map without having to otherwise navigate on a particular page to find the site map. In this manner, the user can be exposed to association 206 without having to click on a particular page associated with the site map. In addition, in at least some embodiments, association 206 can be displayed from multiple different pages associated with a particular Web site. So, for example, when a user initially navigates to a Web page, association 206 can be automatically displayed. Upon further navigation deeper into a particular Web page, the association 206 can continue to be displayed for the user. Further, in at least some embodiments, portion 204 is collapsible to hide the association for users who might be familiar with the particular site or otherwise do not wish to view the association.

[0024] In one or more embodiments, the user is provided with functionality that enables them to define where, in their user interface, portion 204 containing association 206 is displayed. As an example, consider Figs. 3-5. [0025] Specifically, Fig. 3 illustrates a user interface 200a in which a user has opted to display portion 204 on the right side of their user interface. Accordingly, in this example, portion 202 is displayed on the left side of the user interface. Similarly, in Fig. 4, the user has opted to display portion 204 at the bottom of their user interface. Accordingly, in this example, portion 202 is displayed at the top of user interface 200b. In Fig. 5, the user has opted to display portion 204 at the top of user interface 200c. Accordingly, in this example, portion

202 is displayed at the bottom of user interface 200c. [0026] It is to be appreciated and understood that the different display options described just above are provided as examples only. Accordingly, the user can opt to display portion 204 in any suitable location without departing from the spirit and scope of the claimed subject matter.

Defining a Site's Site Map Using a Standardized Schema

[0027] Fig. 6 is a flow diagram that describes steps in a method in accordance with one or more embodiments. The method can be implemented in connection with any suitable hardware, software, firmware, or combination thereof. In at least some embodiments, the method can be implemented by software that is executable by a Web site developer.

[0028] Step 600 identifies hierarchical relations of a Web site's content.

This step can be performed in any suitable way. In at least some embodiments, this step can be performed by identifying various departments and sub-departments associated with a Web site's content. It is to be appreciated and understood that a hierarchical relation can be defined by a collection of individual nodes associated with a Web site that themselves do not have any children nodes other than a common parent node that itself may have multiple children nodes. [0029] Step 602 describes the hierarchical relation using a standardized schema. Any suitable standardized schema can be used, an example of which is provided below. In at least some embodiments, the standardized schema can be expressed in XML as will become apparent below. In these embodiments, using

XML to express the standardized schema enables the schema to be extensible as will be appreciated by the skilled artisan.

[0030] Step 604 makes the hierarchical description available to one or more users. This step can be performed in any suitable way. For example, in at least some embodiments, the hierarchical description can be embodied in a file which is provided as part of a Web site or Web page when a user performs a navigation. In at least some embodiments, as noted above, the file can comprise an XML file. It is to be appreciated and understood, however, that other formats can be used to express the standardized schema without departing from the spirit and scope of the claimed subject matter.

Displaying a Site's Site Map Using a Standardized Schema [0031] Fig. 7 is a flow diagram that describes steps in a method in accordance with one or more embodiments. The method can be implemented in connection with any suitable hardware, software, firmware, or combination thereof. In at least some embodiments, the method can be implemented by software that is executable by a client side device. For example, in at least some embodiments, the method can be implemented by a suitably-configured site map renderer such as that described above in Fig. 1 at 111.

[0032] Step 700 receives a hierarchical description of a Web site's content.

The step can be performed in any suitable way. For example, in at least some embodiments, this step can be performed responsive to a navigation performed by a user. In at least some embodiments, when a user performs a navigation, a client side application such as a Web browser receives a file that contains a hierarchical description of the Web site's content. As noted above, this file can but need not comprise an XML file. Step 702 processes the hierarchical description of the Web site's content. This step can be performed in any suitable way. For example, in at least some embodiments, a client side application can receive a suitably-configured file and parse through the file to identify and learn of the Web site's hierarchically- structured content. Steps 704 renders a site map using the hierarchical description of the Web site's content. But one example of what such a rendering would look like is provided above.

[0033] Having now discussed the notion of a hierarchical description and how that hierarchical description can be built and consumed, consider now an example of a standardized schema that can be utilized to provide a hierarchical description of a Web site's content.

Example Standardized Schema

[0034] As noted above, the standardized schema can be expressed in any suitable fashion. In the example just below, the standardized schema is expressed in XML which can reside in the form of a file that is provided to a client side application responsive to a user performing a navigation to a Web site. [0035] Fig. 8 illustrates an example representation generally at 800 that conforms to a standardized schema for describing a Web site's content in accordance with one or more embodiments. Fig. 8 also illustrates how this representation is mapped to association 206 comprising part of the display of user interface portion 204.

[0036] In the illustrated and described embodiment, the standardized schema includes a number of elements individual ones of which are related to individual departments or sub-departments of a Web site. The individual elements in this example include user-friendly names such as that shown at 802. In addition, at least some of the elements include a URL that is associated with a particular page. An example of such a URL is shown at 804. Further, in at least some embodiments, individual elements can have a property that defines whether the element is to be rendered in an expanded or unexpanded manner. For example, such a property is shown at 806 which shows the property "expanded" which is set as "true". In this case, when such a property is set to "true", individual sub- departments underneath a particular department are automatically rendered for the user. This particular property enables site developers to define a default view for their site map that they believe will best suit the user.

[0037] Further, in at least some embodiments, individual elements of the schema can have a property associated with an icon that is to be displayed when the site map is rendered. An example of this is shown at 808 in which the "icon" property is set to "22" which identifies a particular icon that is to be rendered when the site map is rendered. This feature can enable site developers to provide unique and/or branded icons that are to be displayed in a rendered site map. [0038] In this example, notice how the individual portions of the schema representation are mapped to portion 204. Specifically, department "MSN Network" maps to a display of the name "MSN Network" in portion 204. Notice also that this particular element's "expanded" property is set as "true". Accordingly, the children of this element are displayed in portion 204 as a default view. Similarly, the "expanded" property for "MSN Channels" is set to "true". Accordingly, for this element, its children are displayed in the default view as shown. Notice also that the element "MSN International" has its "expanded" property set to "false". Accordingly, the children of this element which appear in the schema representation are not rendered automatically in the default view. Rather, functionality within portion 204 can be provided that allows a user to expand this particular element to view its children.

Extensions

[0039] In one or more embodiments, different extensions to the above- described concept are possible. For example, often times a user will have set, as part of their preferences, a particular language. This preference setting defines a language in which a user would prefer to see Web content rendered. In at least some embodiments, if a user has a particular language preference set as part of a client application or, more generally, their system, the standardized schema can be used to render a site map in a particular language that corresponds to the user's preferred language. For example, different language representations of a site's content can be described in the standardized schema. If a user has a language preference set, then a corresponding language in the standardized schema can be selected for rendering the site map. [0040] In at least some other embodiments, different site maps can be served to different people depending on information that has been ascertained about the people. For example, if a particular network has information about the preferences or profiles of a particular user, this information can be used to provide a site map that is tailored to the user's profile. For example, if a particular user is a sports fan and information maintained at the server indicates such to be the case, a site map can be selected that is more specifically tailored to the sports fan. [0041] In one or more other embodiments, the standardized schema can include a tag or tags with associated properties that indicate which pages are appropriate for different types of devices. For example, a property might indicate that a particular page is suitable for display on a mobile, hand-held device. In this case, the client device can make an informed decision on how to render particular content.

Example System

[0042] Fig. 9 illustrates an example computing device 900 that can implement the various embodiments described above. Computing device 900 can be, for example, computing device 102 of Fig. 1 or any other suitable computing device. [0043] Computing device 900 includes one or more processors or processing units 902, one or more memory and/or storage components 904, one or more input/output (I/O) devices 906, and a bus 908 that allows the various components and devices to communicate with one another. Bus 908 represents one or more of any of several types of bus structures, including a memory bus or memory controller, a peripheral bus, an accelerated graphics port, and a processor or local bus using any of a variety of bus architectures. Bus 908 can include wired and/or wireless buses.

[0044] Memory/storage component 904 represents one or more computer storage media. Component 904 can include volatile media (such as random access memory (RAM)) and/or nonvolatile media (such as read only memory (ROM), Flash memory, optical disks, magnetic disks, and so forth). Component 904 can include fixed media (e.g., RAM, ROM, a fixed hard drive, etc.) as well as removable media (e.g., a Flash memory drive, a removable hard drive, an optical disk, and so forth).

[0045] One or more input/output devices 906 allow a user to enter commands and information to computing device 900, and also allow information to be presented to the user and/or other components or devices. Examples of input devices include a keyboard, a cursor control device (e.g., a mouse), a microphone, a scanner, and so forth. Examples of output devices include a display device (e.g., a monitor or projector), speakers, a printer, a network card, and so forth. [0046] Various techniques may be described herein in the general context of software or program modules. Generally, software includes routines, programs, objects, components, data structures, and so forth that perform particular tasks or implement particular abstract data types. An implementation of these modules and techniques may be stored on or transmitted across some form of computer readable media. Computer readable media can be any available medium or media that can be accessed by a computing device. By way of example, and not limitation, computer readable media may comprise "computer storage media". [0047] "Computer storage media" include volatile and non-volatile, removable and non-removable media implemented in any method or technology for storage of information such as computer readable instructions, data structures, program modules, or other data. Computer storage media include, but are not limited to, RAM, ROM, EEPROM, flash memory or other memory technology, CD-ROM, digital versatile disks (DVD) or other optical storage, magnetic cassettes, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other medium which can be used to store the desired information and which can be accessed by a computer.

Conclusion

[0048] Various embodiments provide a standardized schema that can be used by site developers to define a site map and its associated hierarchy. In at least some embodiments, a corresponding user interface can be created within an application such as, for example, a Web browser, to allow the user to specify locations at which they wish to see the site map.

[0049] The various embodiments thus provide a more predictable and useable experience when a user explores new and different Web sites with which they are unfamiliar.

[0050] Although the subject matter has been described in language specific to structural features and/or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are disclosed as example forms of implementing the claims.

Claims

1. A method performed at least in part by a computer, the method comprising: describing (602) a hierarchical relation of a website's content using a standardized schema, wherein said standardized schema is configured to be used to render a site map without having a user click on a particular page to view a rendering of the site map; and making (604) the hierarchical description of the website's content available to one or more users.

2. The method of claim 1, wherein the standardized schema is expressed in XML.

3. The method of claim 1, wherein the act of making is performed by providing the hierarchical description in a file which is provided as part of a webpage when a user performs a navigation.

4. The method of claim 1, wherein the act of making is performed by providing the hierarchical description in an XML file which is provided as part of a webpage when a user performs a navigation.

5. The method of claim 1, wherein the standardized schema includes a number of elements individual ones of which are related to individual departments or sub-departments of a website.

6. The method of claim 5, wherein at least some individual elements include user- friendly names.

7. The method of claim 5, wherein at least some individual elements include a URL that is associated with a particular page.

8. The method of claim 5, wherein at least some individual elements can have a property that defines whether an element is to be rendered in an expanded or unexpanded manner.

9. The method of claim 5, wherein at least some individual elements can have a property associated with an icon that is to be displayed when a site map is rendered.

10. A method performed at least in part by a computer, the method comprising: receiving (700) a hierarchical description of a website's content, the hierarchical description using a standardized schema; processing (702) the hierarchical description of the website's content; and rendering (704) a site map using the hierarchical description of the website's content, wherein said rendering can take place automatically when a user navigates to a web page.

11. The method of claim 10, wherein the act of receiving is performed responsive to a navigation by a user.

12. The method of claim 10, wherein the hierarchical description is embodied in a file that is received by a client-side application.

13. The method of claim 10, wherein the hierarchical description is embodied in an XML file that is received by a web browser.

14. The method of claim 10, wherein the standardized schema includes a number of elements individual ones of which are related to individual departments or sub-departments of a website.

15. The method of claim 14, wherein at least some individual elements include user- friendly names.

16. The method of claim 14, wherein at least some individual elements include a URL that is associated with a particular page.

17. The method of claim 14, wherein at least some individual elements can have a property that defines whether the element is to be rendered in an expanded or unexpanded manner.

18. The method of claim 14, wherein at least some individual elements can have a property associated with an icon that is to be displayed when a site map is rendered.

19. A system comprising: one or more computer readable storage media (106); computer readable instructions on the one or more computer readable storage media which, when executed, provide a Web browser (110) configured to: receive a hierarchical description of a website's content, the hierarchical description using a standardized XML schema; process the hierarchical description of the website's content; and automatically render a site map using the hierarchical description of the website's content, wherein said site map can be automatically rendered without having a user navigate on a particular page to find the site map and without having the user click on the particular page.

20. The system of claim 19, wherein the standardized schema includes a number of elements individual ones of which are related to individual departments or sub-departments of a website, at least some individual elements comprising: user- friendly names; a URL that is associated with a particular page; a property that defines whether the element is to be rendered in an expanded or unexpanded manner; and/or a property associated with an icon that is to be displayed when a site map is rendered.