WO2011128514A1 - Method for analyzing the usage of a web page and visualization and analysis tool - Google Patents

Method for analyzing the usage of a web page and visualization and analysis tool Download PDF

Info

Publication number
WO2011128514A1
WO2011128514A1 PCT/FI2011/050338 FI2011050338W WO2011128514A1 WO 2011128514 A1 WO2011128514 A1 WO 2011128514A1 FI 2011050338 W FI2011050338 W FI 2011050338W WO 2011128514 A1 WO2011128514 A1 WO 2011128514A1
Authority
WO
WIPO (PCT)
Prior art keywords
web page
transparency
areas
usage
analyzing
Prior art date
Application number
PCT/FI2011/050338
Other languages
French (fr)
Inventor
Antti VÄÄTÄNEN
Pasi VÄLKKYNEN
Minna Kulju
Antti Nummiaho
Original Assignee
Teknologian Tutkimuskeskus Vtt
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Priority to FI20105393A priority Critical patent/FI20105393A0/en
Priority to FI20105393 priority
Application filed by Teknologian Tutkimuskeskus Vtt filed Critical Teknologian Tutkimuskeskus Vtt
Publication of WO2011128514A1 publication Critical patent/WO2011128514A1/en

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING; COUNTING
    • G06QDATA PROCESSING SYSTEMS OR METHODS, SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL, SUPERVISORY OR FORECASTING PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL, SUPERVISORY OR FORECASTING PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00Commerce, e.g. shopping or e-commerce
    • G06Q30/02Marketing, e.g. market research and analysis, surveying, promotions, advertising, buyer profiling, customer management or rewards; Price estimation or determination

Abstract

The invention is directed to a method for analyzing the usage of a web page, making use of information about the actions of users of the web page. In accordance with the invention, the method comprises a step in which the web page is divided into a set of areas; the transparency of the areas is arranged to change so that the actions of the user of the web page in each area of the page correlate with the transparency; and the usage of the web page is analyzed on the basis of the transparency of the areas. The invention is also directed to a web page visualization and analysis tool utilizing the method.

Description

Method for analyzing the usage of a web page and visualization and analysis tool

The invention is directed to a method according to the preamble of claim 1 for analyzing the usage of a web page. The invention is also directed to a web page visualization and analysis tool according to the preamble of claim 7.

Computer based devices, especially browsers and mobile devices, have become wide-spread and are commonly used to browse web pages ('web' referring to the World Wide Web, or WWW, which is part of the world-wide computer network also called the Internet). Usually, providers of web pages do not produce separate pages for mobile communication devices but, instead, the pages designed for the displays of ordinary computers will be used in mobile devices within the limits dictated by their user interfaces. The display of a mobile device may be a few inches in diameter whereas the display of a desktop computer can be 22 inches, for ex- ample. Using ordinary web pages in mobile devices often requires the use of a zooming function (making page larger/smaller), positioning the display on a certain area of the page, and making selections, such as using a finger to choose one of adjacent links on a touch screen. This is problematic as the use of the web page takes extra time. An additional problem with a mobile device having a touch screen is that the user possibly considers it awkward to use. On the other hand, problems may be associated with a web site which may be difficult to use, especially when browsed on a mobile device.

An object of the invention is to chart and illustrate the problems related to the use of web pages or similar service pages downloadable from a network service, for example, and thereby also to help find new solutions to make the use of web pages easier. Another object of the invention is to provide a new improved method for analyzing a web page and a visualization and analysis tool.

The method according to the invention for analyzing a web page is characterized by that which is expressed in claim 1. The web page visualization and analysis tool according to the invention is characterized by that which is expressed in claim 7. Advantageous embodiments of the invention are presented in the dependent claims.

The invention is directed to a method for analyzing the usage of a web page, making use of information about the actions of users of the web page. In the method according to the invention,

- a web page is divided into a set of areas;

- transparency of the areas is arranged to change so that the actions of the user of the web page in each area of the page correlate with the transparency; and

- the usage of the web page is analyzed on the basis of the transparency of the areas.

'Actions of the user' refer in general to the actions directed by the user onto a given web page, such as the use of the zooming function (zooming in/out), navigation, positioning the display at a certain point of the web page, making selections, misclicks and instant returns and so forth. In an advantageous embodiment of the invention one or more colors are used in the areas to represent one or more different actions directed by the user onto the web page.

