desenvolvimento de interfaces gráficas, funcionais e coerentes

21

Click here to load reader

Upload: gerson-victor

Post on 24-May-2015

163 views

Category:

Education


3 download

TRANSCRIPT

Page 1: Desenvolvimento de interfaces gráficas, funcionais e coerentes
Page 2: Desenvolvimento de interfaces gráficas, funcionais e coerentes

SumárioMotivação ............................................................................................................ 3

Objetivo ............................................................................................................... 4

Resultado Esperado .............................................................................................. 5

Método de trabalho ............................................................................................. 6

Fundamentos ....................................................................................................... 7

Estado da arte ...................................................................................................... 8

Compreensão da Interface Gráfica ....................................................................... 9Estabelecimento de Plano para Desenvolvimento de Interfaces Gráficas .............. 10

Produção da interface .......................................................................................... 12

Implementação ................................................................................................... 17

Pós-produção ....................................................................................................... 18

Conclusão ............................................................................................................. 19

Produto ................................................................................................................ 21

Page 3: Desenvolvimento de interfaces gráficas, funcionais e coerentes

3

Motivação

Interfaces fazem parte do cotidiano.

Ferramentas gratuitas para desenvolvimento.

Fácil acesso a informações técnicas.

Importância de uma interface de qualidade.

Page 4: Desenvolvimento de interfaces gráficas, funcionais e coerentes

4

Objetivo

Estabelecer aspectos e etapas importantes no processo de criação de uma interface gráfica funcional para jogos digitais.

– Ofereça uma experiência gratificante ao jogador.– Coerência com a estética apresentada no jogo.– Padrão lógico de funcionamento.

Page 5: Desenvolvimento de interfaces gráficas, funcionais e coerentes

5

Resultado Esperado

Estabelecer etapas viáveis para o desenvolvimento de uma interface para jogos digitais.

Aplicar o processo no desenvolvimento do jogo Mr. Igor.

Page 6: Desenvolvimento de interfaces gráficas, funcionais e coerentes

6

Método de trabalho

Pesquisa Bibliográfica.

Análise de produtos existentes.

Planejamentos e desenvolvimento do produto.

Page 7: Desenvolvimento de interfaces gráficas, funcionais e coerentes

7

Fundamentos

Brainstorming (tempestade de ideias).

Storyboard.

Wireframe.

Solução de Problemas segundo Polya (1995).

Page 8: Desenvolvimento de interfaces gráficas, funcionais e coerentes

8

Estado da Arte

Game Design e Prototipagem: conceitos e aplicações ao longo do processo projetual

SATO, Adriana Kei Ohashi

As interfaces espaciais e o locus de atenção do jogador no design de interfaces dos jogos digitais

PIFFER, Anderson Giusti, DOMINGUES, Delmar Galisi

Diretrizes de Interface para Jogos de Empresas SOUZA, Thatianny Martins Pinto de; CARDOSO, Ana Maria

Pereira

Page 9: Desenvolvimento de interfaces gráficas, funcionais e coerentes

9

Compreensão daInterface Gráfica

“Compreensão do problema” Polya (A arte de resolver problemas, p.XII)

Brainstorming

Documento formal do projeto

Dialogo entre membros da equipe na busca do mesmo objetivo

Page 10: Desenvolvimento de interfaces gráficas, funcionais e coerentes

10

Estabelecimento de Planopara Desenvolvimento deInterfaces Gráficas

“Estabelecimento de um plano” Polya

Esboços / Wireframe

Teste de interação com usuário

Page 11: Desenvolvimento de interfaces gráficas, funcionais e coerentes

11

Estabelecimento de Planopara Desenvolvimento deInterfaces Gráficas

Page 12: Desenvolvimento de interfaces gráficas, funcionais e coerentes

12

Produção da interface

“Execução do plano” Polya

Produção e aplicação da estética

Bom senso

Atributos segundo Cybis, Betiol e Faust Nomes, ícones, cores, fontes e bordas

Page 13: Desenvolvimento de interfaces gráficas, funcionais e coerentes

13

Produção da interface

Page 14: Desenvolvimento de interfaces gráficas, funcionais e coerentes

14

Produção da interface

Page 15: Desenvolvimento de interfaces gráficas, funcionais e coerentes

15

Produção da interface

Page 16: Desenvolvimento de interfaces gráficas, funcionais e coerentes

16

Produção da interface

Page 17: Desenvolvimento de interfaces gráficas, funcionais e coerentes

17

Implementação

“Execução do plano” Polya

Dialogo com responsável pela implementação

Feedback e efeitos

Page 18: Desenvolvimento de interfaces gráficas, funcionais e coerentes

18

Pós-produção

“Retrospecto” Polya

Correção de erros

Aprendizado da equipe

Page 19: Desenvolvimento de interfaces gráficas, funcionais e coerentes

19

Conclusão

Produção do jogo Mr. Igor

Processo de desenvolvimento e aspectos relevantes

Fundamentos eficientes em outros tipos de projetos

Page 20: Desenvolvimento de interfaces gráficas, funcionais e coerentes

20

Conclusão

Dificuldade para encontrar trabalho acadêmicos voltados exatamente para interfaces de games.

Proposta de pesquisa do jogo como uma interface no seu todo.