SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Andere mochten auch (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!
 

Ähnlich wie Metro para Windows Phone 7

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
Pedro Lamas
 
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
guest8a778
 
Retorno do Investimento em Usabilidade
Retorno do Investimento em UsabilidadeRetorno do Investimento em Usabilidade
Retorno do Investimento em Usabilidade
Bernardo Mattos
 
Atividade 10
Atividade 10Atividade 10
Atividade 10
Tony Hara
 
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
Luciano Condé
 

Ähnlich wie 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
 

Kürzlich hochgeladen

Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdf
Natalia Granato
 

Kürzlich hochgeladen (6)

ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdf
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 

Metro para Windows Phone 7