When designing a layout on a tablet device consider the readers view or orientation of the device and how they will be holding it. Are they reading on the bus in portrait view with two hands holding the device or are they on the couch at home resting the device on their lap in landscape view. It’s important to keep this in mind as the context and mind sets are very different although its the same content it maybe need to be considered to present differently for each view.
For example, on the bus in portrait view you may have the text larger while in landscape at home you may see more interaction, such as a slideshow or cardflip, even a video. As you can see in one context it’s just 'I want to read this while I’m on my way to work' while the other - being on the couch - is 'I’m ready interact with the device more as I have no distractions'.
So consider your content when designing and planning out your publication. A good example to mention is PC & Authority’s magazine. Take a look at the example provided below and notice how they have done a really nice job of separating the details of the article from the product photography and rating. A good use of landscape and portrait view.
Standard page versus tall page: A standard (4:3) page is a page that fits nicely on screen, so 768x1024 in either orientation and with each swipe in either direction (up/down/left/right) the next page will be presented and snap into place for the reader. This is nice approach for each page to look and feel like a normal page of a publication.
A tall page however acts like a normal web page in that it scrolls as long as the page you have designed.
Note: We recommend that you don’t mix the two in the same article.
or 944px in landscape.
For a better reading experience we recommend sticking to one or the other but not mixed together.
An example might be when using a tall page but at the end of the tall page there is further pages. Because it bounced which indicates to the reader that this maybe the end of the page because it has scrolled rather than snapped. This also goes against the paradigm of a scrolling page that a reader would be used to form viewing web pages.
Ensure consistency which allows the reader greater confidence in their reading experience.
NEXT > Touch