# data[].attributes.attachment_link.readable_text
Tokio School | 21/06/2020

Si has llegado hasta aquí es porque quieres saber cómo se diseña la interfaz de un videojuego y porque probablemente estés interesado en el diseño de videojuegos. Pues estás en el lugar correcto. Hoy te vamos a hablar de diseño de interfaces de usuario y te vamos a poner algunos ejemplos que esperamos que te sirvan de inspiración para dar lo mejor de ti mismo y convertirte en el diseñador de videojuegos que quieres ser. ¡Síguenos!

¿Qué es la interfaz de un videojuego?

Estás en uno de esos días en los que tienes muchas ganas de divertirte delante de tu consola. Instalas un juego y presionas el botón que te invita a jugar. Le das al play y al momento estás sumergido en una fantástica historia que te atrapa o te reta a nivel competitivo. Pero, ¿cómo has llegado hasta ahí y como entiendes lo que cientos de juegos quieren que hagas? La respuesta es sencilla y, al mismo tiempo, compleja: la interfaz de un videojuego.

La interfaz de un videojuego, la UI, es lo primero que nos atrae como jugadores en una consola. Es nuestra puerta de entrada, la invitación que nos hacen los diseñadores para entrar al mundo que han construido. Diseñar una buena UI es todo un desafío. Muchas veces, los estudios descuidan esta faceta porque no tienen tiempo o recursos suficientes para dedicarle, pero un mal diseño de interfaz de un videojuego es lastrar la experiencia del usuario. Un buen diseño nos permitirá empezar en el juego de una manera sencilla e intuitiva.

¿Qué es el diseño de interfaz para usuario en un videojuego?

Como ya te hemos comentado, la interfaz de usuario en un videojuego es el punto de interacción entre el jugador y el juego. Su objetivo fundamental es el de brindar la información necesaria para que el usuario pueda hacer todo lo que el juego le propone de manera totalmente fluida. Un buen diseño de UI guía de manera directa o intuitiva para que el jugador pueda recorrer el mundo de tu videojuego de forma correcta.

A continuación, te contamos algunas cosas que debes tener en cuenta a la hora de diseñar la interfaz de un videojuego:

Entorno/Plataforma. Lo primero a tener en cuenta es dónde se va a jugar el juego que estás diseñando. Debes tener en cuenta las posibilidades y limitaciones que te ofrece la plataforma. No es lo mismo hacer juegos para smartphones que para una consola o que para un PC.

Contenido. Un buen diseño de UI proporciona al jugador toda la información necesaria para que pueda interactuar con el juego y que todo sea fluido.

Diseño Visual. Los videojuegos, casi siempre, entran por los ojos. Un apartado visual feo o denso en la interfaz del juego puede resultar contraproducente y sacar al jugador de la experiencia inmersiva que quieres proporcionarle. Debes definir el estilo de arte.

Arquitectura de la información. Definir qué elementos son de mayor o menor importancia para el usuario y organizarlos de tal forma que todo resulte en un diseño de interfaz coherente y relevante.

Estilos de diseño de la interfaz de un videojuego

Diegéticas, No Diegéticas, Espaciales y Meta. Estas son algunas de las clasificaciones que te vas a encontrar para las diferentes interfaces que se diseñan para un videojuego. A continuación vamos a hablarte un poco de cada una de ellas, usando algunos ejemplos de juegos que seguro que conoces y que emplean alguna de estas tipologías para su diseño de interfaz. ¡Vamos a ello!

Diegéticas

Igual que sucede con la música en el cine, cuando hablamos de que una interfaz de un videojuego es diegética, quiere decir que está incluida dentro del mundo del juego.  Es decir, que se trata de un tipo de interfaz que puede ser vista, escuchada y tocada por los personajes del juego. Forman parte de la propia narrativa del juego.

Seguro que se te ocurre algún ejemplo de esto. Pero si no es así, no te preocupes, te dejamos algunos:

Dead Space. En el juego de Visceral podemos ver, por ejemplo, la barra de vida del personaje integrada dentro del traje que lleva puesta. O como su inventario se despliega a través de un dispositivo que el protagonista lleva integrado y se muestra ante él sin detener la acción del juego.

Fallout. En realidad, Fallout hace una mezcla de diseño de interfaces diegéticas y extradiegéticas. Pero para este caso nos podemos centrar en el uso que se hace del PipBoy, un dispositivo que nuestro protagonista lleva integrado en el brazo y que permite que accedamos al inventario, diario de misiones y radio, entre otras opciones.

Assassins Creed. En los populares juegos de Ubisoft, los protagonistas usan un águila a través de la que, como jugadores, podemos marcar enemigos en el mapa. Es otro ejemplo de como integrar el diseño de la interfaz de un videojuego dentro de la propia narrativa del título.

No diegéticas

Cuando hablamos de diseño de interfaces no diegéticas o extra diegéticas, nos estamos refiriendo a los elementos que se muestran fuera del mundo del juego y que solo son visibles y audibles para el jugador. Aunque las cosas van cambiando en este sentido, se trata del diseño de interfaz más ampliamente usado en los videojuegos. Te dejamos algunos ejemplos:

Diablo III. Aunque sigue y se integra en el estilo gráfico y visual de todo el juego, el título de Blizzard muestra una interfaz de la que no tiene constancia el protagonista del juego. Una barra con todas las habilidades, el nivel de vida o de maná y el acceso al inventario. Interacción para el jugador, pero sin influencia en la narrativa del juego.

GTA. Igual que pasa con Fallout, los GTA tienen una mezcla de tipos de interfaces. En lo que nos ocupa, podemos tomar como ejemplo la presencia del minimapa o el despliegue de un menú cuando tenemos que seleccionar un arma. Elementos que facilitan la interacción del jugador, pero de los que el protagonista no es consciente.

