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

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