Where to put the “new button” in a metro style app

Question

I am creating a Windows 8 style app, and I am confused where to put the new button. I have many options I can choose from.

• First above the search list:

  

• Second under the search list:

  

• Third with window title:

  

• Fourth inside the app bar:

  

Which is better and why ?

Answer 1

It's usually a better idea to show the "add new" option in the same grid/list that displays the existing collection of items (especially for admin management pages).

How about the following 2 options?

This one displays the add icon to the far right corner of the page.

This one displays it right next to the title; a bit more convenient.

Answer 2

Note that especially if your page is only displaying one type of item in the list (and its the only list), the Windows 8 guidelines say you should actually be placing your new button in the app bar, on the right-hand side.

You can check out the relevant UX guidelines from Microsoft here: http://msdn.microsoft.com/en-us/library/windows/apps/hh761499.aspx