KR101968979B1 - Method for configuring user interface - Google Patents

Abstract

The present invention relates to a method of configuring a user interface, and more particularly, to a method of configuring a user interface, the method comprising: setting a display condition for a grid configured to include information of a plurality of data including at least one row and a column; And displaying a data list including information of a plurality of data according to the set display condition when the scroll bar is moved, wherein the display condition is a form of a grid displayed on the user interface at the time of moving the scroll bar, And when the type of the grid is set, it operates according to the height or unit of the row set in advance when the scroll bar is moved, and when the interval to be activated in the grid is set, the scroll bar movement Only the information of the data corresponding to the section set in the scroll bar is displayed, and when the movement of the scroll bar stops at the specific section, the data list is updated based on the specific section.

Description

{METHOD FOR CONFIGURING USER INTERFACE}

BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a method of constructing a user interface, and more particularly, to a method of constructing a user interface that enables a user to quickly and accurately search a data by improving a scrolling speed.

Recently, smart phone, PDA, smart PAD, netbook and smart phone terminals are expanding and widespread, so user interface is evolving very diverse. Most smart devices implement the function instead of a mouse, which is a conventional input device, through a touch input. In addition, recently, a large-sized display supporting high-definition (HD) or ultra high definition (UHD) resolution is rapidly spreading, and information to be displayed on the display screen is increasing day by day. In addition, as the spread of smartphones has expanded in recent years, the amount of information that users are exposed to is so great that it is said to be a flood of information. As a result, the need for efficient processing and display of big data is increasing day by day for users and smart devices.

The user scrolls the display screen displaying the data list and searches for desired information in order to access desired data among various and large data. For this purpose, conventionally, as the scroll bar moves, a data list displayed on the display screen also displays a data list corresponding to the data list. At this time, since the entire data list is updated at the same time as the scroll bar is moved, There is a problem that the list is loaded at a slow speed and it is difficult to quickly access the data.

Accordingly, when displaying such a large amount of data on a display screen such as a high-resolution large screen or a portable smart device, a technology is developed that allows the user to quickly and accurately move to a desired position and easily access desired data There is a need.

SUMMARY OF THE INVENTION Accordingly, the present invention has been made to solve the above-mentioned problems occurring in the prior art, and provides a method of constructing a user interface that enables a user to move quickly to a desired position in a scroll operation.

In addition, the present invention provides a method of constructing a user interface that allows a user to more easily confirm position information so that only a predetermined section is activated and displayed in a scroll operation.

The objects of the present invention are not limited to those mentioned above, and other objects not mentioned can be clearly understood by those skilled in the art from the following description.

According to another aspect of the present invention, there is provided a method for configuring a user interface, the method comprising: setting a display condition for a grid including at least one row and column and including a plurality of pieces of data; And displaying a data list including information of a plurality of data according to the set display condition when the scroll bar is moved, wherein the display condition is a form of a grid displayed on the user interface at the time of moving the scroll bar, And when the type of the grid is set, it operates according to the height or unit of the row set in advance when the scroll bar is moved, and when the interval to be activated in the grid is set, the scroll bar movement Only the information of the data corresponding to the section set in the scroll bar is displayed, and when the movement of the scroll bar stops at the specific section, the data list is updated based on the specific section.

According to the present invention, a user can move to a desired position more quickly in a scroll operation.

In addition, according to the present invention, in the scroll operation, the user can more easily confirm the position information so that only a predetermined section is activated and displayed.

The effects of the present invention are not limited to those mentioned above, and other effects not mentioned can be clearly understood by those skilled in the art from the following description.

1 is a diagram showing a configuration of a user interface according to an embodiment of the present invention;
2 is a diagram illustrating a user interface configured in accordance with a first embodiment of the present invention;
Figure 3 is a diagram illustrating a user interface configured in accordance with a second embodiment of the present invention;
Figure 4 illustrates a user interface configured in accordance with a third embodiment of the present invention;
5 is a diagram illustrating a user interface configured in accordance with a fourth embodiment of the present invention;
6 illustrates a user interface configured in accordance with a fifth embodiment of the present invention;

BRIEF DESCRIPTION OF THE DRAWINGS The above and other objects, features and advantages of the present invention will be more apparent from the following detailed description taken in conjunction with the accompanying drawings, in which: FIG. In the following description of the present invention, a detailed description of known functions and configurations incorporated herein will be omitted when it may make the subject matter of the present invention rather unclear. Hereinafter, the terms are defined in consideration of donation in the present invention, which may vary depending on the intention of the user, the intention or the custom of the operator.

However, the present invention is not limited to the embodiments described below, but may be embodied in various forms. These embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the invention to those skilled in the art to which the present invention pertains. Only. Therefore, the definition should be based on the contents throughout this specification.

