KR20170124201A - Web site accessibility improving method and user terminal performing the same - Google Patents

Abstract

A web site accessibility improving method to provide easy access to individual functions provided by complex websites, and a user terminal performing the same are disclosed. According to an aspect of the present invention, the web site accessibility improving method includes a receiving step of allowing a user terminal to receive a web page from a web site - the web page includes a search UI for receiving a search word-; a web page display step of allowing the user terminal to display the received web page, a sensing step of allowing the user terminal to sense that a character is input to the search UI included in the displayed web page, and a site map displaying step of allowing the user terminal to display the site map of the web site when the user terminal detects that the character is input in the search UI.

Description

A Web site accessibility improving method and a user terminal performing the same,

The present invention relates to a web site accessibility improvement method and a user terminal performing the method. And more particularly, to a method for improving accessibility to a web site that enables easy access to individual functions provided by a web site having a complicated structure and a user terminal performing the method.

With the development of the Internet, more and more kinds of services are being provided online. As this trend grows, users are able to perform a variety of complex tasks on a single Web site, and the structure of the Web site is also complicated.

However, as the structure of the web site becomes complicated, the accessibility of the user is deteriorated. For example, a user has to select (for example, click and touch) a number of links before accessing a web site's home page and accessing a specific function (menu item) desired by the user. There is a problem in that it becomes difficult to find out a specific function that the user desires.

In order to increase the accessibility of the web site, a method of selecting frequently used functions and collecting them in one menu (quick menu) so that they can access the corresponding functions with a single click is used. However, user complaints about the selected functions may be raised during the operation of the website, and when the system is advanced and the functions are added, it may cause inconvenience such as re-selecting the items of the quick menu.

Korean Patent Publication No. 10-2011-0012276

The technical problem to be solved by the present invention is to provide technical ideas for easily accessing individual functions (menu items) provided by a web site having a complicated structure.

According to an aspect of the present invention, there is provided a method for receiving a web page from a web site, the method comprising: receiving a web page from a web site, the web page including a search UI for receiving a search word; A step of displaying a web page displaying the web page, a step of detecting that the user terminal inputs a character to the search UI included in the displayed web page, a step of detecting the input of a character in the search UI The user terminal includes a site map display step of displaying a site map of the website.

In one embodiment, the method for enhancing website accessibility comprises: a matching item determination step of determining, by the user terminal, a matching item that matches a search word entered in the search UI among items constituting a site map of the website; The user terminal may further include a visual effect adding step of adding a predetermined visual effect to the matching item included in the site map.

In one embodiment, the matching item determination step and the visual effect adding step are performed every time characters are added to or deleted from the search UI.

In one embodiment, the search UI is implemented in a quick menu included in the web page.

In one embodiment, the method for enhancing website accessibility includes: a matching item determination step of determining a matching item matching a search word entered in the search UI among items constituting a site map of the web site; And a list UI display step of displaying a list UI including links.

In one embodiment, the matching item determination step and the list UI display step are performed each time a character is added or deleted in the search UI.

In one embodiment, the step of displaying the list UI may include arranging the list UI by arranging the links corresponding to the matching items in order of the retrieved time, and displaying the list UI.

In one embodiment, the step of displaying the list UI may include arranging the list UI in order of the number of times the links corresponding to each of the matching items are searched, and displaying the list UI.

According to another aspect of the present invention, there is provided a computer program installed in a data processing apparatus and stored in a recording medium for performing the above-described method.

According to another aspect of the present invention there is provided a user terminal comprising a processor and a memory for storing a computer program executed by the processor, wherein the computer program, when executed by the processor, A user terminal is provided for performing the method.

According to another aspect of the present invention, there is provided a receiving module for receiving a web page from a web site, the web page including a search UI for receiving a search word, a web page display module for displaying the received web page, And a site map display module for displaying a site map of the web site when detecting the input of a character in the search UI Is provided.

In one embodiment, the user terminal may include a matching item determination module that determines a matching item that matches a search word entered in the search UI, among the items constituting the site map of the web site, And a visual effect adding module that adds a predetermined visual effect to the image.

