UIDesign - ChristianDominguezVicente/TFM GitHub Wiki

GDD UI/UX

Versión 1.0 (22/04)

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):
    • Start: Submenú con opción de nueva partida o cargar partida.
    • Options: Acceso al menú de opciones.
    • Memories: Galería de finales desbloqueables.
    • Credits: Mención del equipo involucrado en el juego.
    • Quit: Cierre del juego.

Interacciones:

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

HUD

Aparece: Durante el juego.

Elementos persistentes:

  • Barra de misiones (esquina superior izquierda).

Elementos emergentes:

  • Barra del tiempo de posesión (POR DETERMINAR POSICIÓN).
  • Barra del cooldown de posesión (POR DETERMINAR POSICIÓN).
  • Botón de interacción (centro 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)

  • Game Settings : Ajustes narrativos del juego.
  • Graphics: Configuración de resolución, brillo, efectos visuales, etc.
  • Audio: Ajustes de volumen (bgm, sfx, voice, general).
  • Control Options: Personalización de mandos/teclado/ratón.
  • Back: Volver al menú anterior.

Interacciones:

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

Sistema de Misiones

Aparece: Al pulsar __ ratón/mando __

Elementos: (PROVISIONAL - POR DETERMINAR POSICIÓN)

  • Botón del capítulo.
  • Título de la misión
  • Tipo de misión
  • Descripción de la misión

Sistema de Diálogos

Aparece: Al interaccionar con NPCs.

Elementos:

  • Barra narrativa del texto. (abajo centro)
  • Barra circular: Retrato circular del personaje.(abajo izquierda)
  • Barra del nombre del personaje.(abajo izquierda)
  • Botones: (abajo 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 pulsar __ ratón/mando __

Elementos:

(alineados verticalmente a la izquierda)

  • Save: Guardar partida actual.
  • Load: Cargar partida guardada.
  • Options: Acceso al menú de opciones.
  • Back: Salir del menú de pausa.
  • Quit: Cierre del juego.

Interacciones:

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

Flujo de pantallas

https://alumnosunir-my.sharepoint.com/personal/carlos_ortega808_comunidadunir_net/_layouts/15/onedrive.aspx?id=%2Fpersonal%2Fcarlos%5Fortega808%5Fcomunidadunir%5Fnet%2FDocuments%2FTFM%2FDise%C3%B1o%20de%20UI%2FFlujo&e=5%3A71fcc025bd1845c189c3836a0cce7afb&sharingv2=true&fromShare=true&at=9&CT=1742326714562&OR=OWA%2DNT%2DMail&CID=fddaa75f%2D24ef%2Da5d3%2D3043%2Da03668905d66&clickParams=eyJYLUFwcE5hbWUiOiJNaWNyb3NvZnQgT3V0bG9vayBXZWIgQXBwIiwiWC1BcHBWZXJzaW9uIjoiMjA