Jessica Engström

The girl with the Batman/Spider-Man tattoo

NAVIGATION

buttons in windows 8 app bar

The app bar is made to hold 10 commands in any direction with the recommended padding.
However, with the handheld devices it can get a bit tricky to press the buttons in the middle of the screen (if you hold the device with both hands for example)
So try to narrow it down.
How to do that? well here are a few suggestions.



listall

Start with listing all possible commands for your app (one page at a time)



Groups

Group all similar commands – in this case everything related to the view and filter. You don’t need to use a divider, but you have the option to.


menus 

Use flyouts and menus where appropriate – this example only shows one filter button, but all 3 is shown in the menu. A real space saver.

 

 

This is “Demystifying Windows 8 app bar” part 3 of 8.
Part 4 “
Button placement in the Windows 8 app bar

Posted in UX/UI with : Design, Windows