Browse Prior Art Database

A mechanism to improve the user experience of online reading Disclosure Number: IPCOM000238728D
Publication Date: 2014-Sep-15
Document File: 7 page(s) / 129K

Publishing Venue

The Prior Art Database


The disclosure wants to create one machanism which helps the user to deal with the issues of online reading and improves the user experience of it.

This text was extracted from a PDF file.
This is the abbreviated version, containing approximately 55% of the total text.

Page 01 of 7

A mechanism to improve the user experience of online reading

Reading online documents is coming increasingly popular both on desktop and smartphone. To improve the user experience, the website will develop different HTML document and CSS for different platforms or use something like Responsive web design (RWD) to coordinate the display according to the screen size.

But the experience of reading still exists the following problems:

When the user slides the page, the focus may be lost because of the scrolling action.

On the smartphone device, with the small screen, the above scenario occurs more often.

The user can't predict the length of the article and can't locate the read content easily.

The contrast between the text and the background may increase eyestrain.

Therefore, if there is a machanism which helps the user to deal with these issues, that would be very useful to improve the user experience of online reading!

We introduce a mechanism to analyze the document, seperate to some pages and give the process of reading to resolve the above issues.

The mechanism includes the following functionalities

Give the prediction reading time of the article according the length of it and history reading data

Divide the article to several pages and view them horizontally

Give the reading progress both on the words and the article

Modify the text and the background color to reduce the eyestrain


Page 02 of 7

Prediction Paging Progress Theme

Process Diagram


Page 03 of 7


Page 04 of 7

Document analysis

Reading time prediction

Process calculation

Page division and horizontal moving

The script reads the article coordinate and each page coordinate.

The script reads the user movement action and gets the related page coordinate.

The script creates one view like to display the page information.

The SwapView is displayed from left to right or right to left according to the user action.

The browser finishs to read the content and the onload function is triggered.

The browser runs the client script to analyze the HTML document.

The script executes the algorithm to divide the document into two parts: article and the rest of document. The algorithm can be found in the GitHub.

The script using 'dojo.position' or something similar function to calculate the area of the following information:

the article area

the none text area(including image, code)