KR101695377B1 - Device and method for providing user interface using web page with a table of contents - Google Patents

Abstract

Provided are a device and a method for providing a user interface using a web page with a table on which contents are displayed. According to an embodiment, the present invention comprises: a web page displaying unit which displays a web page; a contents providing unit which displays contents information corresponding to each selection item included on the web page; and an identification display controlling unit which provides identification display for the selection item within the web page corresponding to the item information selected by a user.

Description

TECHNICAL FIELD [0001] The present invention relates to a device and a method for providing a user interface using a web page on which a table of contents is displayed.

The present invention relates to an apparatus and method for providing a user interface for a web page. And more specifically to an apparatus and method for providing a user interface for a web page in which a table of contents is displayed together.

Conventionally, in order to access digital contents on the web, users generally move and click the mouse cursor. In the case of the main page of a general portal site, various functions are intensively made up of images or buttons, and a search-specific page displays only one window for search.

However, such web display environment is complicated for elderly people who are unfamiliar with reading and writing information by accessing various digital contents through a PC or a smart phone, and even if it is not an elderly person, It is very inconvenient to find the information that you want on the site.

United States Patent Application Publication No. US 2014/0089772 A1 United States Patent Application Publication No. US 7,188,318 B2

In order to solve the above problem, a user interface is required which can confirm each content of the portal site at a glance and select necessary content and execute it.

An apparatus for providing a user interface using a web page in which a table of contents according to an exemplary embodiment of the present invention is displayed includes a web page display unit for displaying a web page, a table of contents providing unit for displaying item information corresponding to each selected item included in the web page, And an identification display control unit for providing an identification display for a selection item in the web page corresponding to the item information selected by the user.

In one embodiment, the table of contents providing unit may display the item information by hierarchically displaying the item information.

In one embodiment, the table of contents providing unit may display item information of a higher layer concept or item information of a lower layer concept based on item information on a currently displayed web page.

In one embodiment, the identification display control unit may enlarge a predetermined area including a selection item corresponding to the item information selected by the user by a predetermined ratio.

In one embodiment, the apparatus may further include a user interface unit for controlling an indicator indicating the item information.

In one embodiment, the apparatus may further include an additional information guide unit for providing additional information on the selected item information.

In one embodiment, the additional information guide may be displayed and disappear in a slide or pop-up form.

In one embodiment, the selection item and item information corresponding to each selection item may be displayed with associated color information.

A method of providing a user interface using a web page in which a table of contents according to an exemplary embodiment of the present invention is displayed includes the steps of displaying a web page in a part of a display, Displaying the item information corresponding to the item, and providing an identification indication for the item in the web page corresponding to the item information selected by the user.

In one embodiment, the step of displaying the item information may display the item information in a hierarchical manner.

In one embodiment, the step of displaying the item information may display item information of a higher-level hierarchical concept or item information of a lower-level lower concept based on item information of a currently displayed web page.

In one embodiment, the step of providing the identification display may enlarge a predetermined area including a selection item corresponding to the item information selected by the user by a predetermined ratio.

In one embodiment, the method may further include providing a user interface unit for controlling an indicator indicating the item information.

In one embodiment, the method may further include providing an additional information guide unit for providing additional information on the selected item information.

In one embodiment, the selection item and item information corresponding to each selection item may be displayed with associated color information.

According to an embodiment of the present invention, a large number of pieces of information included in a web page can be classified into hierarchies and provided to a user in a table of contents format. The user can easily access necessary contents through simple operations such as inputting numbers or manipulating markers by viewing the table of contents.

Also, there is an advantage that the user input device can easily surf the web page through a remote controller having a direction key as well as a touch or a mouse cursor.

1 is a block diagram of an apparatus for providing a user interface using a web page in which a table of contents according to an embodiment of the present invention is displayed.
2 shows a display area according to an embodiment provided by the apparatus 1000 for providing a user interface using a web page on which a table of contents is displayed.
FIG. 3 shows an example in which the contents providing unit 200 displays item information by layers.
4 illustrates a web page display unit in which a predetermined region is enlarged according to an embodiment of the present invention.
5 is an example of an apparatus 1000 for providing a user interface using a web page in which a table of contents including a user interface unit or a side information providing unit is displayed according to an embodiment of the present invention.
6 is a flowchart of a method for providing a user interface using a web page in which a table of contents according to an embodiment of the present invention is displayed.

The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention. The singular expressions include plural expressions unless the context clearly dictates otherwise. In this specification, the terms "comprises ", or" having ", or the like, specify that there is a stated feature, number, step, operation, , Steps, operations, components, parts, or combinations thereof, as a matter of principle.

