Interfases de usuario - PowerPoint PPT Presentation

Loading...

PPT – Interfases de usuario PowerPoint presentation | free to download - id: 2851cd-NmEwN



Loading


The Adobe Flash plugin is needed to view this content

Get the plugin now

View by Category
About This Presentation
Title:

Interfases de usuario

Description:

'Las interfases de usuario no influyen en el xito de mi juego' Un ... Espera divertirse. El Usuario. Controles principales. Navegaci n 3D. Men es y Di logos ... – PowerPoint PPT presentation

Number of Views:76
Avg rating:3.0/5.0
Slides: 71
Provided by: adva4
Learn more at: http://www.adva.com.ar
Category:

less

Write a Comment
User Comments (0)
Transcript and Presenter's Notes

Title: Interfases de usuario


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 yblablabla
  • 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

51
Blooper Muchos Modos
Full Throttle
52
Tip Cuasimodos
  • Qué es un cuasimodo?
  • Qué ventajas ofrece?

Mantener 5 Presionado
Soltarlo
53
Savegames y sus Diálogos
  • Dejar al usuario hacer algo más importante que
    jugar
  • Protegerlo de sus propios errores

54
El Organo Inextirpable
55
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

56
Blooper general Savegames
  • No proteger al usuario de sus propios errores, o
    hacerlo torpemente
  • Solución
  • Savegames ordenados cronológicamente
  • No intrusivos

57
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

58
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

59
Diseñador de Interfases
  • Es el artista?
  • Los programadores?
  • Los testers?

60
Y si no hay experto?
61
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

62
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

63
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

64
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

65
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

66
Qué NO hacer
  • Implementar los consejos de los testers
  • No verificar los arreglos
  • Concluir que los problemas son culpa de la
    incompetencia del tester

67
User Testing Sirve?
  • Los fallos estructurales en las UI son muy pocos
  • Los usuarios los detectan con facilidad
  • Refuerza la autoconfianza

68
Conclusión
  • La felicidad es el neto entre nuestras
    frustraciones y éxitos cotidianos

69
Preguntas!
70
Muchas Gracias!Daniel Benmerguidaniel_at_angrymach
ine.com.ar
About PowerShow.com