SlideShare ist ein Scribd-Unternehmen logo
1 von 17
Diseño de interfaces de usuario Las interfaces de usuarios deben de fácil manejo así como de fácil entendimiento
«Errores  usuario» Son causados cunado la interfaz de usuario no es apta para las capacidades físicas y mentales del usuario.
Factores humanos. Las personas tienen memoria de corto plazo si se les presenta demasiada información estos no pueden asimilarla. El estrés o el mal humor combinado con mensajes o sonidos de alarma que aumentan la provocación de errores
Las interfaces deben ser hechas para que cualquier usuario se adapte a ella. Si se hacen interfaces con una sola interacción llegan a provocar errores.
Principios de diseño grafico Familiaridad del usuario: La interfaz debe ser hecha para el tipo de usuario que la pide con términos familiares y objetos. Uniformidad de la interfaz: Los objetos de la interfaz debe tener el mismo formato. Se debe evitar que comandos hagan varias acciones al mismo tiempo.
Mínima sorpresa. Se debe evitar cualquier hecho irregular en la interfaz porque el usuario de enoja con facilidad. Se debe señalar si el programa tiene diferentes modos para avisar al usuario de su existencia.
Principio de recuperabilidad. Es para evitar errores provocados por el mismo usuario existen 3 tipos de recuperabilidad:
Confirmación de acciones destructivas. Pide al usuario si quiere confirmar alguna acción destructiva antes de destruir cualquier información. Ejemplo: En Windows Vista o 7 pide confirmación de estos.
Proporcionar en recurso de acciones destructivas. Hace que si un usuario provoca un error este tenga la posibilidad de recuperar lo perdido.
Generar puntos de control. El sistema crea puntos donde solo guarda información importante para recuperar en un posible error de sistema no es para sus propios errores.
Principio de diversidad de usuarios La interfaz debe ser capaz de adaptarse a cualquier tipo de usuario como activo como un pasivo.
Asuntos de diseño. Se debe tener siempre dos preguntas antes de hacer una interfaz: ¿Cómo debe interactuar el usuario el programa? ¿Cómo se debe presentar la información  en el programa?
Interacción del usuario. Existen 5 formas de interacción del usuario: Manipulación Directa:  El usuario interactúa directamente con los objetos de la pantalla. Selección de menús: se refiere a facilitarle ciertos comandos al usuario para que no use los comandos por defecto
Rellenado de Formularios:  se refiere a utilizar botones para facilitar la interacción del usuario. Lenguaje de comandos: se refiere a que el usuario use comandos destinados para facilitar su uso como para borrar un archivo.
Lenguaje natural: se refiere a usar lenguaje que normalmente usamos como un comando.
Recomendación: es recomendable que todo programa tenga un buscador, para asi facilitar al usuario la busquedade datos.

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (17)

Diseño interfaz usuario
Diseño interfaz usuarioDiseño interfaz usuario
Diseño interfaz usuario
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
patrones de diseño web.
  patrones de diseño web.   patrones de diseño web.
patrones de diseño web.
 
Loja usabilidad3
Loja usabilidad3Loja usabilidad3
Loja usabilidad3
 
Unidad 4 patrones de diseño web. (1)
Unidad 4   patrones de diseño web. (1)Unidad 4   patrones de diseño web. (1)
Unidad 4 patrones de diseño web. (1)
 
unidad 4
unidad 4unidad 4
unidad 4
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
 
03 7n1is triptico-interfaz-usuario
03 7n1is triptico-interfaz-usuario03 7n1is triptico-interfaz-usuario
03 7n1is triptico-interfaz-usuario
 
Aplicaciones de apoyo
Aplicaciones de apoyo Aplicaciones de apoyo
Aplicaciones de apoyo
 
Paola fernanda
Paola fernandaPaola fernanda
Paola fernanda
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
9.interfaz de usuario en c++
9.interfaz de usuario en c++9.interfaz de usuario en c++
9.interfaz de usuario en c++
 