The present invention is for configuring a user interface when a user moves a scroll bar in a user interface displayed on a user terminal. The user interface is configured to activate and display only a predetermined section without scrolling, And displays the position information. Through this, the user can move quickly by releasing the movement of the scroll at a desired position. That is, the user can quickly access desired data.

At this time, the movement of the scroll bar may be a click operation through a mouse or a touch operation of a user. However, this is an embodiment only, and may include all of the operations that generate the scroll operation.

Also, at least one section may be set for some sections, and each section may also be composed of at least one section.

1 is a diagram illustrating a configuration of a user interface according to an embodiment of the present invention.

Referring to FIG. 1, a user interface 100 includes a data display unit 110, an interval setting unit 130, and a condition setting unit 150.

The data display unit 110 displays a list of a plurality of data. At this time, the list may be displayed including detailed information as well as position information for each of a plurality of data constituting the list. In this case, the position (position information) currently displayed in the entire lists can be displayed as a percentage or an index, and when displaying a list of a plurality of data according to the movement of the scroll bar, The position on the interface is calculated and displayed.

However, although a plurality of data has been described as an example for convenience of explanation, the present invention is not limited thereto, and the data may be one or more.

In addition, the data display unit 110 includes a first scroll unit movable in the vertical direction and a second scroll unit movable in the horizontal direction. Through the first scroll portion and the second scroll portion, the user can move the scroll bar and access desired data.

The interval setting unit 130 may set at least one condition for setting the type of the grid displayed on the user interface and / or the interval activated in the grid when the user moves the scroll bar to access the data, The above setting mode is displayed. The user can set the shape of the grid and / or the section to be activated in the grid at the time of moving the scroll bar by selecting any one of the at least one setting mode.

The at least one setting mode may include, for example, a basic mode for activating the entire list, a first setting mode for activating only the uppermost section, a second setting mode for activating only the uppermost section, the stop section and the lowermost section, A third setting mode, and a fourth setting mode in which only a certain section having a specific range is activated.

However, this is merely one embodiment, and is not limited thereto, and can be changed by a user or a developer.

The condition setting unit 150 includes a plurality of conditions that can be applied to the data display unit 110 to display the list. At this time, the list is displayed in the form of a grid having a plurality of rows and columns. The type of the grid displayed on the user interface or the interval activated in the grid is set according to the condition set by the condition setting unit 150.

The multiple conditions may include, for example, autosizing none, autosizing row, pixelscroll off, pixelscroll on, or a multi-format (single format or multiple range) multi-format). That is, the section to be set may have a certain range according to the condition setting of the user.

Specifically, if you set the condition to autosizing none, you will use the height of all the rows in the grid as the value you set in the format, and if you set the condition to autosizing row, Calculated and used.

On the other hand, when the user sets the condition with pixelscroll off, the scroll bar is operated by the grid bar of the grid scroll bar, and the scroll is performed by the line unit (in the row height unit). For example, if the height of a row is 24 pixels, it moves in units of 24 pixels, which is the same as the height of a row when scrolling.

In addition, when the user sets a condition with pixelcroll on, scrolling is performed pixel by pixel when scrolling using the track bar of the grid scroll bar. That is, regardless of the height of the row, it moves in units of one pixel when scrolling.

If the user sets a condition in a single format, the section activated by the selected section setting mode at the time of scroll bar movement has a form in which one piece of data consists of one row.

On the other hand, when the user sets a condition in a multi-format, the section activated by the selected section setting mode at the time of scroll bar movement has a form in which several sub-rows are bundled into one row. That is, a plurality of sub-rows may exist in one row.

However, this is merely one embodiment, and is not limited thereto, and can be changed by a user or a developer.

FIG. 2 is a diagram illustrating a user interface configured according to a first embodiment of the present invention. FIG. 2 shows a case where a first setting mode for activating only a top end section is selected and applied when a scroll bar is moved.

Referring to FIG. 2, when the first setting mode is applied, the user activates and displays only the top end section 201 when the scroll bar is moved. In the activated top end section 201, information of data corresponding to the position of the moving scroll bar .

FIG. 3 is a diagram illustrating a user interface configured according to a second embodiment of the present invention. FIG. 3 illustrates a case where a second setting mode for activating only the uppermost, middle, and lowermost sections is selected and applied when a scroll bar is moved.

Referring to FIG. 3, when the second setting mode is applied, the user activates and displays only the uppermost section 301, the middle section 303 and the lowermost section 305 when the scroll bar is moved, The middle section 303, and the lowermost section 305, information of data corresponding to the position of the moving scroll bar is displayed.

FIG. 4 is a diagram illustrating a user interface configured according to a third embodiment of the present invention. FIG. 4 illustrates a case where a third setting mode for activating only the uppermost and lowermost sections is selected and applied when a scroll bar is moved.

