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

Preview:

Citation preview

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

OBRIGADO!

18

Milton Onodera miltononodera@indt.org.br