GUI 
Interfaces Gráficas de 
Usuario 
Tips and Tricks
• Integrantes 
• Gómez Peña, Omar 
• Palmieri, Livio Daniel 
• Metodología de Sistemas II 
• Curso: 4-B 
• Fecha de presen...
• Integrantes 
• Gómez Peña, Enrique Omar 
• Palmieri, Livio Daniel 
• Metodología de Sistemas II 
• Curso: 4-B 
• Fecha d...
Interfaz Gráfica de Usuario (GUI) 
• Compone a los elementos gráficos que permiten interactuar con el 
ordenador, realizan...
Consideraciones a tener en cuenta 
• La aplicación debe ser sencilla e intuitiva 
• La Ley de Fitt 
• Interferencias innec...
La aplicación debe ser sencilla e intuitiva 
• El usuario no quiere usar tu aplicación, quiere realizar su trabajo de la 
...
La Ley de Fitt 
• Cuanto más grande y cercano al puntero del ratón está un objeto, 
más fácil es hacer clic sobre él. 
• L...
Interferencias innecesarias 
• Se debe minimizar la cantidad de distracción e interferencias de parte 
de la aplicación. 
...
Utilizar la potencia de la computadora 
• No escatimar recursos en almacenar información que permita las 
preferencias de ...
Elementos distinguibles y fáciles de 
encontrar 
• Los elementos de la pantalla que realizan tareas diferentes, deberían 
...
Realimentación 
• La interfaz debe dar inmediatamente alguna respuesta a cualquier 
acción de usuario. 
• Ejemplos de retr...
Consistencia u homogeneidad 
• Las formas de operar y la manera en que se muestra la información 
debe mantenerse uniforme...
Minimizar memorización 
• Utilizar controles gráficos. 
• Limitar la carga de información a corto plazo. 
• Utilizar nombr...
Bibliografía 
• Roe, Benjamin. (Página consultada el 16 de Noviembre de 2014). 
“Diseño de Interfaces de Usuario Usables: ...
Próxima SlideShare
Cargando en…5
×

TP GUI - Livio Palmieri, Gomez Enrique

221 visualizaciones

Publicado el

Presentar sobre conceptos fundamentales del desarrollo de una GUI.

Publicado en: Datos y análisis
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
221
En SlideShare
0
De insertados
0
Número de insertados
3
Acciones
Compartido
0
Descargas
2
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

TP GUI - Livio Palmieri, Gomez Enrique

  1. 1. GUI Interfaces Gráficas de Usuario Tips and Tricks
  2. 2. • Integrantes • Gómez Peña, Omar • Palmieri, Livio Daniel • Metodología de Sistemas II • Curso: 4-B • Fecha de presentación: 16-11-2014
  3. 3. • Integrantes • Gómez Peña, Enrique Omar • Palmieri, Livio Daniel • Metodología de Sistemas II • Curso: 4-B • Fecha de presentación: 16-11-2014
  4. 4. Interfaz Gráfica de Usuario (GUI) • Compone a los elementos gráficos que permiten interactuar con el ordenador, realizando las distintas funcionalidades de este de manera intuitiva y dinámica
  5. 5. Consideraciones a tener en cuenta • La aplicación debe ser sencilla e intuitiva • La Ley de Fitt • Interferencias innecesarias • Utilizar la potencia de la computadora • Los elementos deben ser fáciles de distinguir y encontrar • Realimentación • Consistencia u homogeneidad • Minimizar memorización
  6. 6. La aplicación debe ser sencilla e intuitiva • El usuario no quiere usar tu aplicación, quiere realizar su trabajo de la forma más sencilla y rápida posible. • Todo el tiempo que le insume al usuario aprender tu aplicación, es tiempo que no puede dedicar a su trabajo.
  7. 7. La Ley de Fitt • Cuanto más grande y cercano al puntero del ratón está un objeto, más fácil es hacer clic sobre él. • Los límites de la pantalla vuelven a los controles virtualmente infinitos.
  8. 8. Interferencias innecesarias • Se debe minimizar la cantidad de distracción e interferencias de parte de la aplicación. • Utilizar ventanas de diálogo sólo si contiene información útil. • Utilizar indicadores de estado no modales, cuando sea posible.
  9. 9. Utilizar la potencia de la computadora • No escatimar recursos en almacenar información que permita las preferencias de visualización del usuario. • Has que se puedan distinguir rápidamente entre elementos similares.
  10. 10. Elementos distinguibles y fáciles de encontrar • Los elementos de la pantalla que realizan tareas diferentes, deberían ser fácilmente distinguibles unos de otros. • No se debe abrumar al usuario con opciones innecesarias. • Si se selecciona un elemento, debe ser sencillo de distinguir y leer.
  11. 11. Realimentación • La interfaz debe dar inmediatamente alguna respuesta a cualquier acción de usuario. • Ejemplos de retroalimentación • Movimiento del cursor • Resaltar opción elegida en el menú • Comunicar éxito o fracaso de una operación • Reflejar el estado de los objetos
  12. 12. Consistencia u homogeneidad • Las formas de operar y la manera en que se muestra la información debe mantenerse uniforme a través de la aplicación. • Tiene como objetivo que el usuario pueda generalizar sus conocimientos de un aspecto de la interfaz a otros aspectos.
  13. 13. Minimizar memorización • Utilizar controles gráficos. • Limitar la carga de información a corto plazo. • Utilizar nombres y símbolos auto-explicativos. • Procurar que esté disponible toda la información necesaria en cada momento que esté presente la pantalla.
  14. 14. Bibliografía • Roe, Benjamin. (Página consultada el 16 de Noviembre de 2014). “Diseño de Interfaces de Usuario Usables: Una Guía Rápida para Desarrolladores de Software Libre y de Código Abierto”, [On-Line]. Dirección URL: http://mundogeek.net/traducciones/interfaces-usuario-usables/gui.html • Martinez, M. (Página consultada el 16 de Noviembre de 2014). “Principios de Diseño de las Interfaces Gráficas (Aplicados a Delphi)”, [On-Line]. Dirección URL: http://www.letrak.com.co/alejandro/material/web/Principios-Disenno-Delphi.

×