03 7n1is taller-interfaz-usuario
03 7n1is taller-interfaz-usuario03 7n1is taller-interfaz-usuario
03 7n1is taller-interfaz-usuario
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web
 
03 7n2is exposicion-interfaz usuario
03 7n2is exposicion-interfaz usuario03 7n2is exposicion-interfaz usuario
03 7n2is exposicion-interfaz usuario
 
Unidad 2 Tema 2
Unidad 2 Tema 2Unidad 2 Tema 2
Unidad 2 Tema 2
 
Presentación sist de informacion
Presentación sist de informacionPresentación sist de informacion
Presentación sist de informacion
 

Andere mochten auch

Bramanoli keynote QR-Code
Bramanoli keynote QR-CodeBramanoli keynote QR-Code
Bramanoli keynote QR-CodeCarsten Braun
 
Muntanyes russes
Muntanyes russesMuntanyes russes
Muntanyes russesmroca1996
 
Die Einführung von SEPA - leicht verständlich und übersichtlich
Die Einführung von SEPA - leicht verständlich und übersichtlichDie Einführung von SEPA - leicht verständlich und übersichtlich
Die Einführung von SEPA - leicht verständlich und übersichtlichJörg Günther
 
Präsentation SEPA - Stand 19.9.2013
Präsentation SEPA - Stand 19.9.2013Präsentation SEPA - Stand 19.9.2013
Präsentation SEPA - Stand 19.9.2013Jörg Günther
 
Imágenes de la revolución francesa
Imágenes de la revolución francesaImágenes de la revolución francesa
Imágenes de la revolución francesachiqui63
 
Introducción al estudio de la continuidad+recursos audio y video
Introducción al estudio de la continuidad+recursos audio y videoIntroducción al estudio de la continuidad+recursos audio y video
Introducción al estudio de la continuidad+recursos audio y videoEle Freire
 
A ) tablero interactivo funciones 6º log preguntas presentacion diapositivas
A ) tablero interactivo funciones 6º log preguntas presentacion diapositivasA ) tablero interactivo funciones 6º log preguntas presentacion diapositivas
A ) tablero interactivo funciones 6º log preguntas presentacion diapositivasEle Freire
 
5HBC2012 1104 LaGrange Error Term
5HBC2012 1104 LaGrange Error Term5HBC2012 1104 LaGrange Error Term
5HBC2012 1104 LaGrange Error TermA Jorge Garcia
 

Andere mochten auch (20)

Bramanoli keynote QR-Code
Bramanoli keynote QR-CodeBramanoli keynote QR-Code
Bramanoli keynote QR-Code
 
Muntanyes russes
Muntanyes russesMuntanyes russes
Muntanyes russes
 
Sistemas operativos 1
Sistemas operativos 1Sistemas operativos 1
Sistemas operativos 1
 
Manejo de prototipos
Manejo de prototiposManejo de prototipos
Manejo de prototipos
 
Die Einführung von SEPA - leicht verständlich und übersichtlich
Die Einführung von SEPA - leicht verständlich und übersichtlichDie Einführung von SEPA - leicht verständlich und übersichtlich
Die Einführung von SEPA - leicht verständlich und übersichtlich
 
Memorias ram
Memorias ramMemorias ram
Memorias ram
 
Historia del colegio agropecuario
Historia del colegio agropecuario Historia del colegio agropecuario
Historia del colegio agropecuario
 
Algebra de boole
Algebra de booleAlgebra de boole
Algebra de boole
 
Präsentation SEPA - Stand 19.9.2013
Präsentation SEPA - Stand 19.9.2013Präsentation SEPA - Stand 19.9.2013
Präsentation SEPA - Stand 19.9.2013
 
Imágenes de la revolución francesa
Imágenes de la revolución francesaImágenes de la revolución francesa
Imágenes de la revolución francesa
 
