TWI552063B - Computer- readable storage media and computing device for browser frame with site focus - Google Patents

Description

Computer readable storage medium and computing device for a browser framework with website focus

The present invention relates to a browser framework with website focus.

Studies have shown that people tend to focus on website content and do not need the power of their web browser when browsing. However, browser design tends to focus on a user interface that emphasizes the browser's capabilities, so it is more challenging for a user to focus on the content of the site. Furthermore, there has recently been a trend on some websites to modularize their functionality, which, if understood by the user, is more like a desktop application. In such a context, there are challenges to facilitate content presentation and the presentation can enhance the insights of a website such as an application.

This Summary of the Invention is provided to introduce a selection of concepts in a simplified form, which are described in further detail in the following embodiments. This Summary is not intended to identify key features or essential features of the subject matter of the present invention, and is not intended to limit the scope of the claimed subject matter.

In various embodiments, a web browser user interface includes a subset of each selected control assigned along a single line at the top of the web browser user interface. The layout of these controls can be left To the right or right to left form. In particular, in a left-to-right layout, selected controls that meet certain criteria can appear to the left of other controls. Similarly, in a right-to-left layout, selected controls that meet certain criteria can appear to the right of other controls. In at least a particular embodiment, at least a particular one of the controls occurring along the single line is a control associated with a particular type of navigation. Such control can include those that enable text input to be provided by the user.

Moreover, in at least certain embodiments, a control set can be visually processed within the web browser user interface in a manner that places greater emphasis on website content rather than control.

Overview

In various embodiments, a web browser user interface includes a subset of each selected control assigned along a single line at the top of the web browser user interface. The layout of such controls can be in the form of a left to right or a right to left. In particular, in a left-to-right layout, selected controls that meet certain criteria can appear to the left of other controls. The left-to-right layout will work well at the location where the user reads from left to right. This will provide a comfortable and intuitive experience. Similarly, in a right-to-left layout, selected controls that meet certain criteria can appear to the right of other controls. The right-to-left layout will work well from the user's right-left to the self-reading location. This will provide a comfortable and comfortable for these users. Intuitive experience. Any suitable type of criteria can be utilized to determine how to assign the selected control along the single line. Assigning selected controls along a single line will effectively utilize horizontal and vertical screen areas. In particular, in at least a particular embodiment, in a horizontal dimension, having selected controls distributed along a single line facilitates rapid visual recognition of frequently used controls. This enables the screen area in the vertical dimension to be utilized for other controls such as less use.

In at least a particular embodiment, at least a particular one of the controls occurring along the single line assignment is a control associated with a particular type of navigation. For example, such controls can include (for example only non-limiting) navigation buttons backwards and forwards, navigation controls that provide input fields (such as address strips or search bars), and/or enable users to have different content. View the input means for switching (such as labels).

Moreover, in at least certain embodiments, a control set can be visually processed within the web browser user interface in a manner that places greater emphasis on website content rather than control.

In the following discussion, a section entitled "Working Environment" will be provided and describe the environment in which one or more specific embodiments may be used. Subsequently, a section entitled "Exemplary Linear Control Layout Module" describes an exemplary linear control layout module in accordance with one or more specific embodiments. Next, a section entitled "Visual Processing Emphasizing Control of Website Content" describes how to visually manipulate controls to emphasize website content in accordance with one or more specific embodiments. Again, the section entitled "Place Visual Emphasis on Specific Controls Appearing in the Control Layout Area" describes how one can place visual emphasis on a particular control in accordance with one or more specific embodiments. Next, a section entitled "Dimensional Address Bars Relative to Tag Strips" describes how a bit bar can be sized and resized relative to a tag strip in accordance with one or more embodiments. Next, a section entitled "Exemplary Methodology" describes an exemplary method in accordance with one or more specific embodiments. Finally, a section entitled "Exemplary System" describes an example system in accordance with one or more specific embodiments.

Working environment

Figure 1 depicts a work environment, generally designated 100, in accordance with one or more embodiments. Environment 100 includes a computing device 102 having one or more processors 104, one or more computer readable storage media 106, and one or more resident computer readable media and executable by the processor Application 108. Computer readable storage media may include, by way of limitation and not limitation, all forms of volatile and non-volatile memory and/or storage media typically associated with a computing device. Such media may include ROM, RAM, flash memory, hard drives, removable media, and the like. A specific example of a computing device is shown and described in FIG.

