Desenvolvimento de interfaces gráficas, funcionais e coerentes
Click here to load reader
-
Upload
gerson-victor -
Category
Education
-
view
163 -
download
3
Transcript of Desenvolvimento de interfaces gráficas, funcionais e coerentes
![Page 1: Desenvolvimento de interfaces gráficas, funcionais e coerentes](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/1.jpg)
![Page 2: Desenvolvimento de interfaces gráficas, funcionais e coerentes](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/2.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/3.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/4.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/5.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/6.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/7.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/8.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/9.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/10.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/11.jpg)
11
Estabelecimento de Planopara Desenvolvimento deInterfaces Gráficas
![Page 12: Desenvolvimento de interfaces gráficas, funcionais e coerentes](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/12.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/13.jpg)
13
Produção da interface
![Page 14: Desenvolvimento de interfaces gráficas, funcionais e coerentes](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/14.jpg)
14
Produção da interface
![Page 15: Desenvolvimento de interfaces gráficas, funcionais e coerentes](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/15.jpg)
15
Produção da interface
![Page 16: Desenvolvimento de interfaces gráficas, funcionais e coerentes](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/16.jpg)
16
Produção da interface
![Page 17: Desenvolvimento de interfaces gráficas, funcionais e coerentes](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/17.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/18.jpg)
18
Pós-produção
“Retrospecto” Polya
Correção de erros
Aprendizado da equipe
![Page 19: Desenvolvimento de interfaces gráficas, funcionais e coerentes](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/19.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/20.jpg)
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.
![Page 21: Desenvolvimento de interfaces gráficas, funcionais e coerentes](https://reader037.fdocumentos.com/reader037/viewer/2022100304/55611d7cd8b42a7c268b5db6/html5/thumbnails/21.jpg)
21
Produto
Versão Browser / Versão Executável