Tablets have much more screen real estate than
their smartphone counter parts. To use the space well but still maintain
consistency between the smartphone and tablet app a different design
approach for showing information is needed.
Split View is a design approach that is often used
on many desktop and web applications. Left side of the screen displays
higher level categories and selecting one of them brings detailed info
of the selection to the right side of the screen.
- Full utilisation of the screen
- Consistent information architecture
between smartphone and tablet app
use two different implementations of the Split View depending on their
The simpler approach is to have a constant left side that
always shows the same data and only the right side changes based on the
selection. This approach is good when the app only has two levels of
data, for example, categories and content.
The more complex approach is when the data hierarchy is
deeper than two levels. Let's look at minus
app as an example. Here is the smartphone UI:
table app shows contents of two smartphone views at the same time. When
user navigates deeper into the data hierarchy the top most view is
bumped out from the left and replaced by the content that previously was
presented on the right.
Split view should be implemented using Android
. The API manages activity stack automatically and can
be used on both smartphones and tablets.
Split View gallery