In addition, computing device 102 includes a software application in the form of a web browser 110 that includes or otherwise uses a linear control layout module 111 that provides a network that operates as described above and below. Road browser user interface. The linear control layout module is designed to assist the user in focusing on the content of a website while avoiding some of the distraction generated by each control. For example, through the linear control layout module, the web browser user interface can include a subset of each selected control assigned along a single line at the top of the web browser user interface. The layout of the controls can be in the form of a left-to-right or right-to-left, as described above. Any suitable type of criteria can be utilized to determine how to assign the selected controls along the single line. For example, a criterion can include the frequency of use of a particular control across a group of users. Alternatively or additionally, other criteria can include a preference of another user to cause the occurrence of such controls along the single line to be customizable by the user. Moreover, in at least certain embodiments, at least a particular one of the controls occurring along the single line is associated with a particular type of navigation. For example, the controls can include (for example only non-limiting) navigation buttons backwards and forwards, navigation controls that provide input fields (such as address strips or search bars), and/or enable users to have different content. View the input means for switching (such as labels).

Moreover, in at least some embodiments, a control set can be visually processed within the web browser user interface in a manner that places greater emphasis on website content rather than control, which will read the following details Later, it is clearer.

In addition, environment 100 includes a network 112, such as the Internet, and one or more website servers 114 from which content can be received and transmitted to the website server 114, as described above and below. Such content may include web pages received from a web server.

Computing device 102 can be implemented as any suitable computing device, like For example, it is not a limitation, a desktop computer, a portable computer, a handheld computer (such as a personal digital assistant (PDA), a mobile phone), and the like.

Having described an exemplary operating environment, some exemplary embodiments of the linear control layout module 111 can now be discussed.

Exemplary linear control layout module

FIG. 2 depicts an exemplary web browser at 200 in accordance with one or more embodiments. In this particular example, web browser 200 includes a web browser user interface 202 that includes a control layout area 204 adjacent to a content presentation area 206.

The control layout area 204 is provided under the influence of the linear control layout module 111 (Fig. 1). The control layout area 204 is designed to assist the user in focusing on the content of the website, such as those present in the content presentation area 206, while removing some of the distracting power that can be provided by the control. For example, the web browser user interface can include a subset of selected controls distributed along a single line at the top of the web browser user interface through the linear control layout module. These lines are shown in detail in Figure 3.

FIG. 3 depicts the control layout 204 in detail in accordance with one or more specific embodiments. In this example, multiple control systems are assigned along a single line (calibrated as " l "). As noted above, the layout of such controls can be in the form of a left to right or a right to left. Any suitable type of criteria can be utilized to determine how to assign the selected controls along the single line. In one or more implementations, the control group can have a relationship with others based on the control, as will be apparent below. For example, in at least a particular embodiment, at least a particular one of the controls that occurs along the single line is associated with a particular type of navigation. For example, the controls can include (for example only non-limiting) backward and forward navigation buttons 300, navigation controls 302 for providing input fields for receiving or presenting text (eg, address strips or search bars), and/or Or enable the user to switch between different content views (eg, tag 304).

In the illustrative example, because each is related to a tour, it can be desired to group the backward and forward navigation buttons together. Moreover, in at least a particular implementation, it can be desired to group a single address strip, such as that represented by navigation button 302, adjacent to the backward and forward navigation buttons. In some examples, this is because the address bar and the backward/forward button are related to the range of URLs that the browser has navigated through the backward and forward navigation buttons when the address bar is displayed.

In addition, other controls can be assigned along a line 1 , for example, as an auxiliary control 306. In at least a particular embodiment, from a visual point of view, line 1 then defines the continuity of the control that is assigned to a lesser extent (or none at all) in accordance with a particular standard or criterion. In at least a particular embodiment, line 1 is placed at the top of the web browser user interface (Fig. 2) and includes at least a particular navigation control with no other navigation controls present on the navigation control. In other embodiments, line 1 is disposed at the top of the web browser user interface and includes a label strip that contains one or more labels on which no other navigation controls are present.

Figure 4 depicts a control layout area 204 in accordance with another embodiment. Similar to the symbols of Figure 3, specific components have been described using specific embodiments. In this example, control layout area 204 includes a navigation control 302 that provides input fields (eg, address strips or search bars) and enables the user to switch between views of different content (eg, along a long line of l The input means of the assigned tag 304).

Figure 5 depicts controlling layout area 204 in accordance with one embodiment of another embodiment. Similar to the symbols of Figure 3, specific components have been described using specific embodiments. In this example, control layout area 204 includes a backward and forward navigation button 300 and an input means that enables the user to switch between views of different content (eg, a tag 304 assigned along a long line l ).

