KR101943820B1 - Method for displaying visual information for browsing and method for controling user interface - Google Patents

Abstract

A method and an apparatus for displaying visual information for turn-by-turn browsing according to an embodiment include: acquiring turnaround information corresponding to each of a plurality of elements included in a list; and based on turnaround information, Determines visual information indicating a relative position, and displays visual information corresponding to each of the plurality of elements.

Description

[0001] METHOD FOR DISPLAYING VISUAL INFORMATION FOR BROWSING AND METHOD FOR CONTROLLING USER INTERFACE [0002]

The following embodiments are directed to a method for displaying visual information for turn-by-turn browsing and a method for controlling a user interface.

Services and applications that provide contents in various fields such as web novels and webtoons are provided through smart phones. The user can search for the number of times that he or she wants to see by the number of times or the number of times given to the plurality of times included in the time difference list of the contents. When searching a list of feature content, the user can perform fast scrolling on the list of items for quick searching. It is inconvenient for the user to identify the current position by stopping the screen in the middle of scrolling since it is difficult for the user to accurately identify the turn number or the turn title. As a result, it is not easy for the user to know how much the current scroll portion has progressed on the story development of the contents in the sequential browsing process through the fast scroll.

According to one embodiment, a method of displaying visual information for an iterative browsing comprises: obtaining offset information corresponding to each of a plurality of elements included in the list; Determining visual information indicating a relative position of each of the plurality of elements in the list based on the turnaround information; And displaying the visual information corresponding to each of the plurality of elements.

The list may correspond to content, and the plurality of elements may correspond to a plurality of occurrences included in the content.

The determining step may include determining a frame corresponding to a relative position of a corresponding one of a plurality of consecutive frames indicating the degree of progress of the rotation as the visual information of the corresponding element.

The determining step may include determining the visual information of the corresponding element to indicate a degree of progress of the drawing by filling a predetermined figure - the space of the figure corresponds to the relative position of the corresponding element .

The determining may comprise determining a predetermined character as the visual information of the corresponding element, the outline of the character corresponding to the relative position of the corresponding element to indicate the degree of progress of the step.

Wherein the method for displaying visual information for the sequential browsing further comprises checking whether a new element is added to or removed from the list and whether the existing element has been deleted from the list, The displaying may be performed in response to adding a new element to the list or deleting an existing element from the list.

Consecutive frames of moving pictures can be represented by the visual information displayed corresponding to each of the plurality of elements at the time of scroll input.

According to one embodiment, a method of controlling a user interface includes receiving a scroll input directed to a user interface displaying a plurality of elements contained in the list; Obtaining a speed of scrolling by the scroll input; And changing and displaying at least a part of the area in the user interface based on the speed of the scroll.

The list may correspond to content, and the plurality of elements may correspond to a plurality of occurrences included in the content.

The displaying may include changing and displaying the at least a part of the area in the user interface when the speed of the scrolling is greater than or equal to a predetermined threshold speed.

The displaying may include modifying and displaying the at least a portion of the area in the user interface while the speed of the scrolling is maintained above a predetermined threshold speed.

Wherein the step of displaying comprises: if the speed of the scroll is equal to or greater than a predetermined first threshold speed, changing at least a part of the area in the user interface to display; And restoring and displaying the at least a part of the area in the user interface before the change if the speed of the scroll becomes smaller than a predetermined second threshold speed.

The displaying may include modifying the visual information based on the speed of the scroll to represent a relative position of a corresponding element in the list corresponding to each of the plurality of elements.

The displaying step may include replacing at least a part of the user interface with an advertisement area based on the speed of the scroll.

The at least a part of the area in the user interface may include an area in which a thumbnail image of the plurality of elements is displayed.

The displaying may include modifying the visual information based on the speed of the scrolling so that the ad content is displayed by the afterglow of the scrolling.

Wherein the modifying the visual information comprises: dividing the advertisement content into portions corresponding to each of the plurality of elements; And inserting the divided advertisement contents into each of the plurality of elements at regular intervals.

Wherein the dividing step includes: discretionally dividing the advertisement content so that the advertisement content is displayed by the scroll; And dividing the advertisement content so that the appearance of the advertisement content is sequentially displayed by the scroll.

The displaying step may include adding the additional information to the visual information corresponding to each of the plurality of elements based on the speed of the scroll.

