Metro para Windows Phone

18
Metro para Windows Phone Manoel dos Santos @manoeldossant os manoeldossant os @gmail.com blogs. solidq.co m/ msantos UX

description

Apresentação realizada no TDC São Paulo 2012

Transcript of Metro para Windows Phone

Page 1: Metro para Windows Phone

Metro para Windows PhoneManoel dos Santos

@manoeldossantos

[email protected]

blogs.solidq.com/msantos

UX

Page 2: Metro para Windows Phone
Page 4: Metro para Windows Phone

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.

Page 5: Metro para Windows Phone
Page 6: Metro para Windows Phone
Page 7: Metro para Windows Phone

princípios

“Clean”, leve, aberto e rápidoTipografia é arteVivo, em movimentoConteúdo, sem decoraçãoAutenticamente digital

Page 8: Metro para Windows Phone

metro

Page 9: Metro para Windows Phone

seja você mesmo

Inspire-se nos conceitos da linguagem Metro,

mas procure balancear com sua identidade e estilo.

Page 10: Metro para Windows Phone
Page 11: Metro para Windows Phone

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

Page 12: Metro para Windows Phone

gestos

Page 13: Metro para Windows Phone

processo de desenvolvimento

visual design interactive designfront end dev

developmentconcept

Sketchflow

Mão

Page 14: Metro para Windows Phone

demo

Page 15: Metro para Windows Phone
Page 16: Metro para Windows Phone
Page 17: Metro para Windows Phone

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

Page 18: Metro para Windows Phone

Q&A

[email protected]@manoeldossantosblogs.solidq.com/msantos

?