Cursos / Jogos Digitais / Design de Jogos Digitais / Aula

arrow_back Aula 05 - Estética e Interface

Elementos da Interface

Você já começou a pensar no que sua interface vai precisar mostrar e que tipo de eventos ela necessitará tratar a partir da interação com o usuário. Agora, vamos definir como isso vai acontecer.

O primeiro conceito importante refere-se à forma como a informação será veiculada para o jogador. Dentro da interface nós podemos estabelecer diversos canais ou zonas de informação. O que isso come? Calma, estamos falando apenas de telas ou regiões da tela onde agruparemos informações significativas ao jogador. O jogador pode ter informações exibidas em qualquer parte da tela (canto superior, inferior, laterais, centro da tela) e o que aparecerá em cada uma dessas partes será definido pelo nível de importância da informação.

A tela principal que exibe o mundo do jogo costuma ser chamada de Heads-Up Display (HUD) e é o componente central de uma interface de jogo. O termo HUD vem das cabines de aeronaves, que possuem a janela de onde o piloto vê o mundo, e vários indicadores e medidores que lhe passam as informações de como está o estado do veículo. O tipo de informação presente em uma HUD depende intrinsecamente do jogo que se está desenvolvendo: cada jogo possui seu conjunto particular de informações que, junto com o estilo artístico, podem resultar em uma HUD diferenciada e sob medida para o jogo. Por padrão, existem elementos que são comuns a todos os jogos e que são apresentados na HUD, como:

  • O mundo do jogo.
  • Status do jogador.
  • Indicações de ações a serem realizadas.

Além disso, existem outros elementos que podem ser importantes, como mapa do território explorado no jogo, itens ou habilidades disponíveis para o jogador, etc. O conjunto de informações pode variar bastante e, em tese, não existe nada obrigatório além da representação do mundo do jogo e indicadores básicos de progresso e estado do jogador.

A HUD do jogo KOTOR II e seus detalhes: em 1, temos um minimapa da região explorada, em 2 temos uma barra com botões que levam para os vários submenus do jogo, em 3 temos botões que levam para a tela dos personagens e algumas opções de configuração do grupo, em 4 temos habilidades especiais do personagem controlado pelo jogador e em 5, o mundo do jogo! <br><span class='strong'>Jogo</span>: <span class='italico'>Knights of the Old Republic: The Sith Lords</span>

Porém, existem formas específicas de como essas informações da HUD podem ser apresentadas. Elas podem ser classificadas dependendo de dois fatores:

  • Se a representação da informação é embutida de forma espacial no mundo do jogo.
  • Se a informação é representada ligada aos elementos da narrativa do jogo ou não.

A seguinte classificação é obtida pela análise desses quatro fatores:

Tipos de elementos de uma HUD.

Elementos da HUD que fazem parte do mundo do jogo e são acessados através de ações do próprio personagem são chamados de diegéticos: [diegese significa que existe uma forte ligação do elemento representado com o mundo criado pela narrativa do jogo, ou seja, fazem parte do mundo criado e descrito pela história do jogo.] Esses elementos são usados para informações que o próprio personagem do jogo teria (munição de arma, níveis de energia de uma armadura, equipamentos) e se integram ao mundo do jogo de forma natural, dando um forte senso de imersão, já que não precisam quebrar o cenário ou a narrativa para serem visualizados pelo jogador. Costumam ser representados no próprio avatar do personagem, como parte do seu equipamento, ou em submenus que são representados por objetos que o avatar do jogador teria: cadernos, computadores, bússolas, etc.

Elementos diegéticos estão inseridos no mundo do jogo de forma integrada com personagens, cenários e narrativas. Seja através de menus ou objetos no próprio avatar dos personagens. <br><span class='strong'>Jogos</span>: a) <span class='italico'>L.A. Noire</span>, b) <span class='italico'>Metro 2033</span>, c) <span class='italico'>Dead Space</span>

Elementos da classe Meta são informações que são importantes para o jogador e necessárias para o seu desenvolvimento no jogo, mas são visualizados na camada virtual da interface, não no mundo do jogo. Um exemplo de elementos que normalmente são mostrados dessa forma são os minimapas, velocímetros em jogos de corrida ou submenus de ações. Devido à sua importância, eles geralmente ficam em uma região fixa da interface, para que o jogador possa facilmente consultar a informação.

Elementos do tipo Meta são apresentados em uma camada virtual à parte do mundo do jogo, e servem para prover informações importantes ao jogador. <br><span class='strong'>Jogos</span>: a) <span class='italico'>L.A. Noire</span>, b) <span class='italico'>Need for Speed Most Wanted</span>

Elementos da classe Espacial não possuem uma conexão direta com a narrativa ou desenvolvimento do jogo, mas servem como indicadores ou notificações para auxiliar o jogador na exploração do ambiente. São representados com posições dentro do mundo do jogo, de forma a dar uma noção de localização para o jogador. Elementos comuns dessa classe são setas indicadoras para elementos (itens, passagens de níveis, personagens), instruções de ações a serem executadas, ou breadcrumbs (trilhas que indicam um caminho para o jogador seguir).

Elementos espaciais auxiliam o jogador a navegar pelo ambiente do jogo. <br><span class='strong'>Jogos</span>: a) <span class='italico'>Fable 3</span>, b) <span class='italico'>Splinter Cell</span>

Elementos da classe Não diegética são tradicionais em jogos e são usados para representar qualquer informação do jogo que não tenha sido representada através das outras classes. É utilizada para informações de resultados de ações (pontos, valor de ataques, dano recebido de inimigo) ou informações de nome de personagens, locais, itens. Os submenus de informações do jogo geralmente são implementados dessa forma.

Os elementos Não diegéticos são comumente utilizados para fornecer informações ao jogador e ficam em uma camada à parte do mundo do jogo. <br><span class='strong'>Jogos</span>: a) <span class='italico'>The Witcher 3</span>, b) <span class='italico'>Starcraft 2</span>

Outra classificação que é aplicada aos elementos de uma HUD tem a ver com a capacidade de interação do jogador. Se o elemento apenas mostra informação, ele é considerado passivo; se o elemento pode ser ativado pelo jogador e isso resultar em alguma alteração de estado (ação no jogo, navegação de menus), então o elemento é considerado ativo. Elementos passivos costumam ser apenas rótulos com textos ou números informando atributos de um componente do jogo, enquanto elementos ativos frequentemente são implementados como botões, de forma a deixar claro para o jogador que este pode ser ativado.

Além da tela principal, existem diversas outras telas de informações que compõem o jogo, como a apresentação, créditos iniciais e finais e os menus e submenus do jogo. Através das informações contidas nessas telas, o jogador deve ser capaz de controlar e ajustar qualquer aspecto do jogo que lhe seja permitido pelo desenvolvedor. Apesar de não fazer parte da visualização principal do jogo, é importante que essas telas tenham uma conexão com o tema do jogo e uma unidade visual entre si. Em outras palavras, a interface do jogo fica uniforme e não uma colcha de retalhos!

Com essas informações, você pode pensar em como pretende montar a interface com o usuário! O mais importante é manter a característica básica de uma interface: uma boa comunicação com o jogador, e permitir que o jogo possa ser desfrutado intuitivamente.

Versão 5.3 - Todos os Direitos reservados