Introducción al estudio de la continuidad+recursos audio y video
Introducción al estudio de la continuidad+recursos audio y videoIntroducción al estudio de la continuidad+recursos audio y video
Introducción al estudio de la continuidad+recursos audio y video
 
A ) tablero interactivo funciones 6º log preguntas presentacion diapositivas
A ) tablero interactivo funciones 6º log preguntas presentacion diapositivasA ) tablero interactivo funciones 6º log preguntas presentacion diapositivas
A ) tablero interactivo funciones 6º log preguntas presentacion diapositivas
 
Londres
Londres Londres
Londres
 
Zestfest
Zestfest Zestfest
Zestfest
 
Introduccin a la logica
Introduccin a la logicaIntroduccin a la logica
Introduccin a la logica
 
5HBC2012 1104 LaGrange Error Term
5HBC2012 1104 LaGrange Error Term5HBC2012 1104 LaGrange Error Term
5HBC2012 1104 LaGrange Error Term
 
Tipografia
TipografiaTipografia
Tipografia
 
Nuevos virus
Nuevos virusNuevos virus
Nuevos virus
 
Teclado2
Teclado2Teclado2
Teclado2
 
Practica decimo
Practica decimoPractica decimo
Practica decimo
 

Ähnlich wie Biachi (20)

Biachi
BiachiBiachi
Biachi
 
Biachi
BiachiBiachi
Biachi
 
Biachi
BiachiBiachi
Biachi
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
Diseño de interfaces
Diseño de interfacesDiseño de interfaces
Diseño de interfaces
 
Trabajo Práctico - Metodología de Sistemas I - UTN
Trabajo Práctico - Metodología de Sistemas I - UTNTrabajo Práctico - Metodología de Sistemas I - UTN
Trabajo Práctico - Metodología de Sistemas I - UTN
 
Gui
GuiGui
Gui
 
Gui
GuiGui
Gui
 
Gui
GuiGui
Gui
 
Diseño de interfaces de usuario
Diseño de interfaces de usuarioDiseño de interfaces de usuario
Diseño de interfaces de usuario
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
Interfaz con usuario
Interfaz con usuarioInterfaz con usuario
Interfaz con usuario
 
Interfaz Usuario
Interfaz UsuarioInterfaz Usuario
Interfaz Usuario
 
Reglas de Oro
Reglas de OroReglas de Oro
Reglas de Oro
 
Clase Diseño para la interacción
Clase Diseño para la interacciónClase Diseño para la interacción
Clase Diseño para la interacción
 
Capitulo 2.1
Capitulo 2.1Capitulo 2.1
Capitulo 2.1
 
11.interfaz de usuario
11.interfaz de usuario11.interfaz de usuario
11.interfaz de usuario
 
03 7n2is taller-interfaz usuario
03 7n2is taller-interfaz usuario03 7n2is taller-interfaz usuario
03 7n2is taller-interfaz usuario
 
Diseño de interfaz importancia y proceso
Diseño de interfaz importancia y procesoDiseño de interfaz importancia y proceso
Diseño de interfaz importancia y proceso
 

Mehr von Colegio Agropecuario de San Carlos (20)

Desarrollo sitios web
Desarrollo sitios webDesarrollo sitios web
Desarrollo sitios web
 
Lenguajes de programacion web
Lenguajes de programacion webLenguajes de programacion web
Lenguajes de programacion web
 
C sharp intro1
C sharp intro1C sharp intro1
C sharp intro1
 
C sharp intro0
C sharp intro0C sharp intro0
C sharp intro0
 
Examensinrespuesta
ExamensinrespuestaExamensinrespuesta
Examensinrespuesta
 
Tipos de certificaciones profesionales en informática
Tipos de certificaciones profesionales en informáticaTipos de certificaciones profesionales en informática
Tipos de certificaciones profesionales en informática
 
Visual basic 2
Visual basic 2Visual basic 2
Visual basic 2
 
Presentación1
Presentación1Presentación1
Presentación1
 