In an advantageous embodiment of the invention the areas form a grid the squares of which cover the web page. In an advantageous embodiment of the invention the transparency is divided into a suitable number of discrete categories between 0 and 1 where 0 represents full transparency and 1 represents non-transparency, or opacity.

In an advantageous embodiment of the invention, the transparency is divided into at least three discrete categories between 0 and 1. In an advantageous embodiment of the invention, a T in the transparency category system represents the most popular action areas on the web page.

The invention is also directed to a web page visualization and analysis tool, making use of information about the actions of users of the web page. According to the invention, the tool comprises - a means for dividing the web page into a set of areas; - a means for arranging the transparency of each area to change so that the actions of the user of the web page in each area of the page correlate with the transparency; and

- a presentation means where the usage of the web page is analyzed on the basis of the transparency of the areas.

In an advantageous embodiment of the invention the tool comprises a means for applying one or more colors to the areas to represent one or more different actions directed by the user onto the web page.

In an advantageous embodiment of the invention, the web page can be divided in- to a set of areas, comprises a means for generating a grid, the grid squares covering the web page.

In an advantageous embodiment of the invention, the tool comprises a means for dividing the transparency into a suitable number of discrete categories between 0 and 1 where 1 represents full transparency and 0 represents non-transparency, or opacity.

In an advantageous embodiment of the invention, there are at least three transparency categories between 0 and 1.

One of the advantages of the method and tool according to the invention is that it makes it easy to evaluate the effects of changes in a web page on different time scales and also evaluate the quality of the web pages.

Another advantage of the invention is that it makes it possible to compare the need of zooming as well as the number of misclicks in the different mobile devices and browsers, thereby helping the evaluation of web pages as regards suitability for mobile applications, for instance. The invention and its further advantages are below described in more detail with reference to the accompanying drawing, where

Fig. 1 illustrates, in a flow diagram, a method according to the invention for analyzing a web page and a corresponding tool.

A user connects to a web site or a corresponding service site downloadable from a network service by means of a mobile browser on a mobile device, for example, and browses the web pages or service pages. The user's actions on each web page are registered and action data are collected at step 1 by an appropriate means into the memory of a data collecting server or a similar information gathering means.

While collecting action data, context information may also be collected at the same time, meaning information related to the instance of usage during the browsing session, and this information can be saved in the memory of the data collecting server.

There exist many alternative ways to collect data and forward them to the data collecting server. Web browsing is based on the HTTP protocol in which the terminal sends to the server an HTTP request to which the HTTP server responds with an HTTP response comprising the contents of a service page, for example. The HTTP request includes header fields containing various data, such as the name of the browser application and the size of the message in bytes, for instance. Other header fields can be added to such a (request) message, or a similar one, and thereby, action and/or context information can be sent within the message to the HTTP server which forwards the data to the data collecting server. The server reads the header fields in the request message and uses the information contained in the header fields to analyze the web page/site.

In accordance with the invention, the user action data collected by the data collect- ing server from the web page are visualized. This means that the web page is divided into a set of areas preferably covering the whole web page. In an advantageous embodiment of the invention the web page is divided into a grid the squares of which cover the web page. The transparency of the areas, such as grid squares, is arranged to change so that the actions of the user of the web page in each area of the page correlate with the transparency. The results are then presented on a suitable means of presentation, such as a display, to a (usability) evaluator or a corresponding person who analyzes the usage of the web page on the basis of the transparency of the grid squares.

The method according to the invention and the corresponding tool make use of in- formation about a user's actions, such as movements, selections and zooming operations, within a single web page, which information is collected and stored in a data collecting server. The evaluator, if he desires, may also choose the suitable context-related attributes as a basis for the evaluation from the following: the web page, browser, device, time of day, weather, temperature, location, and the activity level of the user. The evaluator may also choose in the method and corresponding tool whether the visualization shows from the user's actions only the most common zooming area or, for example, the three most common areas, misclicks or instant returns from selected links.