In one embodiment, each time a character is added to or deleted from the search UI, the matching item determination module determines the matching item, and the visual effect adding module adds the visual effect to the matching item. can do.

In one embodiment, the user terminal includes a matching item determination module that determines a matching item that matches a search word entered in the search UI, among the items constituting the site map of the website, and a link corresponding to each of the matching items And a list UI display module for displaying a list UI for displaying the list UI.

In one embodiment, whenever a character is added to or deleted from the search UI, the matching item determination module determines the matching item, and the list UI display module displays a list UI including a link corresponding to each of the matching items And a display unit.

In one embodiment, the list UI display module can arrange the list UI by arranging the links corresponding to the matching items in the order of the retrieved time, and display the list UI.

In one embodiment, the list UI display module may arrange the list UI by arranging the links corresponding to each of the matching items in order of the retrieved number, and display the list UI.

According to an embodiment of the present invention, it is possible to provide a user with accessibility to easily access individual functions (menu items) provided by a web site having a complicated structure. In other words, it has an effect of allowing a user to easily access a desired function from a web site providing numerous functions.

BRIEF DESCRIPTION OF THE DRAWINGS A brief description of each drawing is provided to more fully understand the drawings recited in the description of the invention.
1 is a diagram illustrating an execution environment of a method for improving a website accessibility according to an exemplary embodiment of the present invention.
2 is a flowchart illustrating a method for improving accessibility to a web site according to an exemplary embodiment of the present invention.
3 is a diagram showing an example of a web page displayed by a user terminal.
4 is a diagram showing an example of a site map.
FIG. 5 shows an example in which a site map and a list UI are overlapped and displayed on a web page in a situation where a search word is being input in the search UI.
6 is a block diagram illustrating a schematic configuration of a user terminal that performs a method for improving accessibility to a web site according to an exemplary embodiment of the present invention.

BRIEF DESCRIPTION OF THE DRAWINGS The present invention is capable of various modifications and various embodiments, and specific embodiments are illustrated in the drawings and described in detail in the detailed description. It is to be understood, however, that the invention is not to be limited to the specific embodiments, but includes all modifications, equivalents, and alternatives falling within the spirit and scope of the invention. DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS Hereinafter, the present invention will be described in detail with reference to the accompanying drawings.

The terms first, second, etc. may be used to describe various components, but the components should not be limited by the terms. The terms are used only for the purpose of distinguishing one component from another.

The terminology used in this application is used only to describe a specific embodiment and is not intended to limit the invention. The singular expressions include plural expressions unless the context clearly dictates otherwise.

In this specification, the terms "comprises" or "having" and the like refer to the presence of stated features, integers, steps, operations, elements, components, or combinations thereof, But do not preclude the presence or addition of features, numbers, steps, operations, components, parts, or combinations thereof.

Also, in this specification, when any one element 'transmits' data to another element, the element may transmit the data directly to the other element, or may be transmitted through at least one other element And may transmit the data to the other component. Conversely, when one element 'directly transmits' data to another element, it means that the data is transmitted to the other element without passing through another element in the element.

Hereinafter, the present invention will be described in detail with reference to the embodiments of the present invention with reference to the accompanying drawings. Like reference symbols in the drawings denote like elements.

1 is a diagram illustrating an execution environment of a method for improving a website accessibility according to an exemplary embodiment of the present invention.

A web server 200 providing a web site and a user terminal 100 performing a web site accessibility improving method according to an embodiment may be provided in order to perform a web site accessibility improvement method according to an embodiment of the present invention have.

Herein, the user terminal may be a wired terminal or a wireless terminal. A terminal may be any type of data processing device and may be a computer, a device, a subscriber unit, a subscriber station, a mobile station, a mobile, a mobile terminal, a remote station, a remote terminal, an access terminal, a user terminal, Device or user equipment (UE). The wireless terminal may be a mobile phone, a satellite phone, a wireless telephone, a Session Initiation Protocol (SIP), a Wireless Local Loop (WLL) station, a PDA, a smart phone, a tablet PC, A computing device including a laptop, or a processing device coupled to another wireless modem.

