1. CONTENT LOADING
Don't add loading indicators on your hub page.
Do show an extended splash screen with a loading indicator before showing the hub page.
2. PANNING DIRECTION
Don't design hubs that pan vertically.
Do design hubs that are laid out horizontally.
3. SCROLLABLE AREAS
Don't add scrolling areas within a scrolling page.
Do present your content front and center. Don't hide it in scrollable areas.
4. READ MORE
Don't use buttons or links like "read more" alongside your tiles or content.
Do make your hub titles large enough so they can be tapped easily. Optionally indicate the number of items in your hub.
Don't add buttons and command like 'edit', 'add', 'delete' on your hub page.
Do place these commands in the app bar. Only place essential commands on your page.
Don't place navigation items on your hub page that are not accompanied by content.
Do always accompany hub titles with content. Use semantic zoom to quickly navigate between hubs.
Don't place a search field on your hub page.
Do integrate your app with the built-in search charm.
8. APP BAR
Don't leave out an app bar on your hub page.
Do try to find a use for an app bar on your hub page. Windows 8 users expect this behavior.
9. MAX WIDTH OF HUB
Don't make users guess whether there are more hubs past the edge of the screen.
Do let the next hub show so that users know there is more content to see.
10. CONTENT OVERFLOW
Don't try to fit all your content in the viewport.
Do flow your content outside of the viewport and make sure it looks cut off to indicate panning.
11. CONTENT SCROLLING
Don't crop scrolling content at the left or right of the screen.
Do allow scrolling content to flow beyond the edge of the screen naturally.