Unless otherwise defined, all terms used herein, including technical or scientific terms, have the same meaning as commonly understood by one of ordinary skill in the art to which this invention belongs. Terms such as those defined in commonly used dictionaries should be construed as meaning consistent with meaning in the context of the relevant art and are not to be construed as ideal or overly formal in meaning unless expressly defined herein . Like reference numerals in the drawings denote like elements.

In the following description, well-known functions or constructions are not described in detail to avoid unnecessarily obscuring the subject matter of the present invention. In addition, the size of each component in the drawings may be exaggerated for the sake of explanation and does not mean the size actually applied

Embodiments described herein may be wholly hardware, partially hardware, partially software, or entirely software. A "unit," "module," "device," or "system" or the like in this specification refers to a computer-related entity such as a hardware, a combination of hardware and software, or software. A processor, an object, an executable, a thread of execution, a program, and / or a computer, for example, a computer, but is not limited to, a computer. For example, both an application running on a computer and a computer may correspond to a part, module, device or system of the present specification.

Embodiments have been described with reference to the flowcharts shown in the drawings. While the above method has been shown and described as a series of blocks for purposes of simplicity, it is to be understood that the invention is not limited to the order of the blocks, and that some blocks may be present in different orders and in different orders from that shown and described herein And various other branches, flow paths, and sequences of blocks that achieve the same or similar results may be implemented. Also, not all illustrated blocks may be required for implementation of the methods described herein. Furthermore, the method according to an embodiment of the present invention may be implemented in the form of a computer program for performing a series of processes, and the computer program may be recorded on a computer-readable recording medium.

Hereinafter, embodiments of the present invention will be described in detail with reference to the drawings. In the following description, well-known functions or constructions are not described in detail to avoid unnecessarily obscuring the subject matter of the present invention. In addition, the size of each component in the drawings may be exaggerated for the sake of explanation and does not mean a size actually applied.

1 is a block diagram of an apparatus for providing a user interface using a web page in which a table of contents according to an embodiment of the present invention is displayed. Referring to FIG. 1, the apparatus 1000 for providing a user interface using a web page in which a table of contents is displayed may include a web page display unit 100, a contents providing unit 200, and an identification display control unit 300. In an embodiment, the apparatus 1000 for providing a user interface using a Web page on which a table of contents is displayed may further include a user interface unit 400 or an additional information guide unit 500.

2 shows a display area according to an embodiment provided by the apparatus 1000 for providing a user interface using a web page on which a table of contents is displayed. The apparatus 1000 for providing a user interface using a web page on which a table of contents is displayed may be a mobile device, a wearable device, a desktop, or any portable electronic device. 2, the present invention is described based on the image displayed on the computer monitor 1, but the present invention is not limited thereto.

The web page display unit 100 displays a web page. 2, the web page display unit 100 displays various options 1101-1111 such as mail, news, advertisement, and movie information. Conventionally, these selections were selected using a mouse cursor or a touch via a touch screen. However, as shown in FIG. 2, the types of choices displayed on the web page display unit 100 are very diverse and are arranged at various positions of a web page, so that the user has to make an effort to find a desired selection item. Typing the desired selection in the search box and starting the search is also more inconvenient than clicking the selection at once.

The contents providing unit 200 displays item information corresponding to each selected item included in the web page. Referring to FIG. 2, the table of contents providing unit 200 is displayed on the display device 1 together with the web page display unit 100. In FIG. 2, the table-of-contents providing unit 200 is disposed on the left side, but may be disposed on another side such as the right side or the left side in another embodiment.

Item information 2101-2104... Displayed in the contents providing unit 200 can display lower item information for the item. Referring to FIG. 2, a search term input 2101a and a search start 2101b, which are sub items for the search term 2101, may be displayed in association with each other.

Also, as shown in FIG. 2, a corresponding number may be assigned to each piece of item information, and item information may be composed of text. In this case, the user can directly access necessary item information by inputting a number button. Also, older people who are familiar with the contents of the book expressed in text will be able to quickly understand the contents of the web page.

Item information 2101-2104... Displayed on the contents providing unit 200 corresponds to a selection item of the web page display unit 100, respectively. Referring to FIG. 2, item information 2101 for searching (2101) corresponds to a selection item (1101). Accordingly, the user can confirm and access contents of the web page display unit 100 through the contents providing unit 200. [

In order to intuitively transmit the correspondence relation between the item information of the contents providing unit 200 and the selected item of the web page display unit 100, color information associated with the corresponding item information and the selected item may be applied. The associated color information may include, for example, the same color or a similar pattern. Also, the applied color information may include at least one of a border color, a character color, and a color of the corresponding area for each piece of information.

FIG. 3 shows an example in which the contents providing unit 200 displays item information by layers. The table of contents providing unit 200 can display the item information classified by hierarchy. Referring to FIG. 3, a dictionary is included in the first layer, which is an upper layer. Referring to FIG. 2, it can be seen that mail, news, movies, and the like can be included in the first layer.

The second hierarchy includes an English dictionary 2103a and a Chinese dictionary 2103b included in the dictionary 2103. The English dictionary 2103a includes English-Korean dictionaries and Korean-English dictionaries. Other dictionaries may be included.

The contents providing unit 200 can display the item information by layer. However, when all the item information is displayed at once, the contents providing unit 200 may appear rather complicated. Therefore, in one example, the table-of-contents providing unit 200 may display item information of a first-layer upper concept or item information of a first-layer lower concept based on item information on a currently displayed web page.

For example, when the English dictionary 2103a1 is selected and the English dictionary is displayed on the web page display unit 100, the table of contents providing unit 200 may display only the second layer or the fourth layer.

In one embodiment, the contents providing unit 200 may further include a favorite item. The favorite item may include item information selected by the user. Accordingly, item information mainly used can be added to favorite items according to the user's selection for each web page. For example, in the case of a web site that mainly uses e-mail, item information about the e-mail page may be included in the favorites. Or in the case of a web site that mainly uses news, item information about the news page may be included in the favorites.

In another example, a separate window may be popped up that displays only the selection items corresponding to the item information selected by the user. Such a pop-up window may automatically disappear when the user selects other item information (item information of the same or higher layer than the currently selected item information).

The identification display control unit 300 may provide an identification display for the item in the web page corresponding to the item information selected by the user. The identification mark may include any visual occasion in which the selection can be distinguished from other choices. For example, the identification mark may include a change in the border color of the selected item, a change in brightness of the selected item area, and the like. Accordingly, the user can recognize where the selection item corresponding to the selected item information is located by viewing the table-of-contents providing unit 200.

Referring to FIG. 2, the user can select the news item information 2104 and confirm that the identification mark 11 indicating the selected item 1104 is displayed.

4 illustrates a web page display unit in which a predetermined region is enlarged according to an embodiment of the present invention. The identification display control unit 300 can enlarge the predetermined area including the selection item corresponding to the item information selected by the user by a predetermined ratio. Such enlargement may be provided with the above-mentioned identification mark.

4, the user selects the login item information 2106 and the identification display control unit 300 displays the selection information 1106 corresponding to the login item information 2106 on the web page display unit 100 . Accordingly, the user can more clearly check the information on the selected item and input the information. When the user selects another selection item, the enlarged state as shown in FIG. 4 is released and the web page can be displayed at the original size. Such an enlarged display may be activated only in the case of a separate input, such as a user long touching the item information.

5 is an example of an apparatus 1000 for providing a user interface using a web page in which a table of contents including a user interface unit or a side information providing unit is displayed according to an embodiment of the present invention. Referring to FIG. 5, the apparatus 1000 for providing a user interface using a web page in which a table of contents is displayed may further include a user interface unit for controlling an indicator indicating item information.

The indicator 10 indicating item information may be an arrow as shown in FIG. 5, but the present invention is not limited thereto, and may be a border surrounding the currently selected item information or any other figure or color.

A user can control the position of the indicator 10 and select item information through the user interface 400. [ The user interface 400 may be useful when the user uses a remote controller.

In addition, the apparatus 1000 for providing a user interface using a Web page in which a table of contents is displayed in one embodiment may further include an additional information guide unit for providing additional information on the selected item information. As shown in FIG. 5, for example, when the user selects the membership subscription item information, the supplementary information guide unit 500 can provide the user with a description of the item information or items necessary for the next procedure. Here, the additional information guide unit 500 may be displayed and disappear in a slide or pop-up form. Accordingly, the width of the area of the web page display unit 100 or the contents providing unit 200 may be changed in real time.

As described above, each configuration of the user interface providing apparatus 1000 using the web page on which the table of contents is displayed allows the user to associate the selection item of the web page with the item information of the contents providing unit and allows the user to surf the web page through the table of contents providing unit You can help. An embodiment of the apparatus 1000 for providing a user interface using a Web page on which a table of contents is displayed will be described below.

6 is a flowchart of a method for providing a user interface using a web page in which a table of contents according to an embodiment of the present invention is displayed. Referring to FIG. 6, a method of providing a user interface using a web page in which a table of contents is displayed includes displaying a web page in a part of a display (S100), displaying, in another part of the display, (S200) of displaying item information corresponding to the item, and a step (S300) of providing an identification display for the item in the web page corresponding to the item information selected by the user.

Step S200 of displaying the item information may include displaying item information classified by hierarchy or item information of a first hierarchical upper concept or item information of a first lower hierarchical concept based on item information of a currently displayed web page Can be displayed.

In addition, the step of providing the identification display (S300) may enlarge the predetermined area including the selection item corresponding to the item information selected by the user by a predetermined ratio.

In one embodiment, a method of providing a user interface using a Web page in which a table of contents is displayed may include providing a user interface unit for controlling an indicator indicating the item information, or providing an additional information guide unit for providing additional information on the selected item information Step < / RTI >

In the embodiments of the method for providing a user interface using a web page in which a table of contents is displayed, the selection item and the item information corresponding to each selection item may be displayed with related color information.

Example

Referring back to FIG. 2, the user can confirm a table providing unit in which item information such as search 2101, mail 2102, dictionary 2103, and news 2104 is displayed. Such item information may be included in the first layer.

In the case of using the search function, the user can select the search item information 2101 by moving the position of the marker 10 or inputting the number 1. Accordingly, the corresponding selection item 1101 can be identified and displayed in the web page display unit 100. [

When the user selects the search item information 2101, the contents providing unit 200 can display the item information 2101a and 2101b of the lower layer of the search item information 2101. [ Or the item information 2101a and 2101b of the lower layer may be already displayed.

The user can enter the number 1 to select the search word input item information 2101a and input the search word to the corresponding part 1101a of the web page display unit. Thereafter, the search selection item 1101b of the web page display unit 100 or the search start item information 2101b of the contents providing unit 200 may be selected to start the search. The indicator 10 can be used or the number 2 can be input to select the search start item information 2101b of the contents providing unit 200. [

Through the above process, the user can use the web page.

While the invention has been shown and described with reference to certain embodiments thereof, it will be understood by those skilled in the art that various changes and modifications may be made therein without departing from the spirit and scope of the invention as defined by the appended claims. However, it should be understood that such modifications are within the technical scope of the present invention. Accordingly, the true scope of the present invention should be determined by the technical idea of the appended claims.

Claims (15)

A web page display unit displaying a web page in a part of the display;
Displaying contents information corresponding to each selection item included in the web page and an indicator indicating one of the item information in another part of the display; And
And an identification display control unit for providing an identification display for a selection item in the web page corresponding to item information selected through the indicator.
The method according to claim 1,
The table-
Wherein the item information is displayed in a hierarchical manner, and the table of contents is displayed.
3. The method of claim 2,
The table-
Wherein the item information of the upper layer concept or the item information of the lower layer concept is displayed on the basis of the item information of the web page currently being displayed.
The method according to claim 1,
The identification display control section,
And enlarging a predetermined area including a selection item corresponding to item information selected by the user by a predetermined ratio.
The method according to claim 1,
Further comprising: a user interface unit for controlling an indicator indicating the item information.
The method according to claim 1,
And a supplementary information providing unit for providing additional information on the selected item information.
The method according to claim 6,
Wherein the additional information guide unit is displayed in a slide or pop-up form and disappears, wherein the table of contents is displayed.
The method according to claim 1,
And the item information corresponding to the selected item and the item information corresponding to each selected item is displayed as related color information.
Displaying, at a portion of the display, a web page;
Displaying, in another part of the display, item information corresponding to each selection item included in the web page and an indicator indicating one of the item information; And
And providing an identification indication for a selected item in the web page corresponding to the selected item information through the indicator.
10. The method of claim 9,
Wherein the step of displaying the item information comprises:
Wherein the item information is displayed in a hierarchical manner, and the table of contents is displayed.
11. The method of claim 10,
Wherein the step of displaying the item information comprises:
Wherein the item information of the upper layer concept or the item information of the lower layer concept of the lower layer is displayed based on the item information of the currently displayed web page.
10. The method of claim 9,
Wherein providing the identification indication comprises:
And enlarging a predetermined area including a selection item corresponding to item information selected by the user by a predetermined ratio.
10. The method of claim 9,
Further comprising the step of providing a user interface unit for controlling an indicator indicating the item information. ≪ RTI ID = 0.0 > 11. < / RTI >
10. The method of claim 9,
And providing an additional information guide unit for providing additional information on the selected item information. The method of claim 1, further comprising:
10. The method of claim 9,
Wherein the selection item and the item information corresponding to each selection item are displayed as related color information.

Images