4, when the user operates the scroll bar, only the upper end section 401 and the lower end section 403 are activated and displayed, and the activated upper end section 401 and the lower end section 403 are activated, Each of which displays information of data corresponding to the position of the moving scroll bar.

FIG. 5 is a diagram illustrating a user interface configured according to a fourth embodiment of the present invention. FIG. 5 is a view illustrating a user interface for activating only a partial section when the scroll bar is moved, And the fourth setting mode is selected and applied.

Referring to FIG. 5, when the fourth setting mode is applied, the user activates and displays only the section 501 when the scroll bar is moved, and the information of the data corresponding to the position of the moving scroll bar is displayed in the activated partial section 501 .

As described above, the first to third setting modes are fixed in the activated section, while the fourth setting mode is different in that the activated section is movable. In the fourth setting mode, when the scroll bar is moved, information of data corresponding to the position information of the scroll bar is displayed in the set interval. That is, when the scroll bar moves, the information of the data displayed in the section activated by the movement also changes. However, when the user stops the movement of the scroll bar at a specific position, that is, when the information of the specific data is displayed in the activated section, if the scroll operation is stopped, the information of the data displayed in the section other than the activated section does not change, The data list displayed on the data display unit 110 of the user interface is rearranged based on the specific position.

2 to 5 illustrate a case where the set interval is set as one bar. However, this is only an example, and the set interval may be set to include a plurality of bars, that is, can be changed.

FIG. 6 is a diagram illustrating a user interface configured according to a fifth embodiment of the present invention. FIG. 6 is a diagram illustrating a user interface for activating only a part of a section when the scroll bar is moved, 4 The setting mode is selected and applied. Similar to the fourth embodiment, the fifth embodiment is different in that some sections are set to include three bars. Although FIG. 6 shows a case where three bars are included in a certain section, the number of bars included in the section may be set and changed by a user and a developer.

In addition, the interval set in the first setting mode to the fourth setting mode may be set so as to include a plurality of bars, that is, to include information of a plurality of data.

For this, the user can set the number of bars included in the section to be set according to the condition included in the condition setting unit 150 as single or multi.

However, the present invention is not limited to this. It is also possible that each of the sections set according to the setting of the user includes a plurality of bars .

In addition, although the remaining sections except for the activated section are shown as inactive in FIGS. 2 to 6, the present invention is not limited thereto, and the remaining sections may be hidden so as not to be visible. That is, the remaining sections except for the activated section can be distinguished from the activated section due to inactivation or hidden processing, so that the information of the data displayed in the disabled or hidden processing section is not changed and only the information of the data displayed in the activated section By changing the amount of data to be read according to the movement of the scroll bar is significantly reduced. Only when the user stops moving the scroll bar, the data can be rearranged on the basis of the corresponding section, so that the user can search for desired data more quickly, and quick access is also possible.

Although the present invention has been described with reference to preferred embodiments thereof, it is to be understood that the invention is not limited to the disclosed embodiments, but, on the contrary, It is not intended to limit the scope. It is to be understood by those skilled in the art that other modifications based on the technical idea of the present invention are possible in addition to the embodiments disclosed herein.

Claims (6)

A method of configuring a user interface of a user terminal,
A display condition for a grid configured to include information of a plurality of data including at least one row and a column is set through an interval setting unit and a condition setting unit on the user interface; And
When a scroll bar is moved by a click operation or a touch operation of a user, a data list including a plurality of pieces of data according to the set display condition is displayed on the data display unit on the user interface,
The display condition is for setting the shape of the grid displayed on the user interface at the time of moving the scroll bar or the interval activated within the grid,
When the shape of the grid is set, it operates according to the height or unit of the row set in advance when the scroll bar is moved,
In the case where the interval to be activated in the grid is set, only information of data corresponding to the interval set at the time of scroll bar movement is displayed, and when the movement of the scroll bar stops at a specific interval, the data list is updated Wherein the user interface comprises:
The method according to claim 1,
If a period to be activated in the grid is set,
A first setting mode for activating only the top end section, a second setting mode for activating only the top end, an interruption, and a bottom end section, a third setting mode for activating only the top end and bottom end sections, And a fourth setting mode for setting the interval based on any one of the first to fourth setting modes.
3. The method of claim 2,
The fourth setting mode includes:
And a portion of the predetermined range moves corresponding to the movement of the scroll bar.
The method according to claim 1,
The current position of the entire list including the information of the plurality of data is represented by a percentage or an index. When the scroll bar is moved by the user's click or touch operation, Wherein the position is calculated and displayed.
The method according to claim 1,
If a period to be activated in the grid is set,
Wherein the rest of the period except for the set period is inactivated and displayed or hidden.
The method according to claim 1,
The activated section may include,
Wherein when the scroll bar is moved, one data is composed of one row or a plurality of sub-rows are grouped into one row.

Images