Sumário
Motivação ............................................................................................................ 3
Objetivo ............................................................................................................... 4
Resultado Esperado .............................................................................................. 5
Método de trabalho ............................................................................................. 6
Fundamentos ....................................................................................................... 7
Estado da arte ...................................................................................................... 8
Compreensão da Interface Gráfica ....................................................................... 9
Estabelecimento 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
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.
3
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.
4
Resultado Esperado
 Estabelecer etapas viáveis para o
desenvolvimento de uma interface para jogos
digitais.
 Aplicar o processo no desenvolvimento do
jogo Mr. Igor.
5
Método de trabalho
 Pesquisa Bibliográfica.
 Análise de produtos existentes.
 Planejamentos e desenvolvimento do
produto.
6
Fundamentos
 Brainstorming (tempestade de ideias).
 Storyboard.
 Wireframe.
 Solução de Problemas segundo Polya (1995).
7
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
8
Compreensão da
Interface 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
9
Estabelecimento de Plano
para Desenvolvimento de
Interfaces Gráficas
 “Estabelecimento de um plano” Polya
 Esboços / Wireframe
 Teste de interação com usuário
10
Estabelecimento de Plano
para Desenvolvimento de
Interfaces Gráficas
11
Produção da interface
12
 “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
Produção da interface
13
Produção da interface
14
Produção da interface
15
Produção da interface
16
Implementação
17
 “Execução do plano” Polya
 Dialogo com responsável pela implementação
 Feedback e efeitos
Pós-produção
18
 “Retrospecto” Polya
 Correção de erros
 Aprendizado da equipe
Conclusão
 Produção do jogo Mr. Igor
 Processo de desenvolvimento e aspectos
relevantes
 Fundamentos eficientes em outros tipos de
projetos
19
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.
20
Produto
Versão Browser / Versão Executável
21

Desenvolvimento de interfaces gráficas, funcionais e coerentes

  • 2.
    Sumário Motivação ............................................................................................................ 3 Objetivo............................................................................................................... 4 Resultado Esperado .............................................................................................. 5 Método de trabalho ............................................................................................. 6 Fundamentos ....................................................................................................... 7 Estado da arte ...................................................................................................... 8 Compreensão da Interface Gráfica ....................................................................... 9 Estabelecimento 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
  • 3.
    Motivação  Interfaces fazemparte do cotidiano.  Ferramentas gratuitas para desenvolvimento.  Fácil acesso a informações técnicas.  Importância de uma interface de qualidade. 3
  • 4.
    Objetivo Estabelecer aspectos eetapas 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. 4
  • 5.
    Resultado Esperado  Estabeleceretapas viáveis para o desenvolvimento de uma interface para jogos digitais.  Aplicar o processo no desenvolvimento do jogo Mr. Igor. 5
  • 6.
    Método de trabalho Pesquisa Bibliográfica.  Análise de produtos existentes.  Planejamentos e desenvolvimento do produto. 6
  • 7.
    Fundamentos  Brainstorming (tempestadede ideias).  Storyboard.  Wireframe.  Solução de Problemas segundo Polya (1995). 7
  • 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 8
  • 9.
    Compreensão da Interface 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 9
  • 10.
    Estabelecimento de Plano paraDesenvolvimento de Interfaces Gráficas  “Estabelecimento de um plano” Polya  Esboços / Wireframe  Teste de interação com usuário 10
  • 11.
    Estabelecimento de Plano paraDesenvolvimento de Interfaces Gráficas 11
  • 12.
    Produção da interface 12 “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
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
    Implementação 17  “Execução doplano” Polya  Dialogo com responsável pela implementação  Feedback e efeitos
  • 18.
    Pós-produção 18  “Retrospecto” Polya Correção de erros  Aprendizado da equipe
  • 19.
    Conclusão  Produção dojogo Mr. Igor  Processo de desenvolvimento e aspectos relevantes  Fundamentos eficientes em outros tipos de projetos 19
  • 20.
    Conclusão  Dificuldade paraencontrar trabalho acadêmicos voltados exatamente para interfaces de games.  Proposta de pesquisa do jogo como uma interface no seu todo. 20
  • 21.
    Produto Versão Browser /Versão Executável 21