O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Interfaces, boas práticas e como passar mensagens com clareza em Jogos Digitais

Palestra "Interfaces, boas práticas e como passar mensagens com clareza em Jogos Digitais" na disciplina da Simone Bacellar Leal Ferreira sobre Interação Humano Computador (IHC) do Bacharelado em Sistemas de Informação (BSI) da Universidade Federal do Estado do Rio de Janeiro (UNIRIO).

  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Interfaces, boas práticas e como passar mensagens com clareza em Jogos Digitais

  1. 1. Ricardo Bakudas
  2. 2. Ricardo jogador sistemas interativos
  3. 3. Controladores e Hardwares Ícones, HUD e Telas Botões e Elementos Bakudas
  4. 4. Bakudas
  5. 5. Bakudas
  6. 6. Bakudas Vídeo de demonstração. Por favor assista a apresentação na íntegra em: https://www.youtube.com/watch?v=q5iWtNPs_Ds
  7. 7. Bakudas
  8. 8. Bakudas Vídeo de demonstração. Por favor assista a apresentação na íntegra em: https://www.youtube.com/watch?v=q5iWtNPs_Ds
  9. 9. Bakudas Tipografia Iconografia Cores Formas Animações
  10. 10. Bakudas Vídeo de demonstração. Por favor assista a apresentação na íntegra em: https://www.youtube.com/watch?v=q5iWtNPs_Ds
  11. 11. Ricardo Bakudas
  12. 12. Vídeo de demonstração. Por favor assista a apresentação na íntegra em: https://www.youtube.com/watch?v=q5iWtNPs_Ds
  13. 13. No espaço do jogo? NãoNão SimSim Nahistóriadojogo? Não diegética Espacial DiegéticaMeta
  14. 14. Não Diegética Na história do jogo No espaço do jogoNão Não Mapa da fase Mapa em pequena escala que mostra todo o layout de um nível Menu circular Menu circular que permite ao jogador girar através de recursos ou ações Medidor de vida Medidor que mostra quanta vida tem o avatar de um jogador
  15. 15. Na história do jogo No espaço do jogoSim Sim Diegética Limitações físicas Quando o avatar de um jogador é fisicamente prejudicado após sofrer danos Sobreposições de UI futuristas UI avançada, geralmente dentro de um capacete, que fornece ao avatar estatísticas e informações vitais do jogador Gadgets no jogo Gadget que contém pistas importantes para o avatar de um jogador
  16. 16. Na história do jogo No espaço do jogoNão Sim Espacial Auras de seleções Braço colorido que um jogador usa para selecionar objetos no jogo Rótulos de texto de objeto Rótulo de texto que flutua perto de um objeto no jogo Linhas direcionais Linha destacada que indica o caminho que o veículo de um jogador deve seguir Tesour o Vida Espada Moeda
  17. 17. Meta Na história do jogo No espaço do jogoSim Não Filtros de cor FOV Filtro de cores que ultrapassa o campo de visão (FOV) de um jogador e denota uma mudança nos recursos, saúde ou cenário Texto de rolagem Diálogo de fala que rola horizontalmente pela tela Sujeira Materiais como sangue, sujeira e vidro rachado que avança a história existem apenas no plano 2D
  18. 18. Ricardo Bakudas
  19. 19. Apex Legends Mirrors Edge Ricardo
  20. 20. Vídeo de demonstração. Por favor assista a apresentação na íntegra em: https://www.youtube.com/watch?v=q5iWtNPs_Ds
  21. 21. Fonte: https://gamedevelopment.tutsplus.com/tutorials/game-ui-by-example-a-crash-course-in-the-good-and-the-bad--gamedev-3943 Ricardo Prever o que o usuário quer saber e dar-lhes essa informação Informações devem ser fáceis de encontrar Interfaces com fácil navegação e uso de padrões já estabelecidos O óbvio precisa ser óbvio, facilite os fluxos Evite os tempos de carga e seja pragmático com os efeitos Elimine ou simplifique tarefas repetitivas Bakudas
  22. 22. Ricardo Bakudas Deuteranomalia colororacle.org color-blindness.com/coblis-color-blindness-simulator Simuladores Honey Bee Match 3
  23. 23. Ricardo Bakudas
  24. 24. Vídeo de demonstração. Por favor assista a apresentação na íntegra em: https://www.youtube.com/watch?v=q5iWtNPs_Ds
  25. 25. Vídeo de demonstração. Por favor assista a apresentação na íntegra em: https://www.youtube.com/watch?v=q5iWtNPs_Ds
  26. 26. Ricardo
  27. 27. Ricardo
  28. 28. Vídeo de demonstração. Por favor assista a apresentação na íntegra em: https://www.youtube.com/watch?v=q5iWtNPs_Ds
  29. 29. Ricardo Bakudas
  30. 30. Ricardo Bakudas Alguns contatos: Ricardo: facebook.com/ricardo.rodriguesnunes instagram.com/ricornunes/ twitter.com/ricardornunes youtube.com/CanalGamelandia youtube.com/ricardornunes Bakudas: twitter.com/bakudas discord.gg/vacaroxa bakudas.itch.io www.youtube.com/estudiovacaroxa Assista o “Que Comecem os Jogos!”
  31. 31. Ricardo Bakudas
  32. 32. Ricardo Bakudas https://www.nngroup.com/articles/usability-heuristics-applied-video- games/ https://gamedevelopment.tutsplus.com/tutorials/game-ui-by-example-a- crash-course-in-the-good-and-the-bad--gamedev-3943 https://www.youtube.com/watch?v=sc3h5JXtIzw https://www.toptal.com/designers/gui/game-ui https://www.youtube.com/watch?v=fSfKlCmYcLc https://www.youtube.com/watch?v=sDOWnyT3UEU

×