metro para windows phone
DESCRIPTION
Apresentação realizada no TDC São Paulo 2012TRANSCRIPT
Metro para Windows PhoneManoel dos Santos
@manoeldossantos
blogs.solidq.com/msantos
UX
metro
METRO IS OUR DESIGNLANGUAGE. WE CALL IT METROBECAUSE IT’S MODERN ANDCLEAN. IT’S FAST AND INMOTION. IT’S ABOUT CONTENTAND TYPOGRAPHY. AND IT’SENTIRELY AUTHENTIC.
princípios
“Clean”, leve, aberto e rápidoTipografia é arteVivo, em movimentoConteúdo, sem decoraçãoAutenticamente digital
metro
seja você mesmo
Inspire-se nos conceitos da linguagem Metro,
mas procure balancear com sua identidade e estilo.
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
gestos
processo de desenvolvimento
visual design interactive designfront end dev
developmentconcept
Sketchflow
Mão
demo
links
Design templateshttp://wp7designtemplates.codeplex.com/
Sketchflow templateshttp://wp7sketchflow.codeplex.com/
Cheatsheethttp://nordkapp.fi/blog/2011/05/wp7-for-designers-cheatsheet/
User Experience Design Guidelineshttp://msdn.microsoft.com/en-us/library/hh202915(v=VS.92).aspx
Stencil Kithttp://www.uistencils.com/products/windows-phone-stencil-kit