Figure 6 depicts controlling layout area 204 in accordance with one embodiment of another embodiment. Similar to the symbols of Figure 3, specific components have been described using specific embodiments. In this example, control layout area 204 includes a label 600 within which a single address strip appears. Line l is broken for display for clarity of description. In this example, having an address bar contained within the tag can facilitate clarity and visual recognition of a current address. In particular, the information with this share appears in a control to provide a clear address of the address that the user has navigated. Switching and navigating positions take fewer steps and utilize less cognitive load.

Visual processing that emphasizes the control of website content

Moreover, in at least certain embodiments, a control set can be visually processed within the web browser user interface in a manner that places greater emphasis on website content rather than control.

As an example, consider Figure 7, in which symbols similar to the embodiment of Figure 2 are used to describe similar elements. Here, an example web browser 200 is shown in accordance with one or more specific embodiments. In this particular example, web browser 200 includes a web browser user interface 202 that in turn includes a control layout area 204 and a control presentation area 206.

In the above example, the control layout area 204 is provided under the influence of the linear control layout module 111 (Fig. 1). The control layout area 204 is designed to assist the user in focusing on the content of a website, such as content presented within the content presentation area 206, while removing certain distractions that can be generated by the control. For example, the web browser user interface can include a subset of the selected controls distributed along a single line at the top of the web browser user interface through the linear control layout module. Moreover, in this example, the web browser user interface presents a display for a client desktop 700, wherein the client desktop includes a theme rendered in the form of gray dots. Any suitable theme can be used.

In the particular embodiment described, in order to place a larger visual emphasis on the content being presented on the content display area 206, the control layout area 204 can be rendered to be effectively clear to reflect the basic theme. In particular, in this example, it should be appreciated that the controls appearing in the content presentation area reflect the basic subject matter indicated by the gray dot form. In at least some embodiments, when a user selects a particular control that appears within the control layout area 204, the control can assume a different color to facilitate the discovery of controls occurring in the control zone 204.

Alternatively or additionally, the controls occurring within the control layout area 204 can be presented in a monochromatic manner in which the controls and associated control layout areas in which the controls occur can be presented In a single color, the single color is selected to emphasize the content that appears in the content presentation area 206. For example, the controls and the control layout area 204 can be rendered in grayscale for placement emphasis on the control presentation area 206. Based on a control selected by a user, the control can assume a different color to place emphasis on.

Placement is emphasized on specific controls that appear in the control layout area

In a particular embodiment, visual emphasis can be placed on a particular control that appears in the control layout area. As an example, in accordance with an alternative embodiment, consider FIG. 8, which depicts the control layout area 204 of the example of FIG. Similar symbols used in the example of Fig. 3 are used to describe similar components.

In this example, as described in the example above, multiple controls are assigned along a single line assigned " 1 ". The example control includes (for example only non-limiting) backward and forward navigation buttons 300, provides an input field (eg, a bit bar or search bar) navigation control 302, and/or enables the user to be different The means for inputting the content for switching (for example, the tag 304).

In this example, you can see that the navigation button 800 is compared to the forward navigation. Button 802 appears with a larger display. In this example, button 800 is larger because it is used more often than forward navigation button 802. Other visually emphasized techniques can also be used without departing from the spirit and scope of the request.

Sizing the address strip relative to the label strip

As the display screen size level increases, there is a tendency to provide a wide screen user experience. It will be appreciated that at least some of the above-described embodiments are related to providing an improved user experience via the effective use of horizontally available screen real areas.

In at least a particular embodiment, the web browser is designed in one manner to effectively manage the controls in the control layout area when the web browser window is resized. For example, the web browser can understand the horizontal resolution of the display screen and respond to the resizing operation of a window to intelligently manage the layout of the label and the address strip.

For example, the web browser can select a ratio between the size of the label strip containing the label and the address strip. This ratio can be changed by changing the change in the horizontal resolution of the display screen. Again, once the ratio is selected between the label strip and the address strip, the web browser can attempt to maintain the ratio when the web browser window is resized (e.g., made smaller). However, at certain threshold levels as the size of the web browser window is reduced, the web browser can switch to a reduced address strip width and can begin to remove specific controls (eg, assist control). The dimension of the reduced width of the address bar can be selected to Hold a desired amount of internal text. As the size of the window continues to decrease, the web browser can begin to remove the tag to cause the address bar and the navigation controls to be viewable on a varying small screen size.

Having described various embodiments above, reference is now made to the exemplary method in accordance with one or more embodiments.

