Milton Onodera - Prototipação para Windows Phone usando o Expression Blend
Transcript of Milton Onodera - Prototipação para Windows Phone usando o Expression Blend
PROTOTIPAÇÃO PARA WINDOWS PHONE USANDO O EXPRESSION BLEND
MILTON ONODERA
POR QUE PROTOTIPAR?
2
Entendimento & Validação • Stakeholders
• Designers
• Developers
• Testers
• Usuários
POR QUE PROTOTIPAR?
3
Tentar, errar e melhorar • Criar e desenvolver apps= tentativa e erro
• quanto antes, menor o risco
• melhorar e refinar
EXPRESSION BLEND
4
• Criação e desenvolvimento de interfaces com o usuário
• Blend + Visual Studio =
• O que preciso? • Windows Phone SDK http://dev.windowsphone.com/en-us/downloadsdk
• Windows Phone Toolkit http://phone.codeplex.com
• Conta de developer (para testar no aparelho)
5
Prototipando para Windows Phone usando o Expression Blend
CINEMANAUS: ESTUDO DE CASO
• Design de interação
• Design Visual
• Útil? • Desejável? • Usável?
6
• Pesquisa • Briefing • Estrutura
TESTE DE USABILIDADE
CONCEITO
MODELAGEM
PROTÓTIPO
• Modelo funcional
• Especificação
TESTE DE USABILIDADE
CONCEITO
MODELAGEM
PROTÓTIPO
7
• Útil? • Desejável? • Usável?
• Modelo funcional
• Especificação
• Design de interação
• Design Visual
• Pesquisa • Briefing • Estrutura
VISUAL
8 INdT 2012 | Filename.pptx v. 0.1 YYYY-MM-DD Author Document ID [Edit via Insert > Header & Footer]
panorama cinema filme
DEMO
9
Prototipar em Windows Phone é...
Prototipar em Windows Phone é...
FÁCIL Protótipos de média e alta fidelidade em um curto tempo
Prototipar em Windows Phone é...
FÁCIL CRIATIVO Pensar e testar a experiência no aparelho
Animações e transições de tela: essencialmente Windows Phone
Prototipar em Windows Phone é...
FÁCIL CRIATIVO PRODUTIVO Reaproveitamento de código
Menos documentação e rápida atualização
Prototipar em Windows Phone é...
FÁCIL CRIATIVO PRODUTIVO INTEGRADO Onde designers e desenvolvedores se encontram
Prototipar em Windows Phone é...
15
FÁCIL CRIATIVO PRODUTIVO INTEGRADO
15 DIVERTIDO!
PERGUNTAS?
16
• Útil? • Desejável? • Usável?
CONCEITO
17
• Design de interação
• Design Visual
• Pesquisa • Briefing • Estrutura
TESTE DE USABILIDADE
PROTÓTIPO
MODELAGEM
• Modelo funcional
• Especificação