Interface Metro para Windows Phone

Interface Metro para Windows PhoneManoel dos Santos

me

User Experience Designer

manoeldossantos@gmail.com@manoeldossantosblogs.solidq.com/msantos

agenda

• A Interface Metro• Layout• Interação• Criação

metro

metro no windows phone

metro no zune HD

metro no desktop

metro no xbox

metro no windows 8

Windows Phone, I’m your father

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

duelo de titãs

a interface metro

início

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

layouts

panorama

pivot

listas

barra da aplicação e de menu

menu contextual

ícones

processo de desenvolvimento

visual design interactive designfront end dev

developmentconcept

Sketchflow

Mão

demo

benchmarking

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

perguntas?

manoeldossantos@gmail.com

@manoeldossantos