In an advantageous embodiment of the method and corresponding tool according to the invention, the most popular positioning and zooming areas are shown as fully transparent (transparency = 1 ) areas, such as grid squares. The next most popular area, such as grid square, is masked with a blue-grey (or similar light) shade of color which is partially transparent (transparency 0.8, for example, on a scale of 1 to 0) and the least popular area, such as grid square, is masked with a grey (or similar relatively dark) shade of color which also is partially transparent (transparency 0.5, for example, on a scale of 1 to 0) but the transparency of which is less than that of the blue-grey shade mentioned above. Thus the visualization transparency is divided into three discrete categories between 0 and 1.

In an advantageous embodiment of the method and corresponding tool according to the invention, different colors are used to represent various user's selections. Then, a red transparent area, such as grid square, can be used to represent the areas where misclicks have been made, for example. Similarly, the most popular and most often used links (and areas/squares) are represented by a green transparent coloring realized e.g. as a strikethrough (or a rectangle) on the link, and the links which caused instant returns are represented by a blue transparent coloring (realized e.g. as a strikethrough or rectangle on the link).

The invention makes it possible to compare navigation events within a single web page, such as scrolling, zooming, link selections, misclicks, and instant returns, on different devices, browsers and at different moments of time, e.g. from a touch screen equipped mobile communication device. The invention makes possible a quick context based development of a positive user experience of web services to be used on mobile communication devices. The invention can be used to quickly generate various analyzes and summaries by means of which it is possible to compare the differences, consistencies, drawbacks and strengths of different mo- bile devices, their browsers and the users' browsing contexts, for example, in the most common browsing mode in the world - navigation within a single web page. Furthermore, the invention can be used to analyze and determine the effects of changes done on a service's page on the usage of the page e.g. on different time scales, whereby it is possible to determine the effect of the changes made on the page, such as content editing (advertising or the like), on the usability of the page and, thus, on the business. In particular the invention can be used to support a comparative analysis of navigation and zooming on a web page with a touch-screen equipped mobile device, for example. (Other) context information from the mobile device can be combined with action data, such as navigation data. The invention can be used to visualize data collected in a database and analyzed, which data concerns user's movements, selections and/or zoom operations within a single web page.

In addition, the mobile device may have one or more interfaces and/or sensors to monitor the user's physical motion and environment. Acceleration, location, audio data from a microphone, visual information from a camera etc. make possible different context classifications based on decision-making algorithms. Context information which advantageously includes a visual indication (camera) can be generated e.g. an XML description and send this through a (separate) data link from the mobile device to the server of the arrangement. In practice, this can be implemented using a separate background process in the mobile device, therefore not necessitating an HTTP request from the browser for the transmission of the data. The background process may transmit the data using the HTTP POST method to the server of the arrangement e.g. at regular intervals or at intervals specified in some other way. The information is advantageously sent as payload in the HTTP request in the XML format. The context information indicates e.g. the motion status derived from the acceleration data and describes the browser view on the mobile device at the moment of the time stamp. The invention is not limited to apply solely to the exemplifying embodiment described above but many modifications and variations are possible within the scope of the inventional idea defined by the claims.

Claims