The user terminal 100 may be provided with a web browser or a web client for rendering and displaying a web page constituting a web site.

The user terminal 200 may be connected to the web server 200 through a wired / wireless network.

The web server 200 may store a plurality of web pages, a server-side resource, and a code that constitute a web site. The web server 200 may store a web page corresponding to a request to the user terminal 100 at the request of the user terminal 100 Can be provided. In addition, the web server 200 may transmit / receive various data, signals, commands, information, and / or messages necessary for the technical idea of the present invention, if necessary.

The web server 200 may be implemented in hardware, software, or a combination thereof. At this time, the server may be a single device, and may be implemented as a plurality of devices connected via a network or a predetermined communication protocol.

2 is a flowchart illustrating a method for improving accessibility to a web site according to an exemplary embodiment of the present invention.

2, the user terminal 100 can receive a web page (e.g., a home page) constituting the web site from the web server 200 and display the web page on the screen (S100, S110).

3 is a view showing an example of a web page displayed by the user terminal 100 provided by the web server 200 to the user terminal 100. As shown in FIG.

3, the web page 10 includes a logo 11, a system menu 12, a search UI 13, a quick menu 14, and various elements 15 to 18 ). Needless to say, various web pages different from those shown in FIG. 3 may exist.

In particular, the web page 10 may include a search UI (user interface) 13 for receiving a search word. The search UI 13 may be in the form of an input control or an input component for receiving a search word composed of one or more characters. The search UI 13 may be referred to as a search window as shown in FIG.

The search UI may be included in the quick menu 14 included in the web page 20 according to an embodiment.

The user can start inputting the search term into the search UI 13 to search for the individual functions provided by the website. Then, the user terminal 100 can detect whether a character is input in the search UI 13. If the user terminal 100 detects that a character is input (S120), the site map of the web site is displayed on the web page 20 ) (S130).

The site map may be a list in which the individual functions of all the web sites provided by the web server 20 are structured / layered and arranged. An example of a site map is shown in Fig. Each item constituting the site map 20 can be implemented in the form of a link that allows direct access to individual functions provided by the website. That is, when the user selects (e.g., clicks, touches, etc.) any one of the items constituting the site map 20, the user terminal 100 displays the web page indicated by the link of the selected item Requests the web server 200 to display a web page to which the web server 200 responds.

The information on the item and the structure of the site map 20 may be included in the source code of the web page 10 received by the user terminal 100 and the user terminal 100 may be separately included in the web server 200 ) And receive it.

Meanwhile, the user terminal 100 may determine a matching item matching the search word input in the search UI 13 among the items constituting the site map 20 of the website (S140). The search term input to the search UI 13 does not necessarily have to be a completed search term. For example, when the search term "abc" is input to the search UI 13, the user terminal 100 may determine that an item including "abc" or "abc" is a matching item .

The user terminal 100 may directly determine a matching item and may transmit a search word input to the search UI 130 to the web server 200 and provide a matching item And may determine a matching item according to a determination result of the web server 200 responding. In one embodiment, the user terminal 100 or the web server 200 may determine a matching item through on-the-rule-based co-word analysis.

Then, the user terminal 100 may add a predetermined visual effect to the matching item included in the site map 20 (S150). The predetermined visual effect added to the matching item may mean an effect of visually differentiating from other items. For example, the user terminal 100 can visually distinguish the matching item from other items by designating the font, color, size, thickness, saturation, and brightness of the matching item differently from other items. Alternatively, the user terminal 100 may underline the matching item or display it in italics. Alternatively, the user terminal 100 may make the background color and the background pattern of the matching item different from other items, or make the thickness and color of the outline different from other items.

Also, the user terminal 100 may display a list UI including a link corresponding to each of the matching items on the web page 10 (S160). The user 100 can select a link included in the list UI and directly go to a web page of a desired item.

At this time, in one embodiment, the user terminal 10 may arrange the list UI by arranging the links corresponding to the matching items in order of the retrieved time, and display the list UI. That is, the user terminal 10 can be positioned higher as the most recently searched item. For this purpose, the user terminal 10 or the web server 20 may store previously searched items in order or with a search time.

