O documento apresenta os princípios do design Metro para Windows Phone, incluindo que ele é "clean", leve, aberto e rápido, focado em tipografia e conteúdo. Fornece recomendações sobre áreas de toque, espaçamento entre elementos e ocupação de conteúdo. Também descreve o processo de desenvolvimento de aplicativos móveis.

1. Metro para Windows Phone
Manoel dos
Santos
UX
blogs.
solidq.com/
msantos
manoeldossantos
@gmail.com @manoeldossanto
s

3. metro

4. METRO IS OUR DESIGN
LANGUAGE. WE CALL IT METRO
BECAUSE IT’S MODERN AND
CLEAN. IT’S FAST AND IN
MOTION. IT’S ABOUT CONTENT
AND TYPOGRAPHY. AND IT’S
ENTIRELY AUTHENTIC.

7. princípios
“Clean”, leve, aberto e rápido
Tipografia é arte
Vivo, em movimento
Conteúdo, sem decoração
Autenticamente digital

8. metro

9. seja você mesmo
Inspire-se nos conceitos da
linguagem Metro,
mas procure balancear com
sua identidade e estilo.

11. toque
Área recomendada para toque = 9mm
Área mínima para toque = 7mm
Espaço mínimo entre os elementos =
2mm
Conteúdo deve ocupar entre 60 e 100%
da área de toque

12. gestos

13. processo de desenvolvimento
concept visual design interactive design development
front end dev
Mão
Sketchflow

14. demo

17. links
Design templates
http://wp7designtemplates.codeplex.com/
Sketchflow templates
http://wp7sketchflow.codeplex.com/
Cheatsheet
http://nordkapp.fi/blog/2011/05/wp7-for-designers-cheatsheet/
User Experience Design Guidelines
http://msdn.microsoft.com/en-us/library/hh202915(v=VS.92).aspx
Stencil Kit
http://www.uistencils.com/products/windows-phone-stencil-kit

18. Q&A
?
manoeldossantos@gmail.com
@manoeldossantos
blogs.solidq.com/msantos