slide1 n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Interfases de usuario 100 maneras de arruinar un juego y cómo evitarlas Daniel Benmergui PowerPoint Presentation
Download Presentation
Interfases de usuario 100 maneras de arruinar un juego y cómo evitarlas Daniel Benmergui

Loading in 2 Seconds...

play fullscreen
1 / 70

Interfases de usuario 100 maneras de arruinar un juego y cómo evitarlas Daniel Benmergui - PowerPoint PPT Presentation


  • 148 Views
  • Uploaded on

Interfases de usuario 100 maneras de arruinar un juego y cómo evitarlas Daniel Benmergui. Mitología. “Las interfases de usuario no influyen en el éxito de mi juego”. Catástrofe. Un publisher decide no publicar Un jugador casual decide no comprar Un reviewer opina “No vale la pena”.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Interfases de usuario 100 maneras de arruinar un juego y cómo evitarlas Daniel Benmergui' - briar


Download Now An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
slide1
Interfases de usuario

100 maneras de arruinar un juego y cómo evitarlas

Daniel Benmergui

mitolog a
Mitología

“Las interfases de usuario no influyen en el éxito de mi juego”

slide3

Catástrofe

  • Un publisher decide no publicar
  • Un jugador casual decide no comprar
  • Un reviewer opina “No vale la pena”
la experiencia de usuario1
La Experiencia de Usuario

Arte

Interfaz de usuario

Gameplay

user interface ui
User Interface (UI)

Es la comunicación entre el jugador y nuestro juego

Consecuencias de las fallas

  • Usuarios frustrados
  • Gameplay arruinado
el rey de los principios
El Rey de los Principios

La UI es para el usuario

Diseñarlas para ellos!

el usuario
El Usuario
  • No lee prácticamente nada
  • No memoriza nada
  • Cuando se equivoca, se frustra
  • Casual vs Hardcore
  • Espera divertirse
oportunidades para errar
Oportunidades para Errar
  • Controles principales
  • Navegación 3D
  • Menúes y Diálogos
  • Cutscenes
  • Fonts y Texto
  • Tutoriales
  • Modos
  • Savegames
  • Gerenciamiento de UI
controles principales
Controles Principales

La comunicación más importante entre el usuario y el gameplay

blooper controles torpes
Blooper: Controles Torpes

Obligar al usuario a cambiar continuamente entre mouse y teclado

Consecuencias

  • Cansansancio
  • Errores
blooper controles torpes1
Blooper: Controles Torpes

(Screenshot Avernum)

Avernum 3

blooper controles torpes2
Blooper: Controles Torpes

Solución

  • Mouse O teclado, o mouse Y teclado
blooper el mouse terrorista
Blooper: El Mouse Terrorista

Usar acciones dificultosas innecesariamente

blooper el mouse terrorista1
Blooper: El Mouse Terrorista

(Screenshots Grow RPG)

Grow RPG

blooper el mouse terrorista2
Blooper: El Mouse Terrorista

Consecuencias

  • Cansancio
  • Errores

Solución

  • Acciones frecuentes: lo más baratas posible
blooper el mouse terrorista3
Blooper: El Mouse Terrorista

(Screenshots arreglados del grow)

Grow RPG

navegaci n 3d
Navegación 3D

Los juegos 3D tienen muchas libertades de navegación

Traslación

Zoom

Rotación

blooper libertinaje en 3d
Blooper: Libertinaje en 3D

Soportar innecesarios movimientos de cámara

Consecuencias

  • El juego es más complejo
  • El usuario puede romper la perspectiva por defecto
blooper libertinaje en 3d1
Blooper: Libertinaje en 3D

Rotación contrareloj

(Screenshot etherlords)

Rotación reloj

Etherlords

blooper libertinaje en 3d2
Blooper: Libertinaje en 3D

(Screenshot wc3)

Warcraft 3

blooper libertinaje en 3d3
Blooper: Libertinaje en 3D

Solución

  • No implementar movimientos de cámara que no sean críticos
men es y di logos
Menúes y diálogos

Objetos a través de los cuales el usuario toma decisiones

blooper men es y di logos no convencionales
Blooper: Menúes y diálogos no convencionales

No respetar las convenciones del género, ni las del sistema operativo

Consecuencias

  • Usuarios confundidos
blooper men es y di logos no convencionales1
Blooper: Menúes y diálogos no convencionales

Atrapar al usuario

  • ESC no va al menú
  • ESC no cancela
  • No hay “Cancelar”
blooper men es y di logos no convencionales2
Blooper: Menúes y diálogos no convencionales

“OK” y “Cancel” en lugares raros

blooper men es y di logos no convencionales4
Blooper: Menúes y diálogos no convencionales

No usar los bordes de la pantalla

blooper men es y di logos no convencionales6
Blooper: Menúes y diálogos no convencionales

Solución

  • Imitar
  • Plagiar
  • Homenajear
cutscenes
Cutscenes
  • Ambientar al usuario
  • Hacerlo empatizar con su personaje
  • Recompensar sus avances
blooper cutscenes insalteables
Blooper: Cutscenes Insalteables

Cutscenes “La Naranja Mecánica”

blooper cutscenes insalteables1
Blooper: Cutscenes Insalteables

Consecuencia

  • El placer se transforma en dolor

Solución

  • Usar cualquier tecla, como mínimo ESC
fonts y texto
Fonts y Texto
  • Informar
  • Complementar los gráficos
blooper fonts diminutas
Blooper: Fonts diminutas

Usar fonts menores a 10 pts.

Consecuencias

  • Ilegibles para mayores a 45, o con problemas vista
blooper fonts diminutas1
Blooper: Fonts diminutas