Claims
1. A method for analyzing the usage of a web page, making use of information about the actions of users of the web page, characterized in that in the method,
- a web page is divided into a set of areas; - transparency of the areas is arranged to change so that the actions of the user of the web page in each area of the page correlate with the transparency; and
- the usage of the web page is analyzed on the basis of the transparency of the areas.
2. A method according to claim 1 for analyzing the usage of a web page, cha- racterized in that the areas are marked with one or more colors to represent one or more different actions directed by a user to the web page.
3. A method according to claim 1 or 2 for analyzing the usage of a web page, characterized in that the areas form a grid the squares of which cover the web page.
4. A method according to claim 1 , 2 or 3 for analyzing the usage of a web page, characterized in that the transparency is divided into a suitable number of discrete categories between 0 and 1 , where 1 represents full transparency and 0 represents non-transparency, or opacity.
5. A method according to claim 4 for analyzing the usage of a web page, cha- racterized in that the transparency is divided into at least three discrete categories between 0 and 1.
6. A method according to claim 4 or 5 for analyzing the usage of a web page, characterized in that in the transparency categorization, Ί' represents the most popular interaction areas on the web page.
7. A web page visualization and analysis tool, which makes use of information about the actions of users of the web page, characterized in that the tool comprises
- a means for dividing the web page into a set of areas; - a means for arranging the transparency of each area to change so that the actions of the user of the web page in each area of the page correlate with the transparency; and
- a presentation means where the usage of the web page is analyzed on the basis of the transparency of the areas.
8. A web page visualization and analysis tool according to claim 7, characterized in that the tool comprises a means for applying one or more colors to the areas to represent one or more different actions directed by the user onto the web page.
9. A web page visualization and analysis tool according to claim 7 or 8, characterized in that the means, by which the web page can be divided into a set of areas, comprise a means for creating a grid the squares of which cover the web page.
10. A web page visualization and analysis tool according to claim 8 or 9, charac- terized in that the tool comprises a means by which the transparency is divided into a suitable number of discrete categories between 0 and 1 , where 0 represents full transparency and 1 represents non-transparency, or opacity.
PCT/FI2011/050338 2010-04-15 2011-04-15 Method for analyzing the usage of a web page and visualization and analysis tool WO2011128514A1 (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
FI20105393A FI20105393A0 (en) 2010-04-15 2010-04-15 Procedure for analyzing the use of an internet site and visualization and analysis tools
FI20105393 2010-04-15

Publications (1)

Publication Number Publication Date
WO2011128514A1 true WO2011128514A1 (en) 2011-10-20

Family

ID=42133238

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/FI2011/050338 WO2011128514A1 (en) 2010-04-15 2011-04-15 Method for analyzing the usage of a web page and visualization and analysis tool

Country Status (2)

Country Link
FI (1) FI20105393A0 (en)
WO (1) WO2011128514A1 (en)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2013169782A1 (en) 2012-05-10 2013-11-14 Clicktale Ltd. A method and system for monitoring and tracking browsing activity on handled devices
US20140013250A1 (en) * 2012-07-08 2014-01-09 Yahoo! Inc. Method and system for visualizing patterns during internet browsing
US20140019461A1 (en) * 2012-07-13 2014-01-16 Apple Inc. Heat-map interface
US9075781B2 (en) 2013-03-15 2015-07-07 Apkudo, Llc System and method for coordinating field user testing results for a mobile application across various mobile devices
US9283672B1 (en) 2014-12-11 2016-03-15 Apkudo, Llc Robotic testing device and method for more closely emulating human movements during robotic testing of mobile devices
US9578133B2 (en) 2012-12-03 2017-02-21 Apkudo, Llc System and method for analyzing user experience of a software application across disparate devices
US10261611B2 (en) 2012-12-03 2019-04-16 Apkudo, Llc System and method for objectively measuring user experience of touch screen based devices

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5787254A (en) * 1997-03-14 1998-07-28 International Business Machines Corporation Web browser method and system for display and management of server latency
US5973663A (en) * 1991-10-16 1999-10-26 International Business Machines Corporation Visually aging scroll bar
US6037935A (en) * 1998-04-28 2000-03-14 International Business Machines Corporation Web page exploration indicator and method
US6154752A (en) * 1998-02-13 2000-11-28 Lockheed Martin Corporation Chronological identification of hyper text links during back tracking
US6608615B1 (en) * 2000-09-19 2003-08-19 Intel Corporation Passive gaze-driven browsing

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5973663A (en) * 1991-10-16 1999-10-26 International Business Machines Corporation Visually aging scroll bar
US5787254A (en) * 1997-03-14 1998-07-28 International Business Machines Corporation Web browser method and system for display and management of server latency
US6154752A (en) * 1998-02-13 2000-11-28 Lockheed Martin Corporation Chronological identification of hyper text links during back tracking
US6037935A (en) * 1998-04-28 2000-03-14 International Business Machines Corporation Web page exploration indicator and method
US6608615B1 (en) * 2000-09-19 2003-08-19 Intel Corporation Passive gaze-driven browsing

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
"Interactive Click Heatmap Joins ClickTale Heatmap Suite", CLICKTALE, 12 August 2009 (2009-08-12), Retrieved from the Internet <URL:http://blog.clicktale.com/2009/08/12/interactive-click-heatmap-joins-clicktale-heatmap-suite/> [retrieved on 20110623] *

Cited By (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2013169782A1 (en) 2012-05-10 2013-11-14 Clicktale Ltd. A method and system for monitoring and tracking browsing activity on handled devices
EP2847688A4 (en) * 2012-05-10 2016-02-24 Clicktale Ltd A method and system for monitoring and tracking browsing activity on handled devices
US10063645B2 (en) 2012-05-10 2018-08-28 Clicktale Ltd. Method and system for monitoring and tracking browsing activity on handled devices
US20140013250A1 (en) * 2012-07-08 2014-01-09 Yahoo! Inc. Method and system for visualizing patterns during internet browsing
US9696896B2 (en) * 2012-07-08 2017-07-04 Excalibur Ip, Llc Method and system for visualizing patterns during internet browsing
US20140019461A1 (en) * 2012-07-13 2014-01-16 Apple Inc. Heat-map interface
US10089637B2 (en) * 2012-07-13 2018-10-02 Apple Inc. Heat-map interface
US10261611B2 (en) 2012-12-03 2019-04-16 Apkudo, Llc System and method for objectively measuring user experience of touch screen based devices
US9578133B2 (en) 2012-12-03 2017-02-21 Apkudo, Llc System and method for analyzing user experience of a software application across disparate devices
US10452527B2 (en) 2013-03-15 2019-10-22 Apkudo, Llc System and method for facilitating field testing of a test application
US9858178B2 (en) 2013-03-15 2018-01-02 Apkudo, Llc System and method for facilitating field testing of a test application
US9367436B2 (en) 2013-03-15 2016-06-14 Apkudo, Llc System and method for coordinating field user testing results for a mobile application across various mobile devices
US9075781B2 (en) 2013-03-15 2015-07-07 Apkudo, Llc System and method for coordinating field user testing results for a mobile application across various mobile devices
US9718196B2 (en) 2014-12-11 2017-08-01 Apkudo, Llc Robotic testing device and method for more closely emulating human movements during robotic testing of a user device
US9283672B1 (en) 2014-12-11 2016-03-15 Apkudo, Llc Robotic testing device and method for more closely emulating human movements during robotic testing of mobile devices
US9469037B2 (en) 2014-12-11 2016-10-18 Apkudo, Llc Robotic testing device and method for more closely emulating human movements during robotic testing of mobile devices

Also Published As

Publication number Publication date
FI20105393A0 (en) 2010-04-15
FI20105393D0 (en)

Similar Documents

Publication Publication Date Title
KR101099198B1 (en) Mobile information services
DE112012000944B4 (en) Web-based editing and web content sharing in real time
Hulkko et al. Mobile probes
KR100341110B1 (en) Method and apparatus for tracking client interaction with a network resource and creating client profiles and resource database
US6785717B1 (en) Method of incorporating user reaction measurement software into particular web pages of a website
US20070245238A1 (en) Timeline visualizations linked with other visualizations of data in a thin client
US20030115023A1 (en) Collecting a user response to an explicit question specifically concerning a particular web page of a website
US20120210244A1 (en) Cross-Domain Privacy Management Service For Social Networking Sites
EP0782065A2 (en) Pointing to displayed objects in a computer system
AU2012370492B2 (en) Graphical overlay related to data mining and analytics
Shrestha Mobile web browsing: usability study
US7631035B2 (en) Path-analysis toolbar
EP2169527A1 (en) Method and apparatus for displaying content at a mobile device
US20100251128A1 (en) Visualization of website analytics
US20050240618A1 (en) Using software incorporated into a web page to collect page-specific user feedback concerning a document embedded in the web page
CA2479615C (en) A multi-user display system and control method therefor
US20180189414A1 (en) Method and apparatus for using proxies to interact with webpage analytics
JP3693938B2 (en) Information distribution system, advertisement distribution system, information distribution program, server, information distribution server, advertisement information distribution method, and saver page display method
RU2427912C2 (en) System for visual display and information control on web-page with application of indicator
US20020197983A1 (en) Terminal function setting method, terminal function setting system, terminal, and program
US6714963B1 (en) System and method for improving web site accessibility
US9720569B2 (en) Cloud-based custom metric/timer definitions and real-time analytics of mobile applications
CN102043805A (en) Method and device for generating Internet navigation page
EP1997033A2 (en) Apparatus and method for changing web design
US20140143071A1 (en) Method and apparatus for providing online advertisement

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 11768517

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase in:

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 11768517

Country of ref document: EP

Kind code of ref document: A1