Voltar ao Blog
Cómo armar tu UI para jugar mejor sin saturar la pantalla

Cómo armar tu UI para jugar mejor sin saturar la pantalla

•Interfaz•Brendo Arruda

El principio básico de una buena interfaz de usuario

Jerarquía.

Su pantalla debe decir claramente:

  • lo que es crítico
  • que es útil
  • ¿Qué es el detalle?

Sin esto, la interfaz se vuelve ruidosa.


Principios de claridad visual y jerarquía.

  1. centro de la pantalla para lo que decide la pelea
  2. periferia para información secundaria
  3. barra y recurso en zona de fácil consulta
  4. menos duplicación de información
  5. Espacio limpio para ver el carácter, el suelo y la mecánica.

Dónde colocar elementos críticos de la interfaz de usuario

Centro cercano

  • característica importante
  • proceso
  • tiempo de reutilización decisivo
  • elenco o alerta relevante

Lados y esquinas

-bolsas -charlar

  • detalles no críticos

Configuración por función

Tanque

Necesito ver el objetivo, el lanzamiento, el tiempo de reutilización y el espacio.

sanador

Necesidad de priorizar marcos, recursos y posición.

DPS

necesita recursos, proc, objetivo y mecánica con poco ruido


Errores de diseño que dificultan el juego

  • centro de pantalla lleno de gente
  • corta demasiado
  • duplicación del rastreador
  • demasiados complementos compitiendo por la atención
  • minimizar la lucha para maximizar la interfaz

Ejemplo de una configuración limpia y funcional

  1. barras centrales bajas
  2. función y tiempo de reutilización cerca del foco visual
  3. Alerta importante visible
  4. bolsas/chat/rincones fuera del área crítica
  5. mucho espacio libre para leer la pelea

Recomendación mínima

Para crear una mejor interfaz de usuario:

  1. organizar por jerarquía
  2. Deja el centro limpio
  3. acércate a la información que realmente decide la pelea
  4. Cortar el exceso

La mejor interfaz de usuario de WotLK no es la más llamativa. Es el que te permite ver mejor el juego.

Pronto?

Gostou do conteúdo?

Entre no servidor ou junte-se à comunidade no Discord.