Introducción a net
Introducción a netIntroducción a net
Introducción a net
 
C sharp intro0
C sharp intro0C sharp intro0
C sharp intro0
 
C sharp intro1
C sharp intro1C sharp intro1
C sharp intro1
 
Servicios de sistemas
Servicios de sistemasServicios de sistemas
Servicios de sistemas
 
Planificador del procesador
Planificador del procesadorPlanificador del procesador
Planificador del procesador
 
Tipos sitemas operativos
Tipos sitemas operativosTipos sitemas operativos
Tipos sitemas operativos
 
Ms
MsMs
Ms
 
Practica ms dos 2
Practica ms dos 2Practica ms dos 2
Practica ms dos 2
 
Drop database bd
Drop database bdDrop database bd
Drop database bd
 
Igu
IguIgu
Igu
 
Intrefaz gráfica de usuario
Intrefaz gráfica de usuarioIntrefaz gráfica de usuario
Intrefaz gráfica de usuario
 
Igu
IguIgu
Igu
 

Biachi

  • 1.
  • 2. Diseño de interfaces de usuario Las interfaces de usuarios deben de fácil manejo así como de fácil entendimiento
  • 3. «Errores usuario» Son causados cunado la interfaz de usuario no es apta para las capacidades físicas y mentales del usuario.
  • 4. Factores humanos. Las personas tienen memoria de corto plazo si se les presenta demasiada información estos no pueden asimilarla. El estrés o el mal humor combinado con mensajes o sonidos de alarma que aumentan la provocación de errores
  • 5. Las interfaces deben ser hechas para que cualquier usuario se adapte a ella. Si se hacen interfaces con una sola interacción llegan a provocar errores.
  • 6. Principios de diseño grafico Familiaridad del usuario: La interfaz debe ser hecha para el tipo de usuario que la pide con términos familiares y objetos. Uniformidad de la interfaz: Los objetos de la interfaz debe tener el mismo formato. Se debe evitar que comandos hagan varias acciones al mismo tiempo.
  • 7. Mínima sorpresa. Se debe evitar cualquier hecho irregular en la interfaz porque el usuario de enoja con facilidad. Se debe señalar si el programa tiene diferentes modos para avisar al usuario de su existencia.
  • 8. Principio de recuperabilidad. Es para evitar errores provocados por el mismo usuario existen 3 tipos de recuperabilidad:
  • 9. Confirmación de acciones destructivas. Pide al usuario si quiere confirmar alguna acción destructiva antes de destruir cualquier información. Ejemplo: En Windows Vista o 7 pide confirmación de estos.
  • 10. Proporcionar en recurso de acciones destructivas. Hace que si un usuario provoca un error este tenga la posibilidad de recuperar lo perdido.
  • 11. Generar puntos de control. El sistema crea puntos donde solo guarda información importante para recuperar en un posible error de sistema no es para sus propios errores.
  • 12. Principio de diversidad de usuarios La interfaz debe ser capaz de adaptarse a cualquier tipo de usuario como activo como un pasivo.
  • 13. Asuntos de diseño. Se debe tener siempre dos preguntas antes de hacer una interfaz: ¿Cómo debe interactuar el usuario el programa? ¿Cómo se debe presentar la información en el programa?
  • 14. Interacción del usuario. Existen 5 formas de interacción del usuario: Manipulación Directa: El usuario interactúa directamente con los objetos de la pantalla. Selección de menús: se refiere a facilitarle ciertos comandos al usuario para que no use los comandos por defecto
  • 15. Rellenado de Formularios: se refiere a utilizar botones para facilitar la interacción del usuario. Lenguaje de comandos: se refiere a que el usuario use comandos destinados para facilitar su uso como para borrar un archivo.
  • 16. Lenguaje natural: se refiere a usar lenguaje que normalmente usamos como un comando.
  • 17. Recomendación: es recomendable que todo programa tenga un buscador, para asi facilitar al usuario la busquedade datos.