Exemplary method

Figure 9 is a flow diagram depicting the steps of a method in accordance with one or more embodiments. The method can be practiced by joining any suitable hardware, software, firmware, or combination of the above. In at least some embodiments, the method can be implemented in a software in the form of a web browser and/or a linear control layout module (described above).

Step 900 presents a web browser user interface. Step 902 distributes the selected control along a single line adjacent the top of the web browser user interface. Examples of selected controls are provided above.

Exemplary system

FIG. 10 illustrates an exemplary computing device 1000 that can be used to implement various embodiments as described above. The computing device 1000 can be, for example, the computing device 102 of FIG. 1 or the web server 114.

Computing device 1000 includes one or more processors or processing units 1002, one or more memory and/or storage components 1004, one or more input/output (I/O) devices 1006, and one that allows for various The components and devices can be connected to each other by a busbar 1008. Busbar 1008 represents any one or more of the busbar architecture types, including a memory bus or memory controller, a peripheral bus, an acceleration graphics, and a processor or any bus architecture. The changing area of the bus. Bus bar 1008 can include wired and/or wireless bus bars.

Memory/storage component 1004 represents one or more computing device storage media. Component 1004 can include volatile media (such as random access memory (RAM)) and/or non-volatile media (such as read only memory (ROM), flash memory, compact discs, magnetic disks, and the like). Component 1004 can include fixed media (eg, RAM, ROM, fixed hard drive, etc.) as well as removable media (eg, flash memory, removable hard drive, optical disk, etc.).

One or more input/output devices 1006 allow a user to enter commands and information into computing device 1000 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 (eg, a mouse), and a microphone. Scanners and more. Examples of output devices include display devices (eg, screens or projectors), speakers, printers, network cards, and the like.

Various techniques can be described herein in the general context of a software or program module. In general, software includes examples, programs, objects, components, data structures, and the like that can perform specific tasks or implement specific abstract data types. The implementation of these modules and techniques can be stored in some form of computer readable media or transmitted via some form of computer readable media. The computer readable medium can be any available media that can be accessed by a computing device. For example, and without limitation, computer readable media may include "computer readable storage media."

"Computer readable storage media" includes volatile and non-volatile, removable and non-removable media, which can be implemented in any method or technique for storing information, such as computer readable instructions, data. Structure, program module or other material. Computer readable storage media includes, but is not limited to, RAM, ROM, EEPROM, flash memory, or other memory technology, CD-ROM, digital versatile disc (DVD), or other optical disc storage media, magnetic cassettes. , tape, disk storage, or other part of speech storage, or any other medium that can be used to store the desired information and be accessible by the computer.

in conclusion

In various embodiments, a web browser user interface includes a subset of each selected control assigned along a single line at the top of the web browser user interface. The layout of such controls can be in the form of a left to right or a right to left. In particular, in a left-to-right layout, selected controls that meet certain criteria can appear to the left of other controls. Similarly, in a right-to-left layout, selected controls that meet certain criteria can appear to the right of other controls. In at least a particular embodiment, at least a particular one of the controls occurring along the single line is a control associated with a particular type of navigation. Such control can include those that enable text input to be provided by the user.

Although the subject matter of the present invention has been described in terms of structural features and/or method steps, it is to be understood that the invention is not limited to the specific features or steps described above. Rather, the specific features and steps described above are disclosed as exemplary forms of the scope of the application.

102‧‧‧ Computing device

104‧‧‧Processor

106‧‧‧Computer readable storage media

108‧‧‧Application

110‧‧‧Web browser

111‧‧‧Linear Control Layout Module

112‧‧‧Network

114‧‧‧Web server

900‧‧‧presenting a web browser user interface

902‧‧‧Distribute selected controls along a single line adjacent to the top of the web browser user interface

1002‧‧‧ processor

1004‧‧‧Memory / Storage

1006‧‧‧Input/output devices

1008‧‧‧ busbar

Full graphic uses the same reference symbol to refer to similar features

1 is a working environment in which various principles described herein can be operated in accordance with one or more embodiments.

FIG. 2 depicts an exemplary web browser in accordance with one or more embodiments.

Figure 3 depicts controlling the layout in accordance with one of one or more embodiments.

Figure 4 depicts another control layout in accordance with another embodiment.

Figure 5 depicts controlling the layout in accordance with one of the other embodiments.

Figure 6 depicts controlling the layout in accordance with one of the other embodiments.

Figure 7 depicts an exemplary web browser in accordance with one or more embodiments.