In another embodiment, the user terminal 10 may arrange the list UI by listing the links corresponding to each of the matching items in the order of the searched number, and may display the list UI. For this purpose, the user terminal 10 or the web server 20 can count the number of retrieval of each menu item in advance.

Meanwhile, when the cursor, the mouse indicator, and the like are overlaid on the link included in the list UI, the user terminal 100 may reflect the cursor on the site map. That is, when the user terminal 100 is over any one of the links included in the list UI and the mouse indicator is overlaid, the user terminal 100 can additionally give a visual effect to the corresponding item on the site map.

5 shows an example in which the user terminal 100 overlaps and displays the site map and the list UI on a web page in a state in which a search word is input to the search UI 13. [ The example of FIG. 5 shows an example in which the search UI is implemented in the quick menu.

5, when the search word "bow" is input to the search UI 31, the user terminal 100 searches the search UI (among the items constituting the site map 20) 31) can be determined based on the matching term matching the search term "bow ". The user terminal 100 may determine that the item including the search term "bow" is a matching item. In the example of FIG. 5, items of "use case" 21, "use case list 22", "use case registration / application" 23 and "service utilization application" 23 can be judged as matching items.

In addition, the user terminal 100 may assign a predetermined visual effect to an item determined to be a matching item among the items included in the site map 20. As shown in the example of Fig. 5, the "use case" 21, the "use case list" 22, the use case detail information 23, the use case registration / modification 24, "Item (25) can be displayed as a large and bold outline compared to other items.

The user terminal 100 may also display a list UI 32 containing links corresponding to each of the matching items. 5, the user terminal 100 includes a "use case" 21, a "use case list" 22, use case detail information 23, use case registration / modification 24 ) And a list UI 32 including a link corresponding to the item "application for service utilization" 25, and the title of each link may be the name and / or address (URL) of the corresponding item have.

The steps S140 through S160 may be repeatedly performed every time characters are added to or deleted from the search UI 13 (refer to step S170). That is, the steps S140 through S160 may be performed each time the content input to the search UI 31 is changed.

For example, the user terminal 100 acquires a search word input to the search UI 13 every time the content input to the search UI 13 is changed, and determines a matching item corresponding to the acquired search term , A visual effect can be given to the determined matching item. Of course, it is determined as a matching item in the past, but since the search word is changed, it is possible to remove the visual effect that was given in the case of an item which is no longer determined as a matching item. Also, the user terminal 100 can reconstruct and display the list UI 30 including the link corresponding to the newly determined matching item. Therefore, while the user is inputting the search term in the search UI 13, the visual effect and / or contents of the list UI 30 can be continuously changed.

The method for improving the accessibility of the web site can be performed by renting / executing a web page provided by the web server 20 to the user terminal 100 by a web browser installed in the user terminal 100. That is, when the user terminal 100 requests a web page to the web server 200, the web server 200 can provide the web page to the user terminal 10, Can be controlled by the user terminal 100, and more particularly, by the web browser installed in the user terminal 100, so that the user terminal 100 performs the above-described method for improving the website accessibility have.

FIG. 6 is a block diagram showing a schematic configuration of a user terminal 100 that performs a method for improving a website accessibility according to an embodiment of the present invention.

6, the user terminal 100 includes a receiving module 110, a web page display module 120, a sensing module 130, a site map display module 140, a matching item determination module 150, A visual effect adding module 160, and a list UI display module 170.

