CN112016021B - Browsing information browsing state display method and device, storage medium and electronic equipment - Google Patents
Browsing information browsing state display method and device, storage medium and electronic equipment Download PDFInfo
- Publication number
- CN112016021B CN112016021B CN202011073988.6A CN202011073988A CN112016021B CN 112016021 B CN112016021 B CN 112016021B CN 202011073988 A CN202011073988 A CN 202011073988A CN 112016021 B CN112016021 B CN 112016021B
- Authority
- CN
- China
- Prior art keywords
- display
- information
- browsing
- sub
- display information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
- G06F3/04855—Interaction with scrollbars
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application discloses a browsing state display method and device of browsing information, a computer storage medium and electronic equipment. The browsing state display method comprises the following steps: according to browsing operation on a display area, browsing state information of sub-display information in total display information is determined, wherein the display range of the total display information is larger than that of the display area, and the total display information comprises a plurality of sub-display information; the browsing state information comprises position mapping relation information of the sub-display information in the total display information and browsing degree grade information of the sub-display information; displaying the browsing state information to a specific position of the display area in a visual display mode; therefore, the user can visually know the browsing degree condition of the displayed information through the visual browsing state information displayed in the specific area in the process of browsing the displayed information.
Description
The priority of chinese patent application entitled "browsing information browsing status display method and apparatus, storage medium, and electronic device" filed by the chinese patent office on 30/9/2020, application No. 202011053932.4, is claimed in the present application, and is incorporated herein by reference in its entirety.
Technical Field
The application relates to the technical field of computers, in particular to a browsing state display method and device for browsing information. The application also relates to a computer storage medium and an electronic device.
Background
With the development of the internet, the acquisition of information becomes more and more convenient, and the convenience of life is improved.
When the terminal device browses the application page provided by the application software, the display range of the terminal device is limited, and the application page information required to be displayed on the terminal device can be scrolled in the display range by sliding the application page to be viewed under the condition that the application page information exceeds the display range.
When the application page information has a large amount of information content, the application page information can be subjected to set partition according to the type of the information content, and a block anchor point is set corresponding to a block set of each set partition. The user can directly scroll the application page information to the corresponding block set through the operation of the block anchor.
The browsing method has at least the following two problems:
1. because the scrolling of the display information is realized through the block set for the application page with a large amount of information content, the interest points of the user in the application page information cannot be accurately known, and the layout of the application page cannot be adjusted according to the interest of the user, so that the application access loss is caused;
2. when the information amount of the block set is large, if a certain specific interest point is desired to be returned in the browsing process, the specific position browsed and interested before can be found only by means of sliding and viewing the application page information under the block set, and obviously, the operation mode cannot quickly and accurately find and locate the interest point browsed by the user, so that the touch efficiency is low.
Disclosure of Invention
The application provides a browsing statistical method for display information, which aims to solve the problem that in the prior art, the application access amount is lost due to the fact that the browsing condition of a user cannot be used as a page layout reference.
The application provides a browsing state display method of browsing information, which comprises the following steps:
according to browsing operation on a display area, browsing state information of sub-display information in total display information is determined, wherein the display range of the total display information is larger than that of the display area, and the total display information comprises a plurality of sub-display information; the browsing state information comprises position mapping relation information of the sub-display information in the total display information and browsing degree grade information of the sub-display information;
and displaying the browsing state information to a specific position of the display area in a visual display mode.
In some embodiments, the displaying the browsing status information to a specific location of the display area in a visual presentation manner includes:
and displaying the browsing state information to a specific position of the display area in a visual display mode of a graphical display bar.
In some embodiments, the displaying the browsing status information to a specific position of the display area in a visual presentation manner of a graphical presentation bar includes displaying one of:
when the total display information is displayed in the length direction of the display area, displaying the graphical display bar in the edge area of the length direction of the display area;
and when the total display information is displayed in the width direction of the display area, displaying the graphical display bar in the edge area of the display area in the width direction.
In some embodiments, further comprising:
and displaying the sub-display information to the display area based on the position mapping relation according to the operation of the browsing state information displayed in the visual display mode.
In some embodiments, the displaying the sub-display information to the display area based on the position mapping relationship according to the operation on the browsing status information displayed in the visual presentation manner includes:
acquiring browsing state information of an operation position according to the operation of the browsing state information displayed in the visual display mode;
determining the distance from the display position of the current display information in the display area to the display position of the sub-display information in the position mapping relation information according to the position mapping relation information in the browsing state information;
and jumping or scrolling to the display position of the sub-display information according to the distance.
In some embodiments, the determining browsing status information of the sub-display information in the total display information according to a browsing operation on the display area includes:
segmenting the total display information to obtain the sub-display information;
acquiring the scrolling data of the sub-display information in the display area through browsing operation of the display area;
and determining browsing state information of the sub-display information according to the scrolling data.
In some embodiments, the segmenting the total display information to obtain the sub-display information includes at least one of the following segmentation modes:
when the display direction of the total display information and the height direction of the display area are in the same direction, the total display information is segmented in an equal proportion in a direction parallel to the width direction of the display area to obtain the sub-display information;
when the display direction of the total display information and the width direction of the display area are in the same direction, the total display information is segmented in proportion parallel to the height direction of the display area to obtain the sub-display information.
In some embodiments, the obtaining, by the browsing operation on the display area, the scrolling data of the sub-display information in the display area includes:
according to the browsing operation of the display area, acquiring the rolling offset of the current display information in the display area relative to the display information in the adjacent previous display area;
acquiring the scrolling speed of the display information in the display area according to the browsing operation in the display area;
the determining browsing state information of the sub-display information according to the scrolling data includes:
determining a browsing value of the browsing degree grade of the sub-display information according to the distance of the position information of the sub-display information in the display area relative to the scrolling offset and the scrolling speed;
and counting the browsing values of the sub-display information which is positioned in the display area and is the same as the position of the total display information, so as to obtain the browsing counting values of the sub-display information.
In some embodiments, the determining a browsing value of the browsing degree level of the sub-display information according to a distance of the position information of the sub-display information in the display area relative to the scroll offset and the scroll speed includes:
and calculating the browsing value of the sub-display information at the current position of the display area by adopting a probability distribution formula according to the scrolling speed and the distance.
In some embodiments, the counting the browsing value of the sub-display information located at the same position in the display area relative to the total display information to obtain a browsing statistical value of the sub-display information includes:
accumulating the browsing values of the same sub-display information;
and determining the accumulated browsing value as the browsing statistic value of the sub-display information.
In some embodiments, the obtaining, according to the browsing operation on the display area, a scroll offset of current display information in the display area with respect to display information in an adjacent previous display area includes:
according to the browsing operation of the display area, triggering the monitoring of the current display information rolling position in the display area;
determining a top display position of the current display information at the top of the display area according to the monitoring;
determining the top display position as the scroll offset of the current display information relative to display information in an adjacent previous display region.
The present application further provides a browsing status display device for browsing information, including:
the determining unit is used for determining browsing state information of the sub-display information in the total display information according to browsing operation on a display area, wherein the display range of the total display information is larger than that of the display area in the display node, and the total display information comprises a plurality of sub-display information; the browsing state information comprises position mapping relation information of the sub-display information in the total display information and browsing degree grade information of the sub-display information;
and the display unit is used for displaying the browsing state information to a specific position of the display area in a visual display mode.
The application also provides a computer storage medium for storing the data generated by the network platform and a program for processing the data generated by the network platform;
when the program is read and executed by the processor, the program performs the following steps:
according to browsing operation on a display area, browsing state information of sub-display information in total display information is determined, wherein the display range of the total display information is larger than that of the display area, and the total display information comprises a plurality of sub-display information; the browsing state information comprises position mapping relation information of the sub-display information in the total display information and browsing degree grade information of the sub-display information;
and displaying the browsing state information to a specific position of the display area in a visual display mode.
The present application further provides an electronic device, comprising:
a processor;
a memory for storing a program for processing network platform generated data, said program when read and executed by said processor performing the steps of:
according to browsing operation on a display area, browsing state information of sub-display information in total display information is determined, wherein the display range of the total display information is larger than that of the display area, and the total display information comprises a plurality of sub-display information; the browsing state information comprises position mapping relation information of the sub-display information in the total display information and browsing degree grade information of the sub-display information;
and displaying the browsing state information to a specific position of the display area in a visual display mode.
Compared with the prior art, the browsing state display method of the browsing information has the following advantages:
on one hand, the browsing state information of the sub-display information in the total display information is determined through the browsing operation on the display area in the embodiment of the browsing state display method of the browsing information provided by the application; and then displaying the browsing state information to a specific position of the display area in a visual display mode. Therefore, the user can visually know the browsing degree condition of the displayed information through the visual browsing state information displayed in the specific area in the process of browsing the displayed information, namely the visual browsing state information can visually reflect the browsing data distribution condition of the displayed information in the process of browsing the displayed information by the user in the display area. Therefore, reference can be provided for the layout of the subsequent page according to the distribution condition of the browsing data, and the loss of the access amount caused by the page layout is reduced.
On the other hand, in the browsing state display embodiment for providing browsing information, a user can directly display the visual browsing state information on a specific position of the display area for operation, the browsing state information is obtained according to the operation position, and the sub-display information can be quickly and accurately touched, i.e. the sub-display information is displayed on the display area, based on the position mapping relation information of the sub-display information in the browsing state information in the total display information, in other words, the user can quickly and accurately return to the interested information point position for viewing.
Drawings
Fig. 1 is a flowchart of an embodiment of a browsing status display method for browsing information according to the present application.
Fig. 2 is a schematic view of a scene application of an embodiment of a browsing state display method for browsing information according to the present application.
Fig. 3 is a schematic structural diagram of an embodiment of a browsing status display device for browsing information according to the present application.
Fig. 4 is a flowchart of an embodiment of a browsing interaction method for displaying information according to the present application.
Fig. 5 is a schematic structural diagram of an embodiment of an interactive browsing device for displaying information according to the present application.
Fig. 6 is a schematic structural diagram of an embodiment of an electronic device provided in the present application.
Detailed Description
In the following description, numerous specific details are set forth in order to provide a thorough understanding of the present application. This application is capable of implementation in many different ways than those herein set forth and of similar import by those skilled in the art without departing from the spirit of this application and is therefore not limited to the specific implementations disclosed below.
The terminology used in the description herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the application. The description used in this application and in the appended claims is for example: the terms "a," "an," "first," and "second," etc., are not intended to be limiting in number or order, but rather are used to distinguish one type of information from another.
Based on the description of the background art, it can be seen that the concept of the technical solution of the present application is generated in the prior art how to obtain information points of interest to a user in a scrolling browsing process of a long page, so that page layout is adjusted according to the interest of the user to improve the access amount of an application, and in addition, a graphical display bar can be generated through the information points of interest to the user, so that the user can quickly touch the information points of interest to the user through the graphical display bar. The above two concepts will be described in detail below.
Referring to fig. 1, fig. 1 is a flowchart of an embodiment of a browsing status display method for browsing information provided by the present application, where the method includes:
step S101: according to browsing operation on a display area, browsing state information of sub-display information in the total display information is determined, wherein the display range of the total display information is larger than that of the display area in the display node, and the total display information comprises a plurality of sub-display information; the browsing status information includes position mapping relation information of the sub-display information in the total display information and browsing degree grade information of the sub-display information.
The total display information in step S101 may be colloquially understood as application page information displayed on a display node (also referred to as a terminal device), where the application page information is long page information, that is, a page display range is larger than a display range of a display area (described in detail later).
The browsing operation may be sliding the display area to enable the page to be displayed in a scrolling manner in the display area, or scrolling the page in the display area by operating the key, or of course, by voice, or by using a third-party tool, where the triggering form of the specific browsing operation is not limited, and the content displayed in the display area may be scrolled under the control of the browsing operation.
The browsing status information includes: mapping relation information of the positions of the sub-display information in the total display information, namely the sub-display information is positioned at the position of the total display information; and browsing degree level information of the sub-display information. The browsing degree level information will be described later in the display section of step S102, and will not be explained here.
In the following description, the total display information is the long page information. If the total display information is in the height direction of the display area of the terminal equipment for scrolling display on the terminal equipment, the length of the total display information is larger than the height of the display area, and if the total display information is in the width direction of the display area of the terminal equipment for scrolling display on the terminal equipment, the length of the total display information is larger than the width of the display area. In other words, regardless of the scroll browsing manner of the total display information on the terminal device, the length of the information is larger than the range displayed in the display area, and therefore, the total display information needs to be browsed by browsing the display area.
Since the total display information cannot be completely and completely displayed in the display area of the terminal device at one time, in order to facilitate obtaining browsing state information of different display information in the display area, in this embodiment, the total display information needs to be segmented, so that browsing state information of the sub-display information displayed in the display area can be obtained in the following.
Thus, step S101 includes:
step S101-1: segmenting the total display information to obtain the sub-display information;
step S101-2: acquiring the scrolling data of the sub-display information in the display area through browsing operation of the display area;
step S101-3: and determining browsing state information of the sub-display information according to the scrolling data.
In this embodiment, the specific implementation process of the step S101-1 may include at least one of the following segmentation methods:
when the display direction of the total display information and the height direction of the display area are in the same direction, the total display information is segmented in an equal proportion in a direction parallel to the width direction of the display area to obtain the sub-display information;
when the display direction of the total display information and the width direction of the display area are in the same direction, the total display information is segmented in an equal proportion in a direction parallel to the height direction of the display area, and the sub-display information is obtained.
The segmentation of the total display information can be conducted in equal proportion according to the display length, and at least two pieces of sub-display information are obtained. For example: the display length of the total display information is 0 to 1000 pixels, and 100 or 50 pixel points can be divided in equal proportion. Of course, the display content in the total display information may be divided, and the specific division form may include multiple forms. The size of the sub-display information and the position information relative to the total display information in the display area can be obtained after division.
The specific implementation process of the step S101-2 may include:
step S101-21: according to the browsing operation of the display area, acquiring the rolling offset of the current display information in the display area relative to the display information in the adjacent previous display area;
step S101-22: and acquiring the scrolling speed of the display information in the display area according to the browsing operation in the display area.
The current display information in the step S101-21 is a part of the content of the total display information displayed in the display area of the terminal device; the adjacent previous display information may be understood as a part of the content of the total display information displayed in the display area before the current display information, and the part of the content is adjacent to the current display information.
It should be noted that the current display information and the adjacent previous display information may be completely different display information in the total display information, or may be display information in which part of the content is repeated. That is, as the total display information can be displayed in the display area according to the length direction of the display area by the browsing operation on the display area, the current display information determines the time of staying in the display area according to the speed of the browsing operation.
The scroll offset (offset) may be understood as a scroll distance or a scroll range of the currently displayed information in the display area with respect to the total displayed information under the browsing operation. For example: the current display information is sub-display information of 0-500 pixels in the total display information, and under the action of the browsing operation, if the current display information is sub-display information of 200-700 pixels in the total display information, it indicates that the current display information has scrolled 200 pixels relative to the adjacent last display information, and the scrolling offset is 200 pixels.
In this embodiment, the scroll offset may be understood as the highest point (or top point) of the currently displayed information in the display area.
Based on the above, the specific implementation process of the step S101-21 may include:
step S101-211: according to the browsing operation of the display area, triggering the monitoring of the current display information rolling position in the display area; the browsing operation may include, as described in step S101, a sliding operation or a voice operation on the display area, or an operation on a provided key capable of sliding and browsing the total display information up and down in the display area, or an operation with a third-party tool. The browsing operation is not limited in form, and the long page information can be satisfied, and all the content can be browsed in the display area.
The above-described browsing operation is described by taking the operation direction of the browsing operation as the display region height direction as an example, but the present invention is not limited to this embodiment.
Step S101-212: determining a top display position of the current display information at the top of the display area according to the monitoring;
step S101-213: determining the top display position as the scroll offset of the current display information relative to display information in an adjacent previous display region.
The obtaining of the scrolling speed in step S101-22 may be implemented by a set timer, and when the user performs the browsing operation on the display area, the timer is triggered, the scrolling speed is collected by the timer, and a timer triggering frequency may be determined according to a performance of the terminal device, for example: the corresponding medium performance device samples 30hz (30 samples or counts per second), the high end device samples 60hz (60 samples or counts per second), and the low end device can be down to 10-20hz (10-20 samples or counts per second). That is, when a browsing operation (scrolling or sliding) is monitored, a timer is started so as to know the speed of the browsing operation.
It should be noted that when the scroll speed is greater than or equal to the set threshold, the subsequent operation is not performed, and the threshold may be a threshold at which the scroll speed can be recognized by human eyes, for example: when v ≧ 60px/s (pixels/second), the content cannot be distinguished by the human eye, and the height f (h) of the position of the sub-display information relative to the display area is 0, at which time the browsing value of the sub-display information is 0.
The specific implementation process of the step S101-3 may include:
step S101-31: determining a browsing value of the browsing degree grade of the sub-display information according to the distance of the position information of the sub-display information in the display area relative to the scrolling offset and the scrolling speed;
step S101-32: and counting the browsing values of the sub-display information which is positioned in the display area and is the same as the position of the total display information, so as to obtain the browsing counting values of the sub-display information.
In this embodiment, the distance of the rolling offset in the step S101-31 may be understood as: a distance(s) of position information of the sub-display information in the display area with respect to a top of the display area. In this embodiment, the browsing value may be understood as a user's interest level value for the sub-display information.
The distance may be obtained by following the above example, when the total display information is 0-1000 pixels and the current display information is 0-500 pixels, if the scrolling position is monitored to be 200 pixels, the current display information is 200-700 pixels and the scrolling offset is 200 pixels, and the distance from the sub-display information to the top of the display area may be sequentially obtained according to the height of the display area, that is: and S is 100 pixels, S is 200 pixels, S is 300 pixels, and so on. The distance from each sub-display information in the display area to the top of the display area can be known.
The specific implementation process of the step S101-31 may be: and calculating the browsing value of the sub-display information at the current position of the display area by adopting a probability distribution formula according to the scrolling speed and the distance. Specifically, the current position of the sub-display information in the display area may be a height position of the sub-display information relative to the display area, that is, h ═ offset + s.
The calculation of the browsing value may employ the following formula:
f(h)＝1/(s！×e)×1/v
wherein e is an exponential function.
The browsing value of the sub-display information can be calculated through the formula, or the value can be understood as the interest level value of the user for the sub-display information.
The probability distribution formula may use a poisson distribution, a normal distribution, or the like.
In the step S101-32, there may be a case where the same sub-display information is browsed for multiple times, or the interest level is strong, so the step S101-32 may include:
accumulating the browsing values of the same sub-display information;
and determining the accumulated browsing value as the browsing statistic value of the sub-display information.
It should be noted that, along with the browsing operation, the display range of the sub-display information after being split in the display area may change, and the above example is continued, when the total display information is 0-1000 pixels, the display range of the display area is 0-500 pixels, according to the scrolling browsing operation in the height direction of the display area, the display information in the display area may have 100, 150, 200, 300, etc. scrolling displacement, the sub-display information is divided in an equal proportion, for example, 100 pixels is used as one sub-display information, if the scroll offset is changed from 0 to 200, the display range of the sub-display information displayed in the display area is scrolled from 0-500 pixels to 200-700 pixels, and 200-500 pixels in the two displays are the same sub-display information, and the browsing values of the part of sub-display information need to be accumulated.
Based on the above, it can be known that the sub-display information obtained by segmenting the total display information can calculate a corresponding browsing statistic value, and the browsing statistic value can represent the degree of interest of the user on the sub-display information. And then the browsing statistic value can be used as a reference value for adjusting the layout of the application page, so that the layout of the application page can be corrected or adjusted according to the browsing condition of the application page by a user, and the access amount of the application is increased.
After the browsing status information of the sub-display information in the total display information is determined, the browsing status information needs to be displayed in a display area, and the following steps are referred to in the specific process.
Step S102: and displaying the browsing state information to a specific position of the display area in a visual display mode.
The description process of step S102 may be combined with fig. 2, where fig. 2 is a schematic view of a scene application of an embodiment of a browsing statistics method for displaying information provided in the present application. In this embodiment, the specific position may be determined according to a scrolling direction of a long page during the browsing operation, and if the scrolling direction of the long page is in the same direction as the height of the display area, the specific position may be set in an edge area in the height direction of the display area; if the long page scrolling direction is the same direction as the width direction of the display area, the specific position may be set at an edge area in the width direction of the display area. Or, when the total display information is displayed in the length direction of the display area, the graphical display bar is displayed in the edge area of the length direction of the display area; and when the total display information is displayed in the width direction of the display area, displaying the graphical display bar in the edge area of the display area in the width direction.
In this embodiment, only the two display manners are taken as an example, and actually, the specific position can meet the visual requirement of the user, and is not limited to the two display manners.
In this embodiment, the browsing status information may be displayed in a visual display manner of a graphical display bar. The method specifically comprises the following steps:
generating a graphical display bar according to the browsing statistic value and the display position of the sub-display information corresponding to the browsing statistic value;
displaying the graphical display bar at the specific position; and the graphical display bar represents the browsing degree distribution of the sub-display information in the total display information.
Wherein the graphical display bar represents a level of the browsing level by setting color saturation.
The graphical display bar may be understood as a color bar set capable of representing browsing statistics of the sub-display information, where each sub-display bar in the set corresponds to a browsing statistics of the sub-display information, and in this embodiment, the browsing statistics is represented by color saturation of the sub-display bar, for example: the higher the color saturation, the higher the browsing level, i.e. the higher the level of interest, and vice versa the lower the level of interest. Of course, the browsing degree level may be higher as the color saturation is lower, that is, the interest degree is higher, different colors may be used to represent the browsing degree level, and the like, and the browsing degree level may also be represented by a number, and the number is higher. As shown in fig. 2, in the present embodiment, when the graphical display bar is illustrated in a red display manner, the darker the color is, the higher the interest level is, and the lighter the color is, the lower the interest level is.
In order to facilitate the user to return to the page position to be browsed again quickly, conveniently and accurately in the browsing process, the method may further include: and displaying the sub-display information to the display area based on the position mapping relation according to the operation of the browsing state information displayed in the visual display mode.
In this embodiment, the browsing status information of the operation position may be obtained by operating the graphical display bar; determining the distance from the display position of the current display information in the display area to the display position of the sub-display information in the position mapping relation information according to the position mapping relation information in the browsing state information; and jumping or scrolling to the display position of the sub-display information according to the distance so as to display the sub-display information. Therefore, the interested display position can be quickly reached, and under the normal condition, the display of the interested sub-display information in the display area can adopt the display position which can be intuitively acquired by the user or is beneficial to the visual perception of the user, such as: and according to the operation on the graphical display bar, displaying the corresponding sub-display information in the middle upper area of the display area or the position of the display area close to the top area.
In other words, the graphical presentation bar may also be understood as an index corresponding to the sub-display information, and an operation on the graphical presentation bar may determine the display of the corresponding sub-display information in the display area at the operation position.
The above is a specific description of an embodiment of a browsing status display method for browsing information provided by the present application, and corresponds to the foregoing browsing status display method for browsing information provided by the present application, and the present application also discloses an embodiment of a browsing status display device for browsing information, please refer to fig. 3, since the device embodiment is basically similar to the method embodiment, the description is relatively simple, and related points can be found by referring to part of the description of the method embodiment. The device embodiments described below are merely illustrative.
As shown in fig. 3, an embodiment of a browsing status display device for browsing information provided by the present application includes:
a determining unit 301, configured to determine browsing state information of sub-display information in total display information according to a browsing operation on a display area, where a display range of the total display information is greater than a display range of the display area, and the total display information includes a plurality of sub-display information; the browsing state information comprises position mapping relation information of the sub-display information in the total display information and browsing degree grade information of the sub-display information;
a display unit 302, configured to display the browsing status information to a specific location of the display area in a visual display manner.
Wherein, the determining unit 301 comprises a molecule cutting unit, an acquiring subunit and a determining subunit.
The segmentation subunit is configured to segment the total display information to obtain the sub-display information;
the acquiring subunit is configured to acquire, through a browsing operation on the display area, scrolling data of the sub-display information in the display area;
and the determining subunit is configured to determine browsing state information of the sub-display information according to the scrolling data.
The cutting subunit comprises at least one of the following subunits:
the transverse splitting subunit is used for splitting the total display information in an equal proportion in a direction parallel to the width direction of the display area to obtain the sub-display information when the display direction of the total display information and the height direction of the display area are in the same direction;
and the longitudinal splitting subunit is used for splitting the total display information in an equal proportion in a direction parallel to the height direction of the display area to obtain the sub-display information when the display direction of the total display information and the width direction of the display area are in the same direction.
For the specific implementation process of the splitting subunit, reference may be made to the description of step S101, and details are not repeated here.
The acquisition subunit includes:
the offset acquisition subunit is configured to acquire, according to a browsing operation on the display area, a rolling offset of current display information in the display area relative to display information in an adjacent previous display area; the offset obtaining subunit may include: the monitoring subunit is used for triggering the monitoring of the current display information rolling position in the display area according to the browsing operation on the display area; a top display position determining subunit, configured to determine, according to the monitoring, a top display position at which the current display information is located at the top of the display area; an offset determining subunit, configured to determine the top display position as the scroll offset of the current display information with respect to display information in an adjacent previous display area.
And the speed acquisition subunit is used for acquiring the scrolling speed of the display information in the display area according to the browsing operation on the display area.
The determining subunit includes:
a browsing value determining subunit, configured to determine a browsing value of the browsing degree level of the sub-display information according to a distance between position information of the sub-display information in the display area and the scroll offset, and the scroll speed; the method may specifically be configured to calculate the browsing value of the sub-display information at the current position of the display area by using a probability distribution formula according to the scrolling speed and the distance.
And the counting subunit is configured to count the browsing value of the sub-display information located in the display area and located at the same position as the total display information, so as to obtain a browsing statistical value of the sub-display information. The statistics subunit may include:
the accumulation subunit is used for accumulating the browsing values of the same sub-display information;
and the determining subunit is used for determining the accumulated browsing value as the browsing statistic value of the sub-display information.
The display unit 302 may be specifically configured to display the browsing status information to a specific position of the display area in a visual display manner of a graphical display bar.
The display unit 302 may include one of the following display modes:
when the total display information is displayed in the length direction of the display area, displaying the graphical display bar in the edge area of the length direction of the display area;
and when the total display information is displayed in the width direction of the display area, displaying the graphical display bar in the edge area of the display area in the width direction.
Further comprising: and the sub-display information display unit is used for displaying the sub-display information to the display area based on the position mapping relation according to the operation on the browsing state information displayed in the visual display mode. The method specifically comprises the following steps: a position obtaining subunit, configured to obtain, according to an operation on the browsing state information displayed in the visual display manner, the position mapping relationship information of the sub-display information corresponding to the operation position in the total display information; a distance determining subunit, configured to determine, according to the position mapping relationship information, a distance from a display position of the current display information in the display area to a display position of the sub-display information in the position mapping relationship information; and the moving subunit is used for jumping or scrolling to the display position of the sub-display information according to the distance.
The above is a description of an embodiment of a browsing status display apparatus for browsing information provided in the present application, and specific contents may refer to the description of the browsing status display method embodiment of browsing information, which is not repeated herein.
Based on the above, the present application further provides a browsing interaction method for displaying information, please refer to fig. 4, where an embodiment of the browsing interaction method includes:
step S401: responding to an access request, outputting total display information at a terminal device, wherein the total display information can be displayed in a rolling mode in a display area of the terminal device based on browsing operation of the display area;
the purpose of step S401 is to output the page information of the application software on the terminal device when the user accesses the application software, and of course, the user may jump to the corresponding sub-page information based on the access of the page information that the application software has been currently displayed on the terminal device. That is, the page information output on the terminal device is the information that needs to be viewed by scrolling the display area, i.e., the total display information, i.e., the long page.
Step S402: scrolling the current display information in the display area to a position matched with the display position of the sub-display information in the graphical display bar based on the operation of the graphical display bar displayed in the display area, and displaying the display content comprising the sub-display information;
the operation on the graphical display bar in step S402 may be a click operation on the graphical display bar by a user. And acquiring the position of the sub-display information corresponding to the click position in the graphical display bar based on the click operation, so that the current display information of the display area is scrolled to the position matched with the display position of the sub-display information, and the sub-display information is displayed in the display area, specifically, the sub-display information can be displayed at the top of the display area or the upper middle position area of the display area.
Wherein, the method also comprises:
step S403: segmenting total display information capable of being displayed in a rolling mode on terminal equipment to obtain sub-display information; wherein the total display information can be displayed in a scrolling manner in the display area based on the browsing operation of the display area;
step S404: according to the browsing operation, acquiring the rolling offset of the current display information in the display area relative to the display information in the adjacent previous display area;
step S405: according to the acquired operation data of the browsing operation and the distance of the position information of the sub-display information in the display area relative to the rolling offset, determining the browsing value of the sub-display information in the display area;
step S406: counting the browsing values of the sub-display information which are positioned in the display area and have the same position relative to the total display information to obtain browsing statistical values of the sub-display information, wherein the browsing statistical values represent the browsing degree of the sub-display information in the display area;
step S407: generating a graphical display bar according to the browsing statistic value and the display position of the sub-display information corresponding to the browsing statistic value;
step S408: displaying the graphical display bar in the display area; the graphical display bars represent the browsing degree distribution of the total display information.
For the above steps S403 to S408, reference may be made to the above steps S101 to S102, and the above description of the embodiment of the browsing statistics method for displaying information is not repeated here.
Based on the above, when the user browses the application page (the application page is a long page), the browsing condition of the user in the browsing process of the application page can be known through the graphical display bar displayed in the display area, that is, the graphical display bar in the embodiment is a position area with strong interest in the color depth or a position area with long stay time of the user. Therefore, the user can quickly and accurately return to the interested sub-display information position through the operation of the graphical display bar.
It is understood that the degree of interest or browsing degree of the user in the sub-display information can be calculated by the above probability formula, and can also be determined by calculating the time length of the sub-display information staying in the display area, for example: the dwell time is recorded for the sub-display information in the current display information, so that the browsing values of the sub-display information can be determined through the dwell time, and then the browsing values of the same sub-display are accumulated to obtain the browsing statistics, that is, the calculation mode of the browsing statistics is not limited to the above one.
The above is a description of an embodiment of a browsing interaction method for displaying information provided by the present application, the description process is relatively general, and specific contents may refer to a description in an embodiment of a browsing state display method for browsing information, which is not repeated herein.
Based on the above, the present application further provides an embodiment of a browsing interaction method and apparatus for displaying information, where as shown in fig. 5, the embodiment of the browsing interaction apparatus includes:
an output unit 501, configured to output, in response to an access request, total display information at a terminal device, where the total display information is capable of being displayed in a scrolling manner in a display area of the terminal device based on a browsing operation on the display area;
a scrolling unit 502, configured to scroll, based on an operation on the graphical display bar displayed in the display area, current display information in the display area to a position that matches a display position of sub-display information in the graphical display bar.
Wherein, the device still includes:
the splitting unit 503 is configured to split the total display information that can be scroll-displayed on the terminal device, so as to obtain sub-display information; wherein the total display information can be displayed in a scrolling manner in the display area based on the browsing operation of the display area;
an obtaining unit 504, configured to obtain, according to the browsing operation, a rolling offset of current display information in the display area relative to display information in an adjacent previous display area;
a determining unit 505, configured to determine a browsing value of the sub-display information in the display area according to the acquired operation data of the browsing operation and a distance between position information of the sub-display information in the display area and the scroll offset;
a counting unit 506, configured to count browsing values of the sub-display information located in the same position in the display area as the total display information, so as to obtain a browsing statistical value of the sub-display information, where the browsing statistical value represents a browsing degree of the sub-display information in the display area;
a generating unit 507, configured to generate a graphical display bar according to the browsing statistics and the display position of the sub-display information corresponding to the browsing statistics;
a display unit 508, configured to display the graphical display bar in the display area; the graphical display bars represent the browsing degree distribution of the total display information.
For the output unit 501 and the scrolling unit 502, the descriptions of the steps S401 to S402 can be referred to, and the description of the steps S101 to S104 can be referred to for the segmentation unit 503, the obtaining unit 504, the determining unit 505, the counting unit 506, the generating unit 507, and the displaying unit 508, which are not repeated here.
Based on the above, the present application further provides a computer storage medium for storing data generated by a network platform and a program for processing the data generated by the network platform;
when the program is read and executed by the processor, the program performs the following steps:
according to browsing operation on a display area, browsing state information of sub-display information in total display information is determined, wherein the display range of the total display information is larger than that of the display area, and the total display information comprises a plurality of sub-display information; the browsing state information comprises position mapping relation information of the sub-display information in the total display information and browsing degree grade information of the sub-display information;
and displaying the browsing state information to a specific position of the display area in a visual display mode.
Based on the above, the present application further provides an electronic device, as shown in fig. 6, including: a processor 601 and a memory 602, wherein the memory 602 is used for storing a program for processing data generated by a network platform, and when the program is read and executed by the processor, the program performs the following steps:
according to browsing operation on a display area, browsing state information of sub-display information in total display information is determined, wherein the display range of the display area is the display range of the total display information, and the total display information comprises a plurality of sub-display information; the browsing state information comprises position mapping relation information of the sub-display information in the total display information and browsing degree grade information of the sub-display information;
and displaying the browsing state information to a specific position of the display area in a visual display mode.
In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
The memory may include forms of volatile memory in a computer readable medium, Random Access Memory (RAM) and/or non-volatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). Memory is an example of a computer-readable medium.
1. Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, computer readable media does not include non-transitory computer readable media (transient media), such as modulated data signals and carrier waves.
2. As will be appreciated by one skilled in the art, embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
Although the present application has been described with reference to the preferred embodiments, it is not intended to limit the present application, and those skilled in the art can make variations and modifications without departing from the spirit and scope of the present application, therefore, the scope of the present application should be determined by the claims that follow.
Claims (12)
1. A browsing state display method of browsing information is characterized by comprising the following steps:
according to browsing operation on a display area, browsing state information of sub-display information in total display information is determined, wherein the total display information is that the display range of a long page is larger than that of the display area, and the total display information comprises a plurality of sub-display information; the browsing state information comprises position mapping relation information of the sub-display information in the total display information and browsing interest degree grade information of the sub-display information;
displaying the browsing state information to a specific position of the display area in a visual display mode;
wherein, according to the browsing operation to the display area, determining the browsing status information of the sub-display information in the total display information comprises:
segmenting the total display information to obtain the sub-display information;
according to the browsing operation of the display area, acquiring the rolling offset of the current display information in the display area relative to the display information in the adjacent previous display area;
acquiring the scrolling speed of the display information in the display area according to the browsing operation in the display area;
determining a browsing value of the browsing interest degree level of the sub-display information according to the distance of the position information of the sub-display information in the display area relative to the scrolling offset and the scrolling speed;
and counting the browsing values of the sub-display information which is positioned in the display area and is the same as the position of the total display information, so as to obtain the browsing counting values of the sub-display information.
2. The browsing status display method of browsing information according to claim 1, wherein said displaying the browsing status information to a specific position of the display area in a visual presentation manner comprises:
and displaying the browsing state information to a specific position of the display area in a visual display mode of a graphical display bar.
3. The browsing status display method of browsing information according to claim 2, wherein said displaying the browsing status information to a specific position of the display area in a visual display manner of a graphical display bar comprises displaying one of:
when the total display information is displayed in the length direction of the display area, displaying the graphical display bar in the edge area of the length direction of the display area;
and when the total display information is displayed in the width direction of the display area, displaying the graphical display bar in the edge area of the display area in the width direction.
4. The browsing state display method of browsing information according to claim 1, further comprising:
and displaying the sub-display information to the display area based on the position mapping relation according to the operation of the browsing state information displayed in the visual display mode.
5. The browsing status display method of browsing information according to claim 4, wherein the displaying the sub-display information to the display area based on the position mapping relationship according to the operation on the browsing status information displayed in the visual display manner comprises:
acquiring browsing state information of an operation position according to the operation of the browsing state information displayed in the visual display mode;
determining the distance from the display position of the current display information in the display area to the display position of the sub-display information in the position mapping relation information according to the position mapping relation information in the browsing state information;
and jumping or scrolling to the display position of the sub-display information according to the distance.
6. The browsing state display method of browsing information according to claim 1, wherein said segmenting said total display information to obtain said sub-display information comprises at least one of the following segmentation modes:
when the display direction of the total display information and the height direction of the display area are in the same direction, the total display information is segmented in an equal proportion in a direction parallel to the width direction of the display area to obtain the sub-display information;
when the display direction of the total display information and the width direction of the display area are in the same direction, the total display information is segmented in proportion parallel to the height direction of the display area to obtain the sub-display information.
7. The browsing status display method of browsing information according to claim 1, wherein said determining a browsing value of the browsing interest level of the sub-display information according to a distance of position information of the sub-display information in the display area with respect to the scrolling offset and the scrolling speed comprises:
and calculating the browsing value of the sub-display information at the current position of the display area by adopting a probability distribution formula according to the scrolling speed and the distance.
8. The browsing status display method of browsing information according to claim 1, wherein said counting the browsing values of the sub-display information located at the same position in the display area as the total display information to obtain browsing statistical values of the sub-display information comprises:
accumulating the browsing values of the same sub-display information;
and determining the accumulated browsing value as the browsing statistic value of the sub-display information.
9. The browsing information browsing state display method according to claim 1, wherein the obtaining of the scroll offset of the current display information in the display area with respect to the display information in the adjacent previous display area according to the browsing operation in the display area comprises:
according to the browsing operation of the display area, triggering the monitoring of the current display information rolling position in the display area;
determining a top display position of the current display information at the top of the display area according to the monitoring;
determining the top display position as the scroll offset of the current display information relative to display information in an adjacent previous display region.
10. A browsing state display apparatus for browsing information, comprising:
the device comprises a determining unit, a display unit and a display unit, wherein the determining unit is used for determining browsing state information of sub-display information in total display information according to browsing operation on a display area, the display range of the total display information is larger than that of the display area, and the total display information comprises a plurality of sub-display information; the browsing state information comprises position mapping relation information of the sub-display information in the total display information and browsing interest degree grade information of the sub-display information;
the display unit is used for displaying the browsing state information to a specific position of the display area in a visual display mode;
wherein the determination unit includes: the device comprises a segmentation subunit, an offset acquisition subunit, a speed acquisition subunit, a browsing value determination subunit and a statistic subunit;
the segmentation subunit is configured to segment the total display information to obtain the sub-display information;
the acquiring subunit is configured to acquire, according to a browsing operation on the display area, a rolling offset of current display information in the display area with respect to display information in an adjacent previous display area;
the speed acquisition subunit is configured to acquire, according to a browsing operation on the display area, a scrolling speed of the display information in the display area;
the browsing value determining subunit is configured to determine a browsing value of the browsing interest degree level of the sub-display information according to a distance between position information of the sub-display information in the display area and the scroll offset, and the scroll speed;
and the counting subunit is configured to count the browsing value of the sub-display information located in the display area and located at the same position as the total display information, so as to obtain a browsing counting value of the sub-display information.
11. A computer storage medium for storing network platform generated data and a program for processing the network platform generated data;
the program, when read and executed by a processor, performs the steps of the browsing status display method of browsing information according to any one of claims 1 to 9.
12. An electronic device, comprising:
a processor;
a memory for storing a program for processing data generated by a network platform, the program, when being read and executed by the processor, performing the steps of the browsing status display method of browsing information according to any one of claims 1 to 9.
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2020110539324 | 2020-09-30 | ||
| CN202011053932 | 2020-09-30 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112016021A CN112016021A (en) | 2020-12-01 |
| CN112016021B true CN112016021B (en) | 2021-05-28 |
Family
ID=73528359
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011073988.6A Active CN112016021B (en) | 2020-09-30 | 2020-10-10 | Browsing information browsing state display method and device, storage medium and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112016021B (en) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104717571A (en) * | 2013-12-13 | 2015-06-17 | 中国移动通信集团公司 | Key playing time point determination method, video playing method and related device |
| CN105045487A (en) * | 2015-07-28 | 2015-11-11 | 深圳市天朗时代科技有限公司 | Reading control method for electronic book and electronic book |
| CN105306667A (en) * | 2014-07-17 | 2016-02-03 | Lg电子株式会社 | Mobile terminal and controlling method thereof |
| CN106375874A (en) * | 2016-09-20 | 2017-02-01 | 北京小米移动软件有限公司 | Video processing method, device, terminal equipment and server |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104484453B (en) * | 2014-12-30 | 2018-01-26 | 北京元心科技有限公司 | Determine the method and device of Webpage hot spot region |
| CN110427147B (en) * | 2019-07-19 | 2021-06-04 | 无线生活（杭州）信息科技有限公司 | Page position positioning method and device |
-
2020
- 2020-10-10 CN CN202011073988.6A patent/CN112016021B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104717571A (en) * | 2013-12-13 | 2015-06-17 | 中国移动通信集团公司 | Key playing time point determination method, video playing method and related device |
| CN105306667A (en) * | 2014-07-17 | 2016-02-03 | Lg电子株式会社 | Mobile terminal and controlling method thereof |
| CN105045487A (en) * | 2015-07-28 | 2015-11-11 | 深圳市天朗时代科技有限公司 | Reading control method for electronic book and electronic book |
| CN106375874A (en) * | 2016-09-20 | 2017-02-01 | 北京小米移动软件有限公司 | Video processing method, device, terminal equipment and server |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112016021A (en) | 2020-12-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10620816B2 (en) | System for displaying elements of a scrollable list | |
| CN106610993B (en) | Video preview display method and device | |
| CN107015788B (en) | Method and device for displaying images on mobile device in animation mode | |
| US8957912B2 (en) | Displaying items in an application window | |
| US20180004857A1 (en) | Webpage loading method and system | |
| US20140075290A1 (en) | Window switching method and apparatus | |
| US8675011B2 (en) | Displaying items in an application window | |
| CN109388317B (en) | Picture loading method, terminal device and storage medium | |
| CN110209978B (en) | Data processing method and related device | |
| EP3408752B1 (en) | Object management and visualization using a computing device | |
| CN112182444A (en) | Data rendering system and method and electronic equipment | |
| US11756079B2 (en) | Method for in-stream aggregation of ad interaction data for a population of users viewing ad content | |
| AU2017330446B2 (en) | Method and system for delivering real-time content | |
| CN108322359A (en) | A kind of acquisition methods and device of page initial screen time | |
| CN111818393A (en) | Video progress adjusting method and device and electronic equipment | |
| CN112016021B (en) | Browsing information browsing state display method and device, storage medium and electronic equipment | |
| US20190114311A1 (en) | Non-Invasive, Single Use System and Methods for Selective Brain Cooling | |
| CN112905921A (en) | Page content display method and device | |
| CN115795133A (en) | Data loading method and device, electronic equipment and storage medium | |
| CN103971326B (en) | Personalized caching method and device for map tiles | |
| CN108093013B (en) | Webpage data calculation method and server | |
| CN117111799A (en) | Data display method and device, storage medium and electronic equipment | |
| CN108519844B (en) | Menu display method and device, storage medium, processor and terminal | |
| AU2015298135A1 (en) | Method and system for performing online advertisement monitoring | |
| CN112883210B (en) | Method and device for screening multimedia data, intelligent terminal and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |