SlideShare une entreprise Scribd logo
1  sur  30
Interface Metro para WP7 Manoel dos Santos
me User Experience Designer Dígitro Nextt RemindTV.com manoeldossantos@gmail.com @manoeldossantos www.manoeldossantos.com
metro
metro no windowsphone
metro no zune HD
metro no desktop
metro no xbox
metro no windows 8
princípios “Clean”, leve, aberto e rápido Tipografia é arte Vivo, em movimento Conteúdo, sem decoração
duelo de titãs
a interface metro
panorama
pivot
listas
barra da aplicação e de menu
menu contextual
ícones
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
prototipando
na mão
sketchflow
design visual
blend + design
benchmarking
links Design templates http://wp7designtemplates.codeplex.com/ Sketchflowtemplates 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 eBook Grátis http://microsoftfeed.com/2011/free-ebook-designing-for-windows-phone-7/
perguntas? manoeldossantos@gmail.com @manoeldossantos

Contenu connexe

En vedette (6)

Netnografia versaoapresentacao
Netnografia versaoapresentacaoNetnografia versaoapresentacao
Netnografia versaoapresentacao
 
Reforma energetica
Reforma energeticaReforma energetica
Reforma energetica
 
ANALISIS DAFO
ANALISIS DAFOANALISIS DAFO
ANALISIS DAFO
 
Duvan 06
Duvan 06Duvan 06
Duvan 06
 
Se você mudar
Se você mudarSe você mudar
Se você mudar
 
Inhotim: Lavanderia de Minas!
Inhotim: Lavanderia de Minas!Inhotim: Lavanderia de Minas!
Inhotim: Lavanderia de Minas!
 

Similaire à Metro para Windows Phone 7

Interface Metro para Windows Phone
Interface Metro para Windows PhoneInterface Metro para Windows Phone
Interface Metro para Windows PhoneManoel dos Santos
 
Construir Aplicações Silverlight para Windows Phone 7
Construir Aplicações Silverlight para Windows Phone 7Construir Aplicações Silverlight para Windows Phone 7
Construir Aplicações Silverlight para Windows Phone 7Pedro Lamas
 
Openday PUC-RIO - Ferramenta gráfica para modelagem e análise em Engenharia E...
Openday PUC-RIO - Ferramenta gráfica para modelagem e análise em Engenharia E...Openday PUC-RIO - Ferramenta gráfica para modelagem e análise em Engenharia E...
Openday PUC-RIO - Ferramenta gráfica para modelagem e análise em Engenharia E...Opencadd Advanced Technology
 
Design de interfaces para CMS's
Design de interfaces para CMS'sDesign de interfaces para CMS's
Design de interfaces para CMS'sThiago Melo
 
Eng.ª do Software - 8. Desenho de interfaces com o utilizador
Eng.ª do Software - 8. Desenho de interfaces com o utilizadorEng.ª do Software - 8. Desenho de interfaces com o utilizador
Eng.ª do Software - 8. Desenho de interfaces com o utilizadorManuel Menezes de Sequeira
 
2010 05-06 b - desenho de interfaces com o utilizador
2010 05-06 b - desenho de interfaces com o utilizador2010 05-06 b - desenho de interfaces com o utilizador
2010 05-06 b - desenho de interfaces com o utilizadorguest8a778
 
Retorno do Investimento em Usabilidade
Retorno do Investimento em UsabilidadeRetorno do Investimento em Usabilidade
Retorno do Investimento em UsabilidadeBernardo Mattos
 
Atividade 10
Atividade 10Atividade 10
Atividade 10Tony Hara
 
Mobile First & Responsive Design
Mobile First & Responsive DesignMobile First & Responsive Design
Mobile First & Responsive DesignEdu Agni
 
Innovation Days 2009 - Inovação e Software+Services
Innovation Days 2009 - Inovação e Software+ServicesInnovation Days 2009 - Inovação e Software+Services
Innovation Days 2009 - Inovação e Software+ServicesLuciano Condé
 
Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - OficinaLtia Unesp
 

Similaire à Metro para Windows Phone 7 (20)

Metro UI na IxDA Floripa
Metro UI na IxDA FloripaMetro UI na IxDA Floripa
Metro UI na IxDA Floripa
 
Metro para Windows Phone
Metro para Windows PhoneMetro para Windows Phone
Metro para Windows Phone
 
Interface Metro para Windows Phone
Interface Metro para Windows PhoneInterface Metro para Windows Phone
Interface Metro para Windows Phone
 
Construir Aplicações Silverlight para Windows Phone 7
Construir Aplicações Silverlight para Windows Phone 7Construir Aplicações Silverlight para Windows Phone 7
Construir Aplicações Silverlight para Windows Phone 7
 
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
 
Openday PUC-RIO - Ferramenta gráfica para modelagem e análise em Engenharia E...
Openday PUC-RIO - Ferramenta gráfica para modelagem e análise em Engenharia E...Openday PUC-RIO - Ferramenta gráfica para modelagem e análise em Engenharia E...
Openday PUC-RIO - Ferramenta gráfica para modelagem e análise em Engenharia E...
 
Design de interfaces para CMS's
Design de interfaces para CMS'sDesign de interfaces para CMS's
Design de interfaces para CMS's
 
Tecno maio 2010
Tecno maio 2010Tecno maio 2010
Tecno maio 2010
 
Design de Interface - Diretrizes
Design de Interface - DiretrizesDesign de Interface - Diretrizes
Design de Interface - Diretrizes
 
O retorno do investimento no projeto adequado de interfaces de usuário
O retorno do investimento no projeto adequado de interfaces de usuárioO retorno do investimento no projeto adequado de interfaces de usuário
O retorno do investimento no projeto adequado de interfaces de usuário
 
Eng.ª do Software - 8. Desenho de interfaces com o utilizador
Eng.ª do Software - 8. Desenho de interfaces com o utilizadorEng.ª do Software - 8. Desenho de interfaces com o utilizador
Eng.ª do Software - 8. Desenho de interfaces com o utilizador
 
2010 05-06 b - desenho de interfaces com o utilizador
2010 05-06 b - desenho de interfaces com o utilizador2010 05-06 b - desenho de interfaces com o utilizador
2010 05-06 b - desenho de interfaces com o utilizador
 
Retorno do Investimento em Usabilidade
Retorno do Investimento em UsabilidadeRetorno do Investimento em Usabilidade
Retorno do Investimento em Usabilidade
 
Atividade 10
Atividade 10Atividade 10
Atividade 10
 
Mobile First & Responsive Design
Mobile First & Responsive DesignMobile First & Responsive Design
Mobile First & Responsive Design
 
Innovation Days 2009 - Inovação e Software+Services
Innovation Days 2009 - Inovação e Software+ServicesInnovation Days 2009 - Inovação e Software+Services
Innovation Days 2009 - Inovação e Software+Services
 
Responsive Web Design - AI
Responsive Web Design - AIResponsive Web Design - AI
Responsive Web Design - AI
 
Apresentação Aula 01
Apresentação  Aula 01Apresentação  Aula 01
Apresentação Aula 01
 
Apostilaimpress274201173746
Apostilaimpress274201173746Apostilaimpress274201173746
Apostilaimpress274201173746
 
Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - Oficina
 

Metro para Windows Phone 7