According to an embodiment of the present invention, some of the above-described components may not necessarily correspond to components necessary for implementation of the present invention. For example, the employment support system 100 may include more components. For example, the user terminal 100 may include other components included in the user terminal 100 (e.g., the receiving module 110, the web page display module 120, the sensing module 130, (Not shown) that can control the functions and / or resources of the display module 140, the matching item determination module 150, the visual effect adding module 160, the list UI display module 170, and the like . The user terminal 100 further includes various input and output means (e.g., a keyboard, a touch pad, a display device, a touch screen, etc.) for performing interaction with a user, a sensor, a communication module for wired / wireless communication .

The user terminal 100 may have hardware resources and / or software (for example, web page source code) necessary for implementing the technical idea of the present invention, Or does not mean a single device. That is, the user terminal 100 may mean a logical combination of hardware and / or software provided to implement the technical idea of the present invention. If necessary, the user terminal 100 may be installed in a separate apparatus to perform respective functions And may be embodied as a set of logical structures for realizing the technical idea of the present invention. Also, the user terminal 100 may mean a set of configurations separately implemented for each function or role for realizing the technical idea of the present invention. For example, the receiving module 110, the web page display module 120, the sensing module 130, the site map display module 140, the matching item determination module 150, the visual effect adding module 160, and / Or the list UI display module 170 may be located on different physical devices or on the same physical device. According to an embodiment of the present invention, the reception module 110, the web page display module 120, the detection module 130, the site map display module 140, the matching item determination module 150, ) And / or the list UI display module 170 may also be located in different physical devices, and configurations located in different physical devices may be organically coupled to each other to implement each of the modules have.

In this specification, a module may mean a functional and structural combination of hardware for carrying out the technical idea of the present invention and software for driving the hardware. For example, the module may refer to a logical unit of a predetermined code and a hardware resource for executing the predetermined code, and it does not necessarily mean a physically connected code or a kind of hardware But can be easily deduced to the average expert in the field of the present invention.

Hereinafter, each component constituting the user terminal 100 will be described in detail with reference to FIG.

The receiving module 110 may receive the web page 10 from the web site 200. At this time, the web page may include a search UI 13 for receiving a search word.

The web page display module 120 may display the web page 10 received by the receiving module 110 on the screen.

The detection module 130 may detect that a character is input to the search UI 13 included in the displayed web page 10.

The site map display module 140 can display the site map 20 of the web site 200 on the web page 10 when the web page 10 detects the input of characters in the search UI 13 have.

The matching item determination module 150 may determine a matching item that matches the search word input in the search UI 13 among the items constituting the site map 20 of the web site 200.

