1. The user views an item

2. The user swipes to the left/right

3. The next article is shown

4. The page indicators are updated to show the new state.

1. A user views any type of content and selects the ‘share’ button.

2. A dialog shows a list of apps that are available for sharing the content.

3. If there are more apps than can be displayed in the dialog, the list will become scrollable .

4. After selecting an app, the user is guided through the steps needed to complete the sharing process. These steps differ per app.After completing the sharing process, the user returns to the original view in the first image

1. The user sees 2 or 3 rows of rectangles containing text and possibly images.

2. Each row is scrollable by itself independently of the others.

3. When the user stops scrolling the row items automatically align to the left of the screen.

1. The user reads a piece of content and wants to jump to another article.

2. He taps on an element or indicator…

3. … that makes the contextual navigation bar slide up.

4. The user scrolls to the left to view options in the contextual navigation bar…

5. … and selects an option.

6. The corresponding piece of content is opened.

1. The user pulls down a list.

2. A message appears, telling the user he can pull down the list to refresh.

3. The user pulls the list further down.

4. A new message appears, telling the user that the list will refresh when he releases it.

5. The user lets go.

6. A refreshing or loading message appears.

7. The refreshing message disappears and a new list is shown, with the new items at the top of the list.

1. User views a particular piece of content with a thumbs up and thumbs down button.

2. User hits the thumbs up/down button.

3. The selected thumb is highlighted in order to show what has been selected.

If you think you should become the next guest editor, write us an email at androidpatterns@unitid.nl, and get the same credits as Martijn did.

1. On top of the screen a horizontal set of buttons, tabs or labels is located, each representing a section in the app. By default, the at most left button is selected. Only a small number fits the screen…

2. … so the user can slide or fling it to the left to unveil the rest of the sections.

3. The section that was selected stays selected while moving and will even be invisible when moved far enough.

4. The user selects an other section…

5. … and the corresponding content is loaded and then displayed.

1. The user is viewing a list.

2. When he starts scrolling up…

3. … a scroll thumb appears on the right edge of the screen. It is an indicator for where he finds himself on the page.

4. The scroll thumb can also be dragged up or down to let the user scroll faster to find the items of interest.

5. When the user lets the scroll thumb go, it slides out of the screen after two seconds, leaving the list where it was.

1. The user performs a swipe gesture on an item in a list. Here he swipes to the right.

2. The item in the list gets covered by a layer, which quickly slides into the screen in the same direction as the gesture.

3. Immediately when the item is covered, icons are shown which can be tapped to perform corresponding actions on that item.