Dynamic zooming of content with overlays

Abstract

A dynamic zooming system may use overlays to display usage information over associated webpages. In one example, a replay manager may zoom-in on particular areas of the webpages to view more specific usage information. In another example, the replay manager may zoom-out the webpages to view more general usage information. The dynamic zooming system may use a first scaled overlay layer to dynamically vary a zoom level of the usage information to match a zoom level for the webpages. The dynamic zooming system also may use a second fixed overlay layer to display other usage information independently of the zoom-level for the webpages.

1 - 28 . (canceled) 
     
     
         29 . A system comprising:
 a database configured for storing information regarding webpages displayed during a web session and user events occurring during the web session;   an Analytics Engine configured for obtaining usage information relating to the web session; and   a Replay Manager configured for replay of the web session using the usage information, wherein the Replay Manager comprises a Zoom Coordinator configured to enable, during the replay of the web session, adjusting a zoom level of displayed usage information based on a zoom level of a displayed webpage, wherein the zoom level of the displayed webpage varies during the replay;
 wherein the zoom level of the displayed usage information is adjustable to be fixed or to vary to match the zoom level of the displayed web page; 
 wherein the Replay Manager is configured to utilize an HTML stack of layers comprising:
 a content layer for use in displaying webpage objects; 
 a scaled overlay layer for displaying usage information at a zoom level to match a zoom level of a displayed webpage; and 
 a fixed overlay layer for displaying usage information at a zoom level that is fixed and independent of a displayed webpage zoom level, 
 wherein the HTML stack of layers is ordered such that scaled overlay layer HTML objects overlay content layer HTML objects, and fixed overlay layer HTML objects overlay content layer HTML objects and scaled overlay layer HTML objects; and 
 
 wherein the Replay Manager is configured to enable communication of usage information between the scaled overlay layer and the fixed overlay layer. 
   
     
     
         30 . The system of  claim 29 , wherein the HTML stack of layers is a z-index based stack, wherein the Replay Manager is configured to enable communication of usage information between the scaled overlay layer and the fixed overlay layer, and wherein the Replay Manager is configured to enable communication of usage information from an object located within the scaled overlay layer to an object located within the fixed overlay layer. 
     
     
         31 . The system of  claim 29 , wherein the HTML stack of layers is a z-index based stack, wherein the Replay Manager is configured to enable communication of usage information between the scaled overlay layer and the fixed overlay layer, and wherein the Replay Manager is configured to enable communication of usage information from an object located within the scaled overlay layer to an object located within the fixed overlay layer, and wherein the scaled overlay layer is a separate application instance from the fixed overlay layer. 
     
     
         32 . The system of  claim 29 , wherein the HTML stack of layers is ordered such that, when HTML objects are displayed at least partially in the same display location, scaled overlay layer HTML objects overlay content layer HTML objects, and fixed overlay layer HTML objects overlay content layer HTML objects and scaled overlay layer HTML objects. 
     
     
         33 . The system of  claim 29 , wherein the zoom coordinator is configured to:
 display webpage content objects in the content layer;   display first usage information in the scaled overlay layer;   display second usage information in the fixed overlay layer; and   enable zooming to change zoom level;   wherein, during zooming, a zoom level of the displayed first usage information is adjusted to match a zoom level of the content objects, and wherein a zoom level of the second usage information is kept fixed.   
     
     
         34 . The system of  claim 29 , wherein the zoom level of the displayed webpage varies during the replay based on user selection during the replay. 
     
     
         35 . The system of  claim 29 , wherein displayed usage information comprises a displayed heat map relating to the user events. 
     
     
         36 . The system of  claim 29 , wherein the user events comprise user clicks, user selections, and user keystroke entries. 
     
     
         37 . The system of  claim 29 , wherein the Replay Manager is configured to display an analysis box, wherein a first HTML object of the scaled overlay layer:
 counts first usage information within a boundary of the analysis box;   obtains a count value relating to the first usage information; and   passes the count value to a second HTML object of the fixed overlay layer for fixed display during zooming.   
     
     
         38 . The system of  claim 29 , wherein usage information comprises conversion rate information, number of mouse clicks information, percentage of mouse clicks information, and information regarding an amount of time that a user spent on a web page during a web session. 
     
     
         39 . The system of  claim 29 , wherein the scaled overlay layer comprises a transparent Iframe. 
     
     
         40 . The system of  claim 29 , wherein the webpage comprises a Document Object Model (DOM) structure. 
     
     
         41 . The system of  claim 29 , wherein replay and zooming take place on a mobile device. 
     
     
         42 . The system of  claim 29 , wherein, during replay, webpages and usage information is displayed on a display of a mobile device. 
     
     
         43 . A method comprising:
 Storing, in a database, information regarding webpages displayed during a web session and user events occurring during the web session;   obtaining usage information relating to the web session; and   replaying the web session using the usage information, comprising, during replay of the web session, adjusting a zoom level of displayed usage information based on a zoom level of a displayed webpage, wherein the zoom level of the displayed webpage varies during the replay;
 wherein the zoom level of the displayed usage information is adjustable to be fixed or to vary to match the zoom level of the displayed web page; 
 wherein the replay utilizes an HTML stack of layers comprising:
 a content layer for use in displaying webpage objects; 
 a scaled overlay layer for displaying usage information at a zoom level to match a zoom level of a displayed webpage; and 
 a fixed overlay layer for displaying usage information at a zoom level that is fixed and independent of a displayed webpage zoom level, 
 wherein the HTML stack of layers is ordered such that scaled overlay layer HTML objects overlay content layer HTML objects, and fixed overlay layer HTML objects overlay content layer HTML objects and scaled overlay layer HTML objects; and 
 
 wherein usage information is communicated between the scaled overlay layer and the fixed overlay layer. 
   
     
     
         44 . The method of  claim 43 , comprising utilizing the HTML stack of layers for the replay, wherein the HTML stack of layers is a z-index based stack, wherein usage information is communicated between the scaled overlay layer and the fixed overlay layer, and wherein usage information is communicated from an object located within the scaled overlay layer to an object located within the fixed overlay layer. 
     
     
         45 . The method of  claim 43 , comprising utilizing the HTML stack of layers for the replay, wherein the HTML stack of layers is a z-index based stack, wherein usage information is communicated between the scaled overlay layer and the fixed overlay layer, and wherein usage information is communicated from an object located within the scaled overlay layer to an object located within the fixed overlay layer, and wherein the scaled overlay layer is a separate application instance from the fixed overlay layer. 
     
     
         46 . The method of  claim 43 , comprising utilizing the HTML stack of layers for the replay, wherein the HTML stack of layers is ordered such that, when HTML objects are displayed at least partially in the same display location, scaled overlay layer HTML objects overlay content layer HTML objects, and fixed overlay layer HTML objects overlay content layer HTML objects and scaled overlay layer HTML objects. 
     
     
         47 . The method of  claim 43 , comprising:
 displaying webpage content objects in the content layer;   displaying first usage information in the scaled overlay layer;   displaying second usage information in the fixed overlay layer; and   enabling zooming to change zoom level;   wherein, during zooming, a zoom level of the displayed first usage information is adjusted to match a zoom level of the content objects, and wherein a zoom level of the second usage information is kept fixed.   
     
     
         48 . The method of  claim 43 , comprising displaying the webpage, wherein the webpage comprises a Document Object Model (DOM) structure. 
     
     
         49 . The method of  claim 43 , comprising replaying the web session, wherein replay and zooming take place on a mobile device. 
     
     
         50 . A non-transitory computer readable medium or media containing instructions for executing a method comprising:
 Storing, in a database, information regarding webpages displayed during a web session and user events occurring during the web session;   obtaining usage information relating to the web session; and   replaying the web session using the usage information, comprising, during replay of the web session, adjusting a zoom level of displayed usage information based on a zoom level of a displayed webpage, wherein the zoom level of the displayed webpage varies during the replay;
 wherein the zoom level of the displayed usage information is adjustable to be fixed or to vary to match the zoom level of the displayed web page; 
 wherein the replay utilizes an HTML stack of layers comprising:
 a content layer for use in displaying webpage objects; 
 a scaled overlay layer for displaying usage information at a zoom level to match a zoom level of a displayed webpage; and 
 a fixed overlay layer for displaying usage information at a zoom level that is fixed and independent of a displayed webpage zoom level, 
 wherein the HTML stack of layers is ordered such that scaled overlay layer HTML objects overlay content layer HTML objects, and fixed overlay layer HTML objects overlay content layer HTML objects and scaled overlay layer HTML objects; and 
 
 wherein usage information is communicated between the scaled overlay layer and the fixed overlay layer.