GDD_UI - ChristianDominguezVicente/TFM GitHub Wiki

GDD UI/UX

Versión 1.3 (14/05)

Pantallas

  • Menú inicial
  • Menú opciones
  • Menú Pausa
  • HUD
  • Diálogos
  • Misiones

Menú inicial

Aparece: Al iniciar el juego.

Elementos:

  • Título del juego (esquina superior izquierda).
  • Botones (alineados verticalmente a la izquierda):
    • Inicio: Submenú con opción de nueva partida o cargar partida.
    • Opciones: Acceso al menú de opciones.
    • Memorias: Galería de finales desbloqueables.
    • Créditos: Mención del equipo involucrado en el juego.
    • Salir: Cierre del juego.

Interacciones:

  • Efecto de sonido al seleccionar botones.
  • Cambio de color al resaltar un botón.
  • Audio de fondo.
  • Audio en los créditos (?).
  • Audio en las memorias (?).

HUD

Aparece: Durante el juego.

Elementos persistentes:

  • Barra de misiones (superior izquierda).

Elementos emergentes:

  • Barra del tiempo de posesión (esquina superior izquierdo).
  • Barra del cooldown de posesión (esquina superior izquierdo).
  • Botón de interacción una vez poseído (inferior derecho).
  • Botón de escucha en forma espectral (inferior derecho).
  • Botón de conversación una vez poseído (inferior derecho).
  • Botón de poseer en forma espectral (inferior derecho).
  • Cancelar posesión (inferior derecho).
  • Indicador de autoguardado (círculo pequeño en la esquina inferior derecha).
  • Sistema de diálogos.

Interacciones:

  • Efecto de sonido de posesión.
  • Efecto de sonido diálogo.
  • Cambio de color al resaltar un botón.
  • Efecto de tachado al cumplir una misión o parte de esta.
  • Efecto de pasado de letras al pulsar en el botón de auto del sistema de diálogo.

Menú opciones

Aparece: al seleccionar el botón de opciones disponible tanto en el menú del inicio como en el menú de pausa.

Elementos:

(alineados verticalmente a la izquierda)

  • Opciones de texto: Ajustes de la configuración del sistema de dialogo incluyendo la reproducción automática, opacidad del cuadro de texto y la velocidad del texto.
  • Gráficos: Configuración del modo de pantalla, resolución y brillo.
  • Audio: Ajustes de volumen (bgm, sfx, voice, general).
  • Teclado/Mando: Visualización de la configuración del mando/teclado/ratón.
  • Idioma: Selección de lenguaje Español/English.
  • Restaurar valores: Volver a los ajustes predeterminados del juego.
  • Volver: Volver al menú anterior.

Interacciones:

  • Mismos efectos de sonido/color que el menú principal.

Sistema de Misiones

Aparece: Al presionar el botón L1 en PlayStation 5, el botón LB en Xbox o la tecla TAB en un teclado.

Elementos:

  • Botón para navegar por las misiones (esquina inferior izquierdo).
  • Botón para volver al HUD (esquina inferior izquierdo).
  • Título de la misión (esquina superior izquierdo).
  • Número del capítulo (esquina superior izquierdo).
  • Descripción de la misión (centro).
  • Objetivos de la misión (centro).

Sistema de Diálogos

Aparece: Al interaccionar con NPCs.

Elementos:

  • Barra narrativa del texto. (inferior centro)
  • Barra circular: Retrato circular del personaje. (inferior izquierda)
  • Barra del nombre del personaje. (inferior izquierda)
  • Botones: (inferior derecha)
    • Skip : Omitir diálogo.
    • History: Submenú del historial de conversaciones.
    • Next: Avanza al siguiente diálogo.
    • Auto: Reproducción automática del texto.
    • Opciones de respuesta.

Interacciones:

  • Efecto de color al estar en un botón.

Menú Pausa

Aparece: Al presionar el botón de opciones en PlayStation 5, botón START en Xbox o la tecla ESC en un teclado.

Elementos:

(alineados verticalmente a la izquierda)

  • Guardar: Guardar partida actual.
  • Cargar: Cargar partida guardada.
  • Opciones: Acceso al menú de opciones.
  • Volver: Salir del menú de pausa.
  • Salir: Cierre del juego.

Interacciones:

  • Efecto de sonido al seleccionar botones.
  • Cambio de color al resaltar un botón.

Flujo de pantallas

Flujo Menú inicio

Flujo menuInicio

Flujo HUD

Flujo HUD

Flujo Menú de opciones

Flujo menuOpciones

Flujo sistema de misiones

Flujo sistemaMisiones

Flujo Menú Pausa

Flujo menuPausa