How the app works:

First, we need to get a high-level overview of how the app works. (Note that the screenshots were taken on a 10-inch tablet and have been scaled to a smaller size. The experience on a phone may differ slightly.)

As soon as you launch the app, you are presented with a login screen, asking for your username and password. You also have the option to create an account and add a self-hosted WordPress site.

Once you login, you will notice a side pane with different items in a list. This is very similar to the side pane you see when you view your WordPress Dashboard in a desktop browser.

Clicking on an item in the list opens its corresponding view in the main pane on the right and the side pane disappears when in portrait mode. For example, when we click Stats in the side pane, this is how it appears:

The app also is responsive to the orientation of the device. For example, when I hold the tablet in Landscape mode, this is how the Stats section appears.

You can also find an Action Bar at the top with different buttons, which are context-sensitive to the item chosen in the side pane.

That brings us to the end of the high level overview. We will discuss how each component works, in detail, in upcoming blog posts.