Web Books Navigation

A book, whether print or electronic, is composed of chapters. A chapter can further be divided into sections. In print books, the paper size is fixed, usually smaller than a section or chapter. By contrast, the "electronic page" (or "ePage" in short) is flexible. A section or a chapter can be put on an ePage which is equivalent to an article on a website. However, the screen size is fixed. An ePage could be many times longer than a screen. This presents difficulty for nevigation through an eBook, especially on smartphones.

Scrolling vs. Paging

The navigation mehtod can be classified into two categories: scrolling and paging. Scrolling is commonly used in browsing Web articles while paging is predominantly employed by eBook readers. However, the height of an image could be near or even larger than the height of a screen. This may cause large empty space. To avoid such problem, the height of an image is usually made small in the paging mode. To see its origina size, you will have to click or double-click on it. Therefore, in some cases, paging does have some disadvange compared to scrolling. This could be the reason why Apple Books APP has implemented vertical scrolling a few years ago, followed by Amazon Kindle APP in 2019.

Web Books Navigation

Our APP supports both paging and scrolling. You can switch between them with a simple click. Details are described elsewhere. The following focuses on the unique navigation method through an ePage.


The unique Web Books Navigation: Red dash lines illustrate the boundaries of left, right and bottom edges. They are actually invisible. Yellow dots represent examples of clicked position.

(1) Click (or tap) at any position in the right or left edge to rapidly reach the corresponding part of an ePage (a chapter or section). For instance, clicking the upper corner will show the top portion of an ePage. Clicking the mid-position of the vertical edge will display the middle portion of an ePage. Clicking the bottom corner will reach the last portion immediately.

(2) The bottom edge is divided into two parts. Clicking at any position in the left half wil go to the previous "screen page." Clicking at any position in the right half wil go to the next screen page.

In short, the right and left edges act like a vertical scroll bar that controls which part of an ePage should appear on the screen. If an ePage is much longer than the screen, the scroll bar alone is hard to navigate to the next or previous screen page. In the Web Books Navigation, this can be achieved by the bottom edge. Clicking at any position in the right or left half of the bottom edge wil go to the next or previous screen page, respectively. Our APP applies to both mouse and touch devices. When we say "click", it means "click" by using a mouse or "tap" by using a finger. On touch devices, the Web Books Navigation also supports the traditional "swipe" to turn a "screen page."

In the Paging Mode, when a screen page shows up, its page number (n) will appear at the bottom right for 5 seconds. The total number (T) of screen pages in an ePage will also be displayed with the format: n of T.


Author: Frank Lee
Date: 2021-05-06