FIG. 1 is a view showing screens displayed to a user by a method of displaying visual information for turn-by-turn browsing according to an exemplary embodiment.
2 is a flow diagram illustrating a method for displaying visual information for turn-by-turn browsing according to one embodiment.
3 illustrates a method for representing the relative position of each of a plurality of elements in a list by the degree to which the figure is filled in accordance with one embodiment;
4 is a diagram for describing a method of representing the relative position of each of a plurality of elements in a list by a change in appearance of a character according to an embodiment;
5 is a diagram illustrating a method for representing the relative position of each of a plurality of elements in a list by a shape change of an image according to an embodiment;
6 is a flow diagram illustrating a method for controlling a user interface according to one embodiment.
FIG. 7 illustrates a method of displaying advertisement contents in a user interface area according to an embodiment; FIG.
FIG. 8 is a diagram illustrating a method of displaying advertisement contents in a user interface area according to another embodiment; FIG.

In the following, embodiments will be described in detail with reference to the accompanying drawings. Like reference symbols in the drawings denote like elements. Various modifications may be made to the embodiments described below. It is to be understood that the embodiments described below are not intended to limit the embodiments, but include all modifications, equivalents, and alternatives to them.

The terms used in the examples are used only to illustrate specific embodiments and are not intended to limit the embodiments. 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 one or more other features, integers, steps, operations, elements, components, or combinations thereof.

Unless defined otherwise, 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 embodiment belongs. Terms such as those defined in commonly used dictionaries are to be interpreted as having a meaning consistent with the contextual meaning of the related art and are to be interpreted as either ideal or overly formal in the sense of the present application Do not.

In the following description of the present invention with reference to the accompanying drawings, the same components are denoted by the same reference numerals regardless of the reference numerals, and redundant explanations thereof will be omitted. In the following description of the embodiments, a detailed description of related arts will be omitted if it is determined that the gist of the embodiments may be unnecessarily blurred.

FIG. 1 is a view showing screens displayed to a user by a method of displaying visual information for turn-by-turn browsing according to an embodiment. Referring to FIG. 1, at the end of scrolling of a representative screen 110 of a list, a screen 130 displayed to a user and a representative screen 110 of a list at the time of quick scroll input to the representative screen 110 of the list A screen 150 shown to the user is shown. "Scroll" is an operation to move information (eg, a list) displayed on a screen or panel in a predetermined direction (eg, vertical or horizontal) Can be understood. As scrolling causes some of the information to disappear to one side of the screen, new information appears on the other side.

A list contains a plurality of elements. Multiple elements are ordered and separated from each other in the list. For example, the list may contain ten elements corresponding to one to ten occurrences.

A user interface (hereinafter referred to as a " list interface ") for displaying a list can display a plurality of elements contained in the list separately. For example, the list interface can allocate an area of a predetermined size for an element corresponding to a specific rotation, and display information such as text, image, and the like representing the rotation in the corresponding area.

The representative screen 110 of the list may include images corresponding to each of the plurality of times of the list corresponding to the contents. At this time, the image corresponding to each of the plurality of images is, for example, a representative image of the content. A character image of the main character of the content, and a thumbnail image corresponding to each of a plurality of times included in the content. The images corresponding to each of the plurality of times may be represented by an image (moving picture) or an animation connected to each other at the time of quick scroll input.

According to one embodiment, the list interface may control the screen such that significant information is displayed using at least some of the scrolling operations above the threshold speed.

For example, assume that the scrolling speed at the time of scrolling input by the user on the representative screen 110 of the list is equal to or greater than a predetermined threshold speed.

Due to the afterimage effect of the image continuously displayed by the scrolling, the scene of each representative image can be viewed as a connected image or a moving animation like the screen 130.

Generally, the list interface updates the information displayed on the screen in display line units in order to produce a smooth scroll effect. Here, the display line may be a line or a line constituting a screen, which means a line perpendicular to the scroll direction. For example, when the scroll input is received in the situation where the first to fifth rotations are displayed on the representative screen 110, one line in the area displaying the corresponding element at one time disappears, One line may appear in the area representing the element. However, when the screen is updated in units of display lines, it may be difficult to realize the animation effect using the afterimage.

The list interface according to an embodiment can update information displayed in a predetermined area on an element-by-element basis in order to realize an animation effect using a residual image. For example, the area displayed at the bottom of the screen 130 may be updated on an element-by-element basis instead of being updated on a per display line basis during scrolling. The predetermined region may be a region corresponding to a single element, or may be a region corresponding to a plurality of elements according to an embodiment. In addition, the position of the predetermined area can be set variously such as the bottom, center, and top of the screen.