The visual effect adding module 160 may add a predetermined visual effect to the matching item included in the site map 20. [

The list UI display module 170 may display a list UI 32 including a link corresponding to each of the matching items on the web page 10 in an overlapped manner.

Each time a character is added to or deleted from the search UI, the matching item determination module 150 determines the matching item, and the visual effect adding module 160 adds the visual effect to the matching item And the list UI display module 170 may display a list UI including a link corresponding to each of the matching items.

Meanwhile, in one embodiment, the list UI display module 170 may arrange the list UI by arranging the links corresponding to the matching items in order of the retrieved time, and may display the list UI.

In another embodiment, the list UI display module 170 may arrange the list UI by arranging the links corresponding to each of the matching items in the order of the searched number, and may display the list UI.

Meanwhile, according to an embodiment, the user terminal 100 performing the method of enhancing the website accessibility may include a processor and a memory for storing a program executed by the processor. The processor may include a single-core CPU or a multi-core CPU. The memory may include high speed random access memory and may include non-volatile memory such as one or more magnetic disk storage devices, flash memory devices, or other non-volatile solid state memory devices. Access to the memory by the processor and other components can be controlled by the memory controller. Here, when the program is executed by a processor, the program may cause the user terminal 100 according to the present embodiment to perform a method for improving the accessibility of the website.

Meanwhile, the method for improving the website accessibility according to the embodiment of the present invention may be implemented in the form of computer readable program instructions and stored in a computer-readable recording medium. The program can also be stored in a computer-readable recording medium. A computer-readable recording medium includes all kinds of recording apparatuses in which data that can be read by a computer system is stored.

Program instructions to be recorded on a recording medium may be those specially designed and constructed for the present invention or may be available to those skilled in the art of software.

Examples of the computer-readable recording medium include magnetic media such as a hard disk, a floppy disk and a magnetic tape, optical media such as CD-ROM and DVD, a floptical disk, And hardware devices that are specially configured to store and execute program instructions such as magneto-optical media and ROM, RAM, flash memory, and the like. The above-mentioned medium may also be a transmission medium such as a light or metal wire, wave guide, etc., including a carrier wave for transmitting a signal designating a program command, a data structure and the like. The computer readable recording medium may also be distributed over a networked computer system so that computer readable code can be stored and executed in a distributed manner.

Examples of program instructions include machine language code such as those produced by a compiler, as well as devices for processing information electronically using an interpreter or the like, for example, a high-level language code that can be executed by a computer.

The hardware devices described above may be configured to operate as one or more software modules to perform the operations of the present invention, and vice versa.

It will be understood by those skilled in the art that the foregoing description of the present invention is for illustrative purposes only and that those of ordinary skill in the art can readily understand that various changes and modifications may be made without departing from the spirit or essential characteristics of the present invention. will be. It is therefore to be understood that the above-described embodiments are illustrative in all aspects and not restrictive. For example, each component described as a single entity may be distributed and implemented, and components described as being distributed may also be implemented in a combined form.

It is intended that the present invention covers the modifications and variations of this invention provided they come within the scope of the appended claims and their equivalents. .

Claims (16)

A user terminal receiving a web page from a web site, the web page including a search interface (UI) for receiving a search query;
A web page display step of displaying the received web page by the user terminal;
A sensing step of the user terminal sensing that a character is input to the search UI included in the displayed web page;
And displaying a site map of the web site when the user terminal detects that a character is input in the search UI.
The method according to claim 1,
The web site accessibility improvement method includes:
A matching item determination step of determining, by the user terminal, a matching item that matches a search word entered in the search UI among items constituting a site map of the website; And
Wherein the user terminal further comprises a visual effect adding step of adding a predetermined visual effect to the matching item included in the site map.
3. The method of claim 2,
Wherein the matching item determination step and the visual effect adding step are performed whenever a character is added or deleted in the search UI.
The method according to claim 1,
Wherein the search UI is implemented in a quick menu included in the web page.
The method according to claim 1,
The web site accessibility improvement method includes:
A matching item determination step of determining a matching item matching a search word entered in the search UI among items constituting a site map of the website; And
And a list UI display step of displaying a list UI including a link corresponding to each of the matching items.
6. The method of claim 5,
Wherein the matching item determination step and the list UI display step are performed whenever a character is added or deleted in the search UI.
6. The method of claim 5,
The list UI display step may include:
And arranging the list UI in the order of the retrieved chronological order, and displaying the list UI.
6. The method of claim 5,
The list UI display step may include:
And arranging the list UI in the order of the number of times of searching corresponding to each of the matching items, and displaying the list UI.
A computer program installed in a data processing apparatus and stored in a recording medium for performing the method according to any one of claims 1 to 8.
A receiving module for receiving a web page from a web site, the web page including a search UI for receiving a search word;
A web page display module for displaying the received web page;
A sensing module for sensing that a character is input to the search UI included in the displayed web page;
And a site map display module for displaying a site map of the web site when it detects that a character is input in the search UI.
11. The method of claim 10,
The user terminal comprises:
A matching item determination module that determines a matching item that matches a search word entered in the search UI among items constituting a site map of the website; And
Further comprising a visual effect adding module for adding a predetermined visual effect to the matching item included in the site map.
12. The method of claim 11,
Each time a character is added to or deleted from the search UI,
Wherein the matching item determination module determines the matching item, and the visual effect adding module adds the visual effect to the matching item.
11. The method of claim 10,
The user terminal comprises:
A matching item determination module that determines a matching item that matches a search word entered in the search UI among items constituting a site map of the website; And
And a list UI display module for displaying a list UI including links corresponding to each of the matching items.
14. The method of claim 13,
Each time a character is added to or deleted from the search UI,
Wherein the matching item determination module determines the matching item, and the list UI display module displays a list UI including a link corresponding to each of the matching items.
14. The method of claim 13,
The list UI display module includes:
Arranging the list UI in the order of the retrieved chronological order, and displaying the list UI.
14. The method of claim 13,
The list UI display module includes:
Arranging the list UI in the order of the number of times the links corresponding to each of the matching items are searched for, and displaying the list UI.

Images