Figure 8 depicts controlling the layout in accordance with one of the other embodiments.

Figure 9 is a flow chart depicting steps of a method in accordance with one or more embodiments;

Figure 10 depicts an exemplary system that can be used to implement one or more embodiments.

102. . . Computing device

104. . . processor

106. . . Computer readable storage media

108. . . application

110. . . Web browser

111. . . Linear control layout module

112. . . network

114. . . Website server

Claims (22)

A computer readable storage medium comprising computer readable instructions for executing a web application when executing the computer readable instructions, the web application comprising: a web application user interface; a content presentation area, the content presentation area is located in the web application user interface; and a control layout area adjacent to and above the content presentation area, such that the control layout area is configured to include a subset of the selected controls, the selected controls being assigned along a single line at the top of the web application user interface such that the selected controls assigned along the single line One of the subsets includes a navigation control that provides an input field, and the other of the subset of the selected controls assigned along the single line contains an input in the form of one or more labels Means, the one or more tags enable a user to switch between views of different content. The computer readable storage medium of claim 1, wherein the one of the selected controls comprises a single address strip. The computer readable storage medium of claim 1, wherein the one of the selected controls comprises a search bar. The computer readable storage medium of claim 1, wherein the web application user interface is configured to not include other ones that appear above the selected control assigned along the single line. Navigation control. The computer readable storage medium of claim 1, wherein the occurrence of at least one of the selected controls distributed along the single line is based at least in part on a frequency of use throughout a group of users. The computer readable storage medium of claim 5, wherein the occurrence is based on a size of at least one of the selected controls distributed along the single line. The computer readable storage medium of claim 1, wherein the web application user interface comprises a web browser user interface. A computer readable storage medium comprising computer readable instructions for executing a web application when executing the computer readable instructions, the web application comprising: a web application user interface; a content presentation area, the content presentation area is located in the web application user interface; and a control layout area, the control layout area is adjacent to the content presentation area And located above the content presentation area, such that the control layout area is configured to include a subset of the selected controls along a single line at the top of the web application user interface Assigning such selected controls to include a backward and forward navigation button, a navigation control providing an input field, and an input means in the form of one or more tags, the one or more tags enabling one The user switches between views of different content, wherein the navigation control is distributed along the single line, and the input means is also distributed along the single line. The computer readable storage medium of claim 8, wherein the navigation control for providing an input field comprises a single address bar. The computer readable storage medium of claim 8, wherein the navigation control providing an input field comprises a bit address bar, and wherein one of the one or more tags is configured The address bar is included in it. The computer readable storage medium of claim 8, wherein the navigation control for providing an input field comprises a bit address bar, and wherein the network application is configurable to select the one Each of the plurality of tags and a dimension of one of the tag strips of the address strip and a window size associated with the web application is used to remove the controls. The computer readable storage medium of claim 8, wherein the web application user interface is configured to not include other ones that appear above the selected control assigned along the single line. Navigation control. The computer readable storage medium of claim 8, wherein the selected controls are distributed along the single line in a left-to-right manner. The computer readable storage medium of claim 8, wherein the selected controls are distributed along the single line based on a frequency of use of the group of users. The computer readable storage medium of claim 8, wherein the occurrence of at least a particular control along the single line is user-customizable. The computer readable storage medium of claim 8, wherein at least some of the controlled control packets occurring along the single line are based on a relationship between the at least some of the controls. The computer readable storage medium of claim 8, wherein the control layout area is configured to reflect a basic desktop theme. The computer readable storage medium of claim 8, wherein at least a particular one of the selected controls is configured to take a different color based on usage. The computer readable storage medium of claim 8, wherein the web application user interface comprises a web browser user interface. A computing device comprising: a computer storage medium storing computer executable instructions, wherein when executed by the computing device, the computing device is executed: a web application user interface; a content presentation area The content presentation area is presented in the web application user interface; and a control layout area is adjacent to the content presentation area and located above the content presentation area, such that the control layout area is grouped State includes a subset of selected controls assigned along a single line at the top of the web application user interface such that the subset of the selected controls includes a backward and forward navigation button, and Configuring to expose at least one tab band of the plurality of tags, the backward and forward navigation buttons being assigned along the single line, the plurality of labels being distributed along the single line; The web application user interface is configured to not include any navigation controls that appear above the selected controls assigned along the single line. The computing device of claim 20, wherein the control layout area is configured to include at least one other navigation control assigned along the single line. The computing device of claim 20, wherein the web application user interface comprises a web browser user interface.