At this time, the user can grasp the relative position of the rotation which is currently searched among the plurality of rotation motions through the connected image or the moving animation.

According to one embodiment, the scene of each representative image is displayed as a connected image or a moving animation due to the afterglow effect of an image continuously displayed during a fast scroll operation, so that the user can easily recognize the current position in the story development flow So that they can identify which part they are. In addition, it is possible to visually indicate the position of the entire flow of the story to be searched up to now so that the readability and the information transfer capability of the user can be increased. In other words, it is possible to easily grasp how many times the user is searching through the visual information in place of the text information which is difficult to read during the fast scroll operation.

For example, the user may scroll through the animation 130 as shown in FIG. 13, and then scroll the animation when the motion of the animation corresponding to the previous rotation or the desired rotation is displayed.

According to one embodiment, the list interface may display a particular image in at least a portion of the region predetermined during scrolling above the threshold speed. The specific image may include various images such as advertisement, additional information, and the like. A meaningful image is conveyed to the user instead of displaying the information that the readability and the transfer ability are low during the fast scroll operation, so that the interface space wasted during the fast scroll operation can be recycled.

As the scrolling is completed, a screen 150 different from the screen 130 displayed to the user at the time of quick scroll input is displayed to the user. At this time, the screen 150 may be the same as or different from the representative screen 110 of the list. According to the embodiment, when the speed of the scroll input is gradually lowered below the predetermined threshold speed at the end of the scrolling, a separate image corresponding to the reduced scrolling speed may be displayed on the screen 150. [

According to one embodiment, a storytelling element is given by visual information such as an animation, an image, or a character, thereby lowering the user's fatigue in a sequential browsing process and giving a fun. Further, an animation scene containing the story flow of the contents is displayed by the representative image corresponding to the plurality of times, so that the user can grasp the story development in a connected manner. Also, it is possible to recycle the wasted interface space during fast scrolling beyond the critical speed, and to transmit meaningful information to the user.

2 is a flowchart illustrating a method for displaying visual information for turn-by-turn browsing according to an embodiment. Referring to FIG. 2, an apparatus for displaying visual information according to an exemplary embodiment (hereinafter, referred to as 'display apparatus') acquires position information corresponding to each of a plurality of elements included in a list (210). The display device may be implemented with one or more software modules, one or more hardware modules, or various combinations thereof. The display device may include various computing devices such as smart phones, wearable devices, personal computers, tablet computers, laptop computers, and the like.

The list can correspond to various contents such as animation, cartoon, novel, game, and the like. As described above, the plurality of elements may correspond to a plurality of rotation included in the content. The turnaround information may include, for example, contents of the turn, an individual list corresponding to the turn, and title information corresponding to the turn.

The display device determines (220) visual information indicating the relative position of each of the plurality of elements in the list based on the position information obtained in step (210). The visual information may be indicative of progress or degree of progressive progression. The display device can display the relative position of the corresponding element among the plurality of elements, for example, by visual information.

For example, the turnaround information obtained in step 210 may include information that the total number of turns in the list is 49, and the specific individual turn is 25 turns. In this case, the visual information indicating the relative position of the individual rotation can be determined corresponding to 25 (individual rotation) / 49 (total rotation).

According to the embodiment, the display device can determine the visual information of the plurality of elements using a plurality of consecutive frames indicating the degree of progress of the rotation. For example, the display device can grasp the relative position of each of the plurality of elements. Further, the display device can determine a frame corresponding to a relative position of a corresponding one of a plurality of consecutive frames. The display device can determine the frame determined corresponding to the relative position of the corresponding element among the plurality of consecutive frames as the visual information of the corresponding element.

A method by which the display device determines visual information indicating the relative position of each of a plurality of elements in the list will be described with reference to Figs.

The display device displays the time information determined in step 220 corresponding to each of the plurality of elements (230). The display device can display visual information indicating the relative position of the rotation in the area corresponding to the individual rotation of the area of the list displayed on the screen. At this time, consecutive frames of the moving picture can be displayed at the time of scrolling by the visual information displayed corresponding to each of the plurality of elements.

According to the embodiment, the display device can check whether a new element is added to the list or an existing element is deleted from the list. The display device can perform the above-described steps 210 to 230 in response to a new element being added to the list or an existing element being deleted from the list.

For example, suppose that the total number of entries in the list increased from 49 to 50. The display device can determine the visual information indicating the changed relative position of each of the individual times for the total times increased by 49 to 50 times. The display device can determine the visual information changed corresponding to the relative position changed from 25 (individual rotation) / 49 (total rotation) to 25/50 as the visual information of the individual rotation (25 rotation), for example.

3 is a diagram illustrating a method of representing the relative position of each of a plurality of elements in a list by the degree to which the figure is filled in accordance with an embodiment. Referring to FIG. 3, there is shown a circular graph that can indicate the relative position of the individual turns, and a round graph when the scroll is entered.

The display device according to an exemplary embodiment may indicate the degree of progress of the rotation by the degree of filling the space of the graphic form. Figures may include, for example, circles, cylinders, bars, triangles, squares, various other types of graphs, and various types of graphs such as circles, bars,

The display device can determine the filled shape as the visual information of the corresponding element corresponding to the relative position of the corresponding element.

The display device can give a circular graph capable of indicating the relative position of the corresponding individual turn to the thumbnail corresponding to the individual turn of the contents as the screen 310. [ The display device can determine the circular graph in which one-tenth of the space of the circular graph is filled, corresponding to the relative position of, for example, one out of the total 10 times, as the one-time visual information. Also, the display device can determine the three-dimensional visual information as a circular graph in which 3/10 of the space of the circular graph is filled in correspondence to the relative positions of three times of the total 10 times.

The circular graph filled in correspondence with the position relative to each turn is gradually filled up with the circular graph which was empty like the screen 330 at the time of the user's quick scroll input targeting the user interface displaying the plurality of times included in the list Can be represented by continuous operation. The user can determine the percentage of the total story amount of the contents that are currently being searched by the degree to which the graph is filled in the clockwise or counterclockwise direction by scrolling, that is, . At this time, in the partial region 335 of the screen 330, a continuous operation in which the circular graph is gradually filled can be displayed.

According to one embodiment, the user can determine whether the position of the position of the scroll being searched through the scroll in the entire story of the contents or the current list corresponding to the current list is visual information such as the shape of the pie graph Intuitively.

According to one embodiment, a graphic may not be displayed at the time of scrolling below the critical speed, but may be controlled to be displayed at the time of scrolling beyond the critical speed. Further, as described above with reference to FIG. 1, information displayed in a predetermined area can be controlled to be updated on an element-by-element basis, not on a display line basis, so that the afterimage effect can be used when scrolling beyond a critical velocity.

4 is a view for explaining a method of representing the relative position of each of a plurality of elements in a list by changing the outline of a character according to an embodiment. Referring to FIG. 4, there is shown a character picture capable of indicating the relative position of the individual turn and a shape of the character being changed while the after-image of the character picture is overlapped when the scroll is input. The character may correspond to, for example, the main character of the content.

The display device according to one embodiment can display the degree of progress of the character by the appearance (for example, the face image) of the character.

The display device can determine the outline of the changed character corresponding to the relative position of the corresponding element as the visual information of the corresponding element.

The display device can determine the main character having the face corresponding to the age of 7 years of the total life span of 70 years as the visual information of the first turn in correspondence with the relative position of one out of 10 times as in the screen 410. Also, the display device can determine the character of the main character having the face corresponding to the age of 21 as the third visual information corresponding to the relative position of three times of the total 10 times.

When the user inputs a quick scroll of a user interface displaying a plurality of times included in the list, the main character having a face corresponding to the age of seven as shown on the screen 430 overlaps the face image, It can be expressed as an animation of getting older gradually. The user can grasp a percentage of the total amount of the entire contents of the contents, in other words, the number of times of the current browsing, through the degree of change of the face of the main character by scrolling. At this time, in the partial region 435 of the screen 430, a continuous motion in which the face of the main character gradually changes can be expressed.

For example, the face of the character is not necessarily limited to the face, but may be various shapes such as a character's costume, facial expression, hair style, The degree of progress of the rotation can be indicated.

For example, the display device can extract the representative images corresponding to each of the plurality of times of the contents, and correct the positions, and the angles of the eyes, nose, and mouth of the extracted representative images equally. The display device may display the corrected representative images in an individual list corresponding to each of the individual times.

The user can grasp the position of the turning point that is more clearly detected than the numeric or character information that is difficult to identify during scrolling through the appearance information of the inserted character corresponding to the individual turning.

According to an exemplary embodiment, a general thumbnail image or the like may be displayed instead of the appearance information of the character at the time of scrolling below the critical speed, and then the appearance information of the character may be displayed at the time of scrolling beyond the critical speed. Also, as described above with reference to FIG. 1, information displayed in a predetermined area can be controlled so as to be updated on an element-by-element basis, not on a display line basis, so as to utilize the afterimage effect when scrolling beyond a critical velocity.

5 is a diagram for explaining a method of representing the relative position of each of a plurality of elements in a list by a shape change of an image according to an embodiment. Referring to Fig. 5, there are shown the shapes of the book images that can indicate the relative positions of the individual turns, and the shapes of the book images where the book covers are unfolded and the bookcases are turned over at the scroll input.

The display device according to one embodiment can display the degree of progress of the progress by the shape of the image (for example, the book image). The display device can, for example, insert the book image of the book into the list to grasp the position of the current book.

The display device can determine the shape corresponding to the relative position of the corresponding element among the plurality of shapes of the book image indicating the degree of progress of the turning as the visual information of the corresponding element.

The display device can determine the closed shape of the book cover among the plurality of shapes of the book image as the one-time visual information corresponding to the relative position of the book cover once, for example, as the screen 510 . The display device can determine the shape of the book cover spread by 2/3 as the third information of visual information corresponding to the relative position of three times of the total 20 times. In addition, the display device can determine the shape of the bookcase that is about half of the total of 20 times as the 10th order of visual information as corresponding to the relative position of 10 times.

When the user quickly scrolls the user interface that displays a plurality of times included in the list, the user can quickly scroll through the book 530 on the screen 530 and the degree of spread 535 of the book, Of the content, in other words, how much of the content the user has read.

At the time of the user's quick scroll input, a book cover may be unfolded like a screen 550 at a predetermined position of the screen, and a shape in which a book is flipped until one book is read may be displayed as an animation.

For example, if the list is a long list of books that leads to several books, the user can memorize which portion of the book has been read as a book image instead of the book number, so that the user can stop scrolling at a desired point, It is easy to find the difference. When the list includes a plurality of series or series of series of series, it is possible to represent the degree of progress of the series according to the changed shapes of images similar to each other for each series of the series, May be used.

According to an embodiment, when scrolling below a critical speed, a normal thumbnail image or the like may be displayed in place of the image of the above-described shape, and then the image of the above-described shape may be displayed at the time of scrolling beyond the critical speed. Further, as described above with reference to FIG. 1, information displayed in a predetermined area can be controlled to be updated on an element-by-element basis, not on a display line basis, so that the afterimage effect can be used when scrolling beyond a critical velocity.

6 is a flowchart illustrating a method of controlling a user interface according to an embodiment. Referring to FIG. 6, the display device receives a scroll input for a user interface displaying a plurality of elements included in the list (610). At this time, the list may correspond to at least one of a series of contents and at least a part of the contents. The list may be, for example, a diagonal list corresponding to the entire contents, a diagonal list corresponding to a part of the contents, and a diagonal list corresponding to the series of contents. In addition, the plurality of elements may correspond to a plurality of times included in the content.

The display device obtains the speed of scrolling by the scroll input (620). The display device can obtain the speed of scrolling, for example, by counting the number of elements passing through the feature region of the display for a certain period of time. Alternatively, the display device may obtain the speed of scrolling corresponding to the scroll input, through a predetermined function or a look-up table.

The display device changes (630) at least a part of the area in the user interface based on the speed of the scroll. The display device can determine whether or not the speed of scrolling satisfies a predetermined condition, and determine whether to change at least a part of the area in the user interface according to the determination result. At least a part of the area may be an area where a thumbnail image or the like is displayed in the user interface.

For example, the display device can change and display at least a part of the area in the user interface while the speed of scrolling is equal to or greater than a predetermined threshold speed, or while the speed of scrolling is maintained above the threshold speed. Alternatively, the display device may change at least a part of the area in the user interface when the speed of scrolling is equal to or greater than a predetermined first threshold speed, and when the speed of scrolling becomes smaller than a predetermined second threshold speed, At least a part of the area can be recovered and displayed before the change.

The display device can display a specific image such as an advertisement on at least a part of the area of the user interface based on the speed of scrolling. Alternatively, the display device may change the visual information to represent the relative position of the corresponding element in the list, corresponding to each of the plurality of elements, based on the speed of the scroll for the user's turn-by-turn browsing.

Alternatively, the display device may change the visual information corresponding to each of the plurality of elements to the advertisement content, or add the advertisement content to the visual information, based on the scroll speed. The manner in which the display device displays the advertisement contents will be described with reference to Figs. According to the embodiment, the display device may display additional information on the visual information corresponding to each of the plurality of elements based on the speed of the scroll.

7 is a diagram illustrating a method of displaying advertisement contents in a user interface area according to an exemplary embodiment of the present invention. Referring to FIG. 7, advertisement contents (for example, advertisement text) displayed in the advertisement area at the time of scrolling are shown.

As the mobile device becomes more common, a long scroll is often caused by a small screen size. In a situation where the user wishes to scroll quickly without reading the content, the long content requiring long scrolling can cause the user to feel uncomfortable and bored. In situations where fast scrolling occurs, the scrolling screen is simply an unnecessary area to cross. As a result, the scroll screen can not provide any interesting information to the user in the process of moving to a specific scroll position through fast scrolling.

In one embodiment, the advertisement contents are provided on the scroll screen that is skipped in the fast scroll state, so that the user can adjust the scroll speed and check the advertisement contents to obtain interesting information or to avoid boredom. In addition, the user can freely control whether or not to view the advertisement content by scrolling, thereby reducing the user's rejection of the advertisement that is unilaterally transmitted.

The display device according to one embodiment may receive a scroll input that targets an area of the user interface that displays a plurality of elements included in the list, such as a screen 710. When the speed of the scroll input satisfies a predetermined condition, the display device can change the visual information corresponding to each element so that the advertisement contents are displayed. In this case, at least a part of the area 715 in which the visual information is displayed while the screen 710 is being scrolled can be utilized as the advertisement area 735 as the screen 730. The advertisement content displayed in the advertisement area 735 may include, for example, an advertisement text, an advertisement image, an advertisement animation, and the like.

A method in which a display device displays advertisement contents in an advertisement area is as follows.

The display device may segment the advertisement content into a portion corresponding to each of the plurality of elements. For example, when the advertisement content is an advertisement text, the display device may be divided into a plurality of points that can constitute a part of the advertisement content and a corresponding advertisement text if the advertisement contents are all combined. If the advertisement content is an advertisement animation, a part of the advertisement content may be divided into at least one of a frame or a frame of a plurality of frames constituting the advertisement animation. Alternatively, when the advertisement content is an advertisement image, a portion of the advertisement content may be divided into an image fragment constituting the advertisement image or a pixel fragment of a certain color.

The display device may discretely divide the advertisement content so that the advertisement content is displayed by scrolling, for example, when the speed of the scroll is equal to or greater than a predetermined threshold speed.

The display device may insert the divided advertisement contents into a plurality of elements at regular intervals. A portion of the divided advertisement content may be inserted at regular intervals in the region 715 of the screen 710 corresponding to each of the plurality of elements, for example.

In the case where the scrolling does not proceed, the part of the divided advertisement contents can not be recognized as the points displayed in the area 715, but the advertisement text is outputted in the situation where the screen is passed through the screen as in the screen 730 . The user is not exposed to the advertisement text in the rest of the situation except for the fast scroll, and therefore, the sense of rejection due to indiscriminate and compulsory advertisement provision can be reduced.

According to the embodiment, the display device may cause different advertisement phrases to be provided by repetitive scrolling on the screen where long scrolling occurs, or different advertisement phrases may be provided according to the speed of scrolling to induce additional advertisement viewing .

The display device may insert an image of each scene constituting the advertisement content or a part of each phrase at regular intervals on a screen where long scrolling occurs and allow the user to enjoy the advertisement through the image or phrase displayed during the scrolling operation have.

The display device can provide advertisements using phrases, images, or animations that appear connected during the scrolling operation if the speed of scrolling is greater than or equal to a predetermined threshold speed.

According to another embodiment, the display device may replace at least a portion 715 of the screen 710 with an advertisement area 735, such as a screen 730, if the speed of the scroll input satisfies a predetermined condition . Here, at least a partial region 715 may be a region in which a thumbnail image or the like is displayed.

In this case, the advertisement content may be exposed in the advertisement area 735 while the speed of the scroll input satisfies a predetermined condition. In addition, if the speed of the scroll input is unsatisfactory with the predetermined condition, the advertisement area 735 can be released.

8 is a view for explaining a method of displaying advertisement contents in a user interface area according to another embodiment. Referring to FIG. 8, an advertisement content (for example, an advertisement animation) displayed in an advertisement area at the time of scrolling is shown.

The display device may divide the advertisement animation including the plurality of frames into portions corresponding to each of the plurality of elements. At this time, if the speed of the scroll satisfies a predetermined condition, the display device can divide the advertisement content so that the appearance of completion of the advertisement content is sequentially displayed by scrolling.

The display device can provide the advertisement contents through the process of completing the picture by stepwise inserting the sequentially drawn images as shown in the screen 810. [ An image to be sequentially drawn can be expressed as an animation in which a picture is gradually completed when the screen 830 is scrolled. At this time, in the predetermined area 835 of the screen, the accumulated images can be superimposed and displayed.

The display device can display the incomplete scene to the user, thereby causing the user to wonder about the next scene or the ending scene, thereby inducing the user to check the advertisement until the end. In addition, the display device can display the contents of the advertisement contents in a moving animation of a continuous image rather than a separate banner or individual image, thereby enabling the user to actively activate the advertisement and to view the advertisement contents.

According to an exemplary embodiment, a general thumbnail image or the like may be displayed instead of a frame included in the advertisement animation at the time of scrolling below the critical speed, and the advertisement animation may be controlled to be displayed at the time of scrolling beyond the threshold speed. Further, as described above with reference to FIG. 1, information displayed in a predetermined area can be controlled to be updated on an element-by-element basis, not on a display line basis, so that the afterimage effect can be used when scrolling beyond a critical velocity.

Although not shown in the drawings, the display device according to an exemplary embodiment may include a processor and a memory. Further, the display device may further include a display and / or a communication interface. The processor, memory, display, and communication interfaces may be interconnected via a communication bus.

The communication interface enables communication with other devices via at least one communication network. According to the embodiment, the rotation information corresponding to each of the plurality of elements included in the list is stored in the memory or can be received from the outside of the display device via the communication interface.

The processor determines visual information indicating the relative position of each of the plurality of elements in the list based on the turnaround information. The processor can determine the frame corresponding to the relative position of the corresponding element among the plurality of frames included in the animation indicating the degree of progress of the rotation as the visual information of the corresponding element, for example. Alternatively, the processor may determine that the shape of the figure (or the shape including the character's age) indicating the degree of progress of the progression is a figure (or a changed character) filled in correspondence with the relative position of the corresponding element among the plurality of elements, .

Alternatively, the visual information may be determined at a remote server connected through a communication interface.

The display displays visual information corresponding to each of the plurality of elements. The display may be a touch display.

According to an embodiment, the display receives a scroll input directed to a user interface displaying a plurality of elements contained in the list. The processor obtains the speed of scrolling by the scroll input and changes the visual information corresponding to each of the plurality of elements based on the speed of the scrolling. The display displays visual information changed by the processor.

Alternatively, the processor may transmit the scroll speed to the remote server using the communication interface and receive the determined visual information from the server based on the scroll speed.

In addition, the processor may perform an algorithm corresponding to at least one method or at least one method described above with respect to Figures 1-8. The processor may execute the program and control the recommendation apparatus. The program code executed by the processor may be stored in a memory.

Memory can store the database. The memory may include high-speed random access memory, such as, for example, DRAM, SRAM, DDR RAM or other fast-access solid-state memory devices. The memory may include volatile memory and non-volatile memory. The memory may optionally include at least one storage device remotely located from the processor.

The display device can be, for example, a user terminal such as a smart phone, a PC, a notebook, a laptop, a wearable device and the like. Or the display device may be a single server computer or similar system, or a plurality of servers arranged in one or more server banks or other arrangements. The display may be in a single facility or it may be a server "cloud " distributed across many different geographic locations.

The embodiments described above may be implemented in hardware components, software components, and / or a combination of hardware components and software components. For example, the apparatuses, methods, and components described in the embodiments may be implemented by, for example, a processor, a controller, a central processing unit (CPU), a graphics processing unit (GPU) arithmetic logic unit, a digital signal processor, a microcomputer, a field programmable gate array (FPGA), a programmable logic unit (PLU), a microprocessor, Application Specific Integrated Circuits (ASICS) may be implemented using one or more general purpose or special purpose computers, such as any other device capable of executing and responding to instructions.

The method according to an embodiment may be implemented in the form of a program command that can be executed through various computer means and recorded in a computer-readable medium. The computer-readable medium may include program instructions, data files, data structures, and the like, alone or in combination. The program instructions to be recorded on the medium may be those specially designed and configured for the embodiments or may be available to those skilled in the art of computer software. Examples of computer-readable media include magnetic media such as hard disks, floppy disks and magnetic tape; optical media such as CD-ROMs and DVDs; magnetic media such as floppy disks; Magneto-optical media, and hardware devices specifically configured to store and execute program instructions such as ROM, RAM, flash memory, and the like. Examples of program instructions include machine language code such as those produced by a compiler, as well as high-level language code that can be executed by a computer using an interpreter or the like. The hardware devices described above may be configured to operate as one or more software modules to perform the operations of the embodiments, and vice versa.

Although the preferred embodiments of the present invention have been disclosed for illustrative purposes, those skilled in the art will appreciate that various modifications, additions and substitutions are possible, without departing from the scope and spirit of the invention as disclosed in the accompanying claims. For example, it is to be understood that the techniques described may be performed in a different order than the described methods, and / or that components of the described systems, structures, devices, circuits, Lt; / RTI > or equivalents, even if it is replaced or replaced. Therefore, other implementations, other embodiments, and equivalents to the claims are also within the scope of the following claims.

Claims (20)

Displaying a thumbnail image of each of a plurality of elements included in the list on an element-by-element basis;
Acquiring per-element information corresponding to each of the plurality of elements;
Determining, for each element, visual information representing a relative position of each of the plurality of elements in the list based on the position information;
Sensing a scroll input to the list; And
Displaying visual information for each element instead of a thumbnail image for each element corresponding to each of the plurality of elements while the list is being scrolled by the scroll input
And displaying the visual information for sequential browsing. The method according to claim 1,
The list corresponds to the content,
Wherein the plurality of elements correspond to a plurality of occurrences included in the content. The method according to claim 1,
The step of determining
Determining a frame corresponding to a relative position of a corresponding one of a plurality of consecutive frames indicating the degree of progress of the rotation as visual information of the corresponding element
And displaying the visual information for sequential browsing. The method according to claim 1,
The step of determining
Determining a visual figure of the corresponding element as a predetermined figure - indicating that the space of the figure corresponds to the relative position of the corresponding element,
And displaying the visual information for sequential browsing. The method according to claim 1,
The step of determining
Determining a visual character of the corresponding element by referring to a predetermined character, the appearance of the character corresponding to the relative position of the corresponding element,
And displaying the visual information for sequential browsing. The method according to claim 1,
Checking whether a new element is added to the list or whether an existing element has been deleted from the list
Further comprising:
The acquiring, determining, sensing, and displaying may comprise:
Wherein the method is performed in response to adding a new element to the list or deleting an existing element from the list. The method according to claim 1,
Wherein consecutive frames of moving images are represented by elemental visual information displayed corresponding to each of the plurality of elements at the time of scrolling input. The method according to claim 1,
The step of sensing the scroll input
Obtaining a speed of scrolling by the scroll input
Lt; / RTI >
The step of displaying
Displaying the element-specific visual information instead of the element-by-element thumbnail corresponding to each of the plurality of elements if the speed of the scroll is equal to or greater than a predetermined threshold speed
And controlling the user interface. delete delete delete 9. The method of claim 8,
The step of displaying
If the speed of the scrolling becomes smaller than the predetermined threshold speed, restoring the other image corresponding to at least one element among the plurality of elements as the element-by-element thumbnail image and displaying
And controlling the user interface. delete delete delete delete Receiving a scroll input directed to a user interface displaying a plurality of elements contained in the list;
Obtaining a speed of scrolling by the scroll input; And
Changing and displaying at least a part of the area in the user interface based on the speed of the scroll
Lt; / RTI >
The step of displaying
Modifying visual information corresponding to the plurality of elements such that advertisement content is displayed by the afterglow of the scroll based on the speed of the scroll
/ RTI >
The step of modifying the visual information
Segmenting the advertisement content into a portion corresponding to each of the plurality of elements; And
Inserting the divided advertisement contents into each of the plurality of elements at regular intervals;
And controlling the user interface. 18. The method of claim 17,
The dividing step
Discretely dividing the advertisement content so that the advertisement content is displayed by the scroll; And
Dividing the advertisement content so that the appearance of the advertisement content is sequentially displayed by the scroll
The method comprising the steps of: delete A computer program stored on a medium for executing the method of any one of claims 1 to 8, 12, 17 and 18 in combination with hardware.

Images