Espaciales

Cuando hablamos de un diseño de interfaz espacial estamos ante un punto medio en los anteriores conceptos. Son elementos que están integrados en la acción del juego, pero los personajes no tienen constancia de ellos. A veces puede cortar la narrativa del juego, como sucede, por ejemplo, con los elementos de un tutorial.

Ejemplos de este tipo de diseño de interfaz en un videojuego serían los marcadores sobre la cabeza de los enemigos, las señalizaciones sobre el mapa o, por poner algo más concreto, el uso que hacía Splinter Cell Conviction de la sobreimpresión de nombres en edificios y objetos.

Meta

Se trata de una parte del diseño de interfaz muy curiosa ya que están dentro de la historia del juego, pero no lo están en el espacio de juego. Se trata de un diseño que pretende hacer que la experiencia sea aún más inmersiva, por ejemplo, las gotas de sangre en la pantalla o los vidrios rotos.

Por poner algunos ejemplos concretos, en The Last of Us puedes sentir la presencia de los enemigos a través de las paredes. El cómo eso se muestra en pantalla es un ejemplo de diseño de interfaz de tipo meta. Forma parte de la narrativa, favorece la inmersión del jugador, y no está dentro del espacio del juego, sino que forma parte de cómo percibe el mundo el protagonista.

¿Existe la mejor opción para el diseño de una interfaz de un videojuego?

Te hemos contado un poco los tipos de diseño de interfaz y te hemos puesto algunos ejemplos. No resulta difícil extraer que lo mejor es hacer una combinación de elementos para que la experiencia del jugador sea lo mejor posible.

Por ejemplo, en GTA te vas a encontrar una combinación de todos estos elementos. Tienes un diseño de tipo diegético en el móvil que usan los protagonistas, tienes uno extradiegético en lo que se refiere a la interfaz de selección de armas, uno espacial en los marcadores de los enemigos o uno meta cuando nos disparan y la pantalla se llena de sangre.

Todos estos conceptos no se aplican por separado. En la mayoría de juegos vamos a observar este tipo de combinaciones de interfaces según las posibilidades y medios de cada estudio. Es esta combinación de elementos lo que hace que un juego sea rico, intuitivo y una experiencia plenamente inmersiva para el jugador.

¡Conviértete en diseñador de videojuegos!

Ahora que sabes cómo se diseña la interfaz de un videojuego a lo mejor quieres dedicarte a ello. Sea como sea, vas a necesitar formación especializada. En Tokio School somos especialistas en prepararte para el futuro. Los videojuegos son ese futuro. Si eres un apasionado de ellos y quieres dar un paso más, ¡no lo dudes y contacta con nosotros!

# data[].attributes.body
1.4Computación Afectiva: las
Emociones
En los últimos tiempos han surgido
nuevas investigaciones para lograr no solo
una interacción fluida, entre el usuario y la
computadora, sino también en que sea
satisfactoria y porque no, placentera.

# data[].attributes.body
1.3 Diseño Centrado en el Usuario
El Diseño Centrado en el Usuario
(DCU) es el término que se utiliza para
describir el diseño en el que el usuario
influye en el resultado final.

# data[].attributes.body
1.2 Ingeniería de la Usabilidad
La Ingeniería de la Usabilidad es
multidisciplinar; se nutre de la informática,
de la psicología, de la lingüística, de la
sociología, de la antropología y del diseño
industrial.

# data[].attributes.body
1. INTERFAZ GRÁFICA DE USUARIO
Esta línea de investigación abarca el
estudio de los siguientes temas:

1.1 I.P.C.: Interacción Persona-
Computadora

Las personas interactúan con las
interfaces constantemente: al usar el celular,
en el cajero automático, la computadora, la
cámara fotográfica digital, el GPS del auto,
etc. Además de la interacción física que
realiza el usuario (al teclear, al mover el
mouse, al tocar la pantalla digital, etc.)

# data[].attributes.body
La GUI se la puede definir como la
parte de una computadora y su software que
el usuario puede ver, oír, tocar, hablar, o de
otra manera entender o dirigir [2]. La Interfaz
de usuario tiene dos componentes: entrada y
salida. La entrada es cómo el usuario
comunica sus necesidades o deseos a la
computadora. Para esto utiliza los
componentes de entrada: teclado, ratón, el
trackball, el dedo (para pantallas táctiles) y la
voz (para instrucciones habladas).

# data[].attributes.body
El objetivo del presente trabajo es
mostrar la importancia del diseño de la GUI
desde el punto de vista del usuario; explicar
qué es la Interacción Persona-Computadora,
fundamentar la importancia del Diseño
Centrado en el Usuario y la Ingeniería de la
Usabilidad y cómo lograr una interacción
satisfactoria entre el usuario y la
computadora, contemplando los estados
emocionales del usuario.

# data[].attributes.headline
Interfaz Gráfica de Usuario: el Usuario como Protagonista del Diseño

# data[].attributes.subject
Interfaz Gráfica de Usuario: el Usuario como Protagonista del Diseño

# data[].attributes.body
Este trabajo de investigación se encuentra
enmarcado dentro de una de las líneas de
investigación del Proyecto de Incentivos
cuyo título es: “Ingeniería de Software:
conceptos, prácticas y herramientas para el

desarrollo de software de calidad”, código P-
031516, de la Facultad de Ciencias Físico,

Matemáticas y Naturales, de la Universidad
Nacional de San Luis. Éste proyecto es la
continuación de diferentes proyectos de
investigación, los cuales han logrado
importantes vínculos con diversas
universidades a nivel nacional e
internacional. Además, se encuentra
reconocido por el Programa de Incentivos.