1 / 70

Interfases de usuario 100 maneras de arruinar un juego y cómo evitarlas Daniel Benmergui

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”.

briar
Download Presentation

Interfases de usuario 100 maneras de arruinar un juego y cómo evitarlas Daniel Benmergui

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Interfases de usuario 100 maneras de arruinar un juego y cómo evitarlas Daniel Benmergui

  2. Mitología “Las interfases de usuario no influyen en el éxito de mi juego”

  3. Catástrofe • Un publisher decide no publicar • Un jugador casual decide no comprar • Un reviewer opina “No vale la pena”

  4. ¿La Experiencia de Usuario? Arte Gameplay Falso!

  5. La Experiencia de Usuario Arte Interfaz de usuario Gameplay

  6. User Interface (UI) Es la comunicación entre el jugador y nuestro juego Consecuencias de las fallas • Usuarios frustrados • Gameplay arruinado

  7. El Rey de los Principios La UI es para el usuario Diseñarlas para ellos!

  8. El Usuario • No lee prácticamente nada • No memoriza nada • Cuando se equivoca, se frustra • Casual vs Hardcore • Espera divertirse

  9. Oportunidades para Errar • Controles principales • Navegación 3D • Menúes y Diálogos • Cutscenes • Fonts y Texto • Tutoriales • Modos • Savegames • Gerenciamiento de UI

  10. Controles Principales La comunicación más importante entre el usuario y el gameplay

  11. Blooper: Controles Torpes Obligar al usuario a cambiar continuamente entre mouse y teclado Consecuencias • Cansansancio • Errores

  12. Blooper: Controles Torpes (Screenshot Avernum) Avernum 3

  13. Blooper: Controles Torpes Solución • Mouse O teclado, o mouse Y teclado

  14. Blooper: El Mouse Terrorista Usar acciones dificultosas innecesariamente

  15. Blooper: El Mouse Terrorista (Screenshots Grow RPG) Grow RPG

  16. Blooper: El Mouse Terrorista Consecuencias • Cansancio • Errores Solución • Acciones frecuentes: lo más baratas posible

  17. Blooper: El Mouse Terrorista (Screenshots arreglados del grow) Grow RPG

  18. Navegación 3D Los juegos 3D tienen muchas libertades de navegación Traslación Zoom Rotación

  19. 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

  20. Blooper: Libertinaje en 3D Rotación contrareloj (Screenshot etherlords) Rotación reloj Etherlords

  21. Blooper: Libertinaje en 3D (Screenshot wc3) Warcraft 3

  22. Blooper: Libertinaje en 3D Solución • No implementar movimientos de cámara que no sean críticos

  23. Menúes y diálogos Objetos a través de los cuales el usuario toma decisiones

  24. Blooper: Menúes y diálogos no convencionales No respetar las convenciones del género, ni las del sistema operativo Consecuencias • Usuarios confundidos

  25. Blooper: Menúes y diálogos no convencionales Atrapar al usuario • ESC no va al menú • ESC no cancela • No hay “Cancelar”

  26. Blooper: Menúes y diálogos no convencionales “OK” y “Cancel” en lugares raros

  27. Blooper: Menúes y diálogos no convencionales No hay valores por defecto

  28. Blooper: Menúes y diálogos no convencionales No usar los bordes de la pantalla

  29. Blooper: Menúes y diálogos no convencionales Controles minúsculos

  30. Blooper: Menúes y diálogos no convencionales Solución • Imitar • Plagiar • Homenajear

  31. Cutscenes • Ambientar al usuario • Hacerlo empatizar con su personaje • Recompensar sus avances

  32. Blooper: Cutscenes Insalteables Cutscenes “La Naranja Mecánica”

  33. Blooper: Cutscenes Insalteables Consecuencia • El placer se transforma en dolor Solución • Usar cualquier tecla, como mínimo ESC

  34. Fonts y Texto • Informar • Complementar los gráficos

  35. Blooper: Fonts diminutas Usar fonts menores a 10 pts. Consecuencias • Ilegibles para mayores a 45, o con problemas vista

  36. Blooper: Fonts diminutas (screenshot SAIIS) Strange Adventures in Infinite Space

  37. Blooper: Fonts diminutas Solución • Mínimo 10 pts. • Recomendado 12 pts.

  38. 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

  39. 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.

  40. Blooper: Mucho Texto Consecuencia • El usuario pierde tiempo salteándolo • Puede perderse información importante

  41. Casual Blooper: Technobabble Cuidado con la terminología Especialmente • Abort (Cancel) • Kill (End) • Execute (Start)

  42. Tutoriales • Evitan los manuales • Orientan al usuario • Enseñan cómo se supone que se tiene que jugar

  43. Blooper: Instrucciones Efímeras Tutoriales con instrucciones que desaparecen Consecuencias • Desorientación • Pérdida de tiempo

  44. Blooper: Instrucciones Efímeras Solución • Dejar las instrucciones hasta que se completen

  45. Tips: Tutoriales • Texto al mínimo • Tutoriales cortos • El ser humano es mucho mejor imitando que siguiendo instrucciones

  46. Tutorials por Imitación (Screenshot wik) Wik and the Fable of Souls

  47. Modos ¿Qué es un modo?

  48. Blooper: Muchos Modos Implementar modos innecesariamente Consecuencia • Errores • La interfaz se siente “ineficiente”

  49. Blooper: Muchos Modos Monkey Island

  50. Blooper: Muchos Modos Solución • Cambios de modo automáticos • Cuasimodos

More Related