Jump to Main ContentJump to Primary Navigation
Episodio 9

Diseño de la interfaz de usuario

Vídeo

Episodio 9: Diseño de la interfaz de usuario

Si los usuarios no notan la interfaz de usuario, eso quiere decir que está bien hecha. Pese a ser uno de los elementos más importantes de un juego, casi nadie repara en ella. Los jugadores no suelen tener mucho que decir al respecto... a menos que no funcione. Si lo está, la experiencia de juego puede volverse verdaderamente frustrante, hasta el punto de sacarte del juego por completo. Resulta imprescindible que los diseñadores de IU comprendan a su público para crear sistemas en los que puedan desplazarse de manera intuitiva.

Muchos juegos exigen acceso inmediato a una gran cantidad de información importante como estadísticas, inventario, ubicación e información de la misión. La posibilidad de poder consultar fácilmente esa información cuando hace falta, y solo cuando hace falta, es el resultado del trabajo en equipo de los diseñadores de IU con los diseñadores de experiencia de usuario. En este vídeo analizamos las diferencias entre diseño de experiencia de usuario y de IU, y también descubrimos algunas consideraciones importantes para diseñar IU y garantizar que la experiencia de juego resulte coherente, cohesiva y facilite la inmersión.

Episode 10: Game Design

Recursos adicionales

Si os interesa profundizar en el diseño de la IU, ¡aquí os dejamos algunos recursos adicionales muy populares entre los equipos de diseño visual y MoGraph!

Diseño visual:

Clases:

El equipo de diseño visual recomienda Skillshare como un gran recurso de contenido base.

MoGraph:
Subreddits:
https://www.reddit.com/r/AfterEffects/
https://old.reddit.com/r/motiongraphics/
https://old.reddit.com/r/FUI/

Tutoriales gratuitos:
http://www.videocopilot.net/
https://mattrunks.com/en
https://www.schoolofmotion.com/

Tutoriales de pago:
https://www.udemy.com/

Novedades de MoGraph:
http://motionographer.com/
http://www.3dtotal.com/
http://www.cgpress.org/

Estudios de caso:
http://www.artofthetitle.com/
https://www.behance.net/search?field=63

Expresiones:
http://motionscript.com/
https://aexpr.wordpress.com/