Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

18
PROTOTIPAÇÃO PARA WINDOWS PHONE USANDO O EXPRESSION BLEND MILTON ONODERA

Transcript of Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

Page 1: Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

PROTOTIPAÇÃO PARA WINDOWS PHONE USANDO O EXPRESSION BLEND

MILTON ONODERA

Page 2: Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

POR QUE PROTOTIPAR?

2

Entendimento & Validação • Stakeholders

• Designers

• Developers

• Testers

• Usuários

Page 3: Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

POR QUE PROTOTIPAR?

3

Tentar, errar e melhorar • Criar e desenvolver apps= tentativa e erro

• quanto antes, menor o risco

• melhorar e refinar

Page 4: Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

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)

Page 5: Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

5

Prototipando para Windows Phone usando o Expression Blend

CINEMANAUS: ESTUDO DE CASO

Page 6: Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

• 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

Page 7: Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

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

Page 8: Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

VISUAL

8 INdT 2012 | Filename.pptx v. 0.1 YYYY-MM-DD Author Document ID [Edit via Insert > Header & Footer]

panorama cinema filme

Page 9: Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

DEMO

9

Page 10: Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

Prototipar em Windows Phone é...

Page 11: Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

Prototipar em Windows Phone é...

FÁCIL Protótipos de média e alta fidelidade em um curto tempo

Page 12: Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

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

Page 13: Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

Prototipar em Windows Phone é...

FÁCIL CRIATIVO PRODUTIVO Reaproveitamento de código

Menos documentação e rápida atualização

Page 14: Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

Prototipar em Windows Phone é...

FÁCIL CRIATIVO PRODUTIVO INTEGRADO Onde designers e desenvolvedores se encontram

Page 15: Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

Prototipar em Windows Phone é...

15

FÁCIL CRIATIVO PRODUTIVO INTEGRADO

15 DIVERTIDO!

Page 16: Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

PERGUNTAS?

16

Page 17: Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

• Ú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

Page 18: Milton Onodera - Prototipação para Windows Phone usando o Expression Blend

OBRIGADO!

18

Milton Onodera [email protected]