(screenshot SAIIS)

Strange Adventures in Infinite Space

blooper fonts diminutas2
Blooper: Fonts diminutas

Solución

  • Mínimo 10 pts.
  • Recomendado 12 pts.
blooper fonts divertidas
Blooper: Fonts divertidas

Usar Fonts Divertidas en textos largos del juego, que como pueden ver, son molestas de leer por mucho tiempo

Consecuencias

  • Dolor de cabeza
  • Esfuerzo visual
blooper mucho texto
Blooper: Mucho Texto

Historia: Jorge el Temible volvió de la guerra del Cónclave a través del valle dorado donde se encontró con un dragón que le pidió pan pero como no tenía le dio una piedra marrón y el dragón se atragantó y se murió y por eso ahora tiene un escudo de escamas de dragón que pesa mucho pero es a prueba de cascotes como los que le tiraron un rato antes en el valle dorado y porqué no tenía el escudo cuando pasó eso, porque los que tiran cascotes no son a prueba de dragones, y por axioma de Darwin se exinguieron antes de que los mate un meteorito y…blablabla…

El usuario no va a leer esto, no vale la pena.

blooper mucho texto1
Blooper: Mucho Texto

Consecuencia

  • El usuario pierde tiempo salteándolo
  • Puede perderse información importante
casual blooper technobabble
Casual Blooper: Technobabble

Cuidado con la terminología

Especialmente

  • Abort (Cancel)
  • Kill (End)
  • Execute (Start)
tutoriales
Tutoriales
  • Evitan los manuales
  • Orientan al usuario
  • Enseñan cómo se supone que se tiene que jugar
blooper instrucciones ef meras
Blooper: Instrucciones Efímeras

Tutoriales con instrucciones que desaparecen

Consecuencias

  • Desorientación
  • Pérdida de tiempo
blooper instrucciones ef meras1
Blooper: Instrucciones Efímeras

Solución

  • Dejar las instrucciones hasta que se completen
tips tutoriales
Tips: Tutoriales
  • Texto al mínimo
  • Tutoriales cortos
  • El ser humano es mucho mejor imitando que siguiendo instrucciones
tutorials por imitaci n
Tutorials por Imitación

(Screenshot wik)

Wik and the Fable of Souls

modos
Modos

¿Qué es un modo?

blooper muchos modos
Blooper: Muchos Modos

Implementar modos innecesariamente

Consecuencia

  • Errores
  • La interfaz se siente “ineficiente”
blooper muchos modos2
Blooper: Muchos Modos

Solución

  • Cambios de modo automáticos
  • Cuasimodos
tip cuasimodos
Tip: Cuasimodos
  • ¿Qué es un cuasimodo?
  • ¿Qué ventajas ofrece?

Mantener 5

Presionado

Soltarlo

savegames y sus di logos
Savegames y sus Diálogos
  • Dejar al usuario hacer algo más importante que jugar
  • Protegerlo de sus propios errores
bloopers savegames
Bloopers: Savegames

Obligar al usuario a ingresar una descripción

  • No mostrar screenshots
  • No ordenar cronológicamente
  • No tener quicksave
  • No tener Autosave
  • No poder grabar en cualquier momento
blooper general savegames
Blooper general: Savegames

No proteger al usuario de sus propios errores, o hacerlo torpemente

Solución

  • Savegames ordenados cronológicamente
  • No intrusivos
gerenciamiento management
Gerenciamiento (Management)
  • Decidir quién es el responsable del diseño de las interfases de usuario
  • Decidir cuán importantes son las interfases de usuario en el proyecto en general
blooper no hay dise ador de ui
Blooper: No hay diseñador de UI

Asignar el diseño de interfases a la persona equivocada

Consecuencias

  • El diseñador de facto diseña para sí mismo
  • No hay “responsables” de la usabilidad
  • Intefases plagadas de errores funcionales
dise ador de interfases
Diseñador de Interfases
  • ¿Es el artista?
  • ¿Los programadores?
  • ¿Los testers?
y si no hay experto

UI Designer

vs

Game Designer

Interfases

Gameplay

¿Y si no hay “experto”?
blooper dejar la ui para el final
Blooper: Dejar la UI para el final

…cuando el deadline de entrega está cerca, y no hay tiempo de arreglar nada

Consecuencia

  • La interfaz queda exactamente igual
slide62
Tip

En muchos casos, las mejores decisiones de UI para un juego son mucho más fáciles de implementar que los malas

Detectar los errores de UI es muy fácil…

soluci n para todos los problemas de ui
Solución para todos los problemas de UI

User Testing!

  • No es caro ni complicado como el testing de funcionalidad
  • Es muy eficiente
  • Es divertido
user testing receta
User Testing: Receta
  • 4 o 5 personas
  • Ponerlas a jugar
  • Sentarse fuera de su campo de visión
  • Pedirles que hagan tareas como
    • Pasar de nivel
    • Bajar el volumen
    • Salir del juego
  • Tomar nota de las dificultades que tienen
testers qu hacer
Testers: Qué hacer
  • Pedirles que piensen en voz alta
  • No guiarlos
  • No contestar preguntas
  • Se está probando el juego, no la competencia del tester
  • Anotar las observaciones
qu no hacer
Qué NO hacer
  • Implementar los consejos de los testers
  • No verificar los arreglos
  • Concluir que los problemas son culpa de la incompetencia del tester
user testing sirve
User Testing: ¿Sirve?
  • Los fallos estructurales en las UI son muy pocos
  • Los usuarios los detectan con facilidad
  • Refuerza la autoconfianza
conclusi n
Conclusión

La felicidad es el neto entre nuestras frustraciones y éxitos cotidianos