SlideShare uma empresa Scribd logo
1 de 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 busqueda de datos.

Mais conteúdo relacionado

Mais procurados

Mais procurados (18)

Intrefaz gráfica de usuario
Intrefaz gráfica de usuarioIntrefaz gráfica de usuario
Intrefaz gráfica de usuario
 
Desarrollo de Interfaces de Usuario Basadas en Modelos
Desarrollo de Interfaces de Usuario Basadas en ModelosDesarrollo de Interfaces de Usuario Basadas en Modelos
Desarrollo de Interfaces de Usuario Basadas en Modelos
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
Diseño de interfaces
Diseño de interfacesDiseño de interfaces
Diseño de interfaces
 
Diseño de interfaces
Diseño de interfacesDiseño de interfaces
Diseño de interfaces
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-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
 
Trabajo baño
Trabajo bañoTrabajo baño
Trabajo baño
 
Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuario
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basica
 
Diseño de Interfaz
Diseño de InterfazDiseño de Interfaz
Diseño de Interfaz
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
 
Interfaces gráficas de usuario
Interfaces gráficas de usuarioInterfaces gráficas de usuario
Interfaces gráficas de usuario
 
03 7n1is triptico-interfaz-usuario
03 7n1is triptico-interfaz-usuario03 7n1is triptico-interfaz-usuario
03 7n1is triptico-interfaz-usuario
 
Diseño de la interfaz de usuario
Diseño de la interfaz de usuarioDiseño de la interfaz de usuario
Diseño de la interfaz de usuario
 
Diseño de Interfaces
Diseño de InterfacesDiseño de Interfaces
Diseño de Interfaces
 
Diseño de Interfaces
Diseño de InterfacesDiseño de Interfaces
Diseño de Interfaces
 

Destaque

Impresoras
 Impresoras Impresoras
Impresorasinfobran
 
Alejandro,ariel prototipe
Alejandro,ariel prototipeAlejandro,ariel prototipe
Alejandro,ariel prototipeinfobran
 
Especificacion software
Especificacion softwareEspecificacion software
Especificacion softwareinfobran
 
Introducción a C SHARP
Introducción a C SHARPIntroducción a C SHARP
Introducción a C SHARPinfobran
 
Sistemas operativos 1
Sistemas operativos 1Sistemas operativos 1
Sistemas operativos 1infobran
 
Tipos sitemas operativos
Tipos sitemas operativosTipos sitemas operativos
Tipos sitemas operativosinfobran
 

Destaque (7)

Impresoras
 Impresoras Impresoras
Impresoras
 
Alejandro,ariel prototipe
Alejandro,ariel prototipeAlejandro,ariel prototipe
Alejandro,ariel prototipe
 
Especificacion software
Especificacion softwareEspecificacion software
Especificacion software
 
Introducción a C SHARP
Introducción a C SHARPIntroducción a C SHARP
Introducción a C SHARP
 
Sistemas
 Sistemas Sistemas
Sistemas
 
Sistemas operativos 1
Sistemas operativos 1Sistemas operativos 1
Sistemas operativos 1
 
Tipos sitemas operativos
Tipos sitemas operativosTipos sitemas operativos
Tipos sitemas operativos
 

Semelhante a Diseño de interfaces de usuario optimizadas e intuitivas

Introducción a la Ingeniería del Softaware
Introducción a la Ingeniería del SoftawareIntroducción a la Ingeniería del Softaware
Introducción a la Ingeniería del SoftawareGustavo Kamel Gomez
 
Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuarioBayardo Medina
 
Dia de la usabillidad 2013 - Clínica de UX para apps
Dia de la usabillidad 2013 - Clínica de UX para appsDia de la usabillidad 2013 - Clínica de UX para apps
Dia de la usabillidad 2013 - Clínica de UX para appsMauricio Angulo
 
Clínica de experiencia de usuario para aplicaciones móviles
Clínica de experiencia de usuario para aplicaciones móvilesClínica de experiencia de usuario para aplicaciones móviles
Clínica de experiencia de usuario para aplicaciones móvilesMauricio Angulo
 
Clínica de experiencia de usuario para aplicaciones móviles
Clínica de experiencia de usuario para aplicaciones móvilesClínica de experiencia de usuario para aplicaciones móviles
Clínica de experiencia de usuario para aplicaciones móvilesSoftware Guru
 
TP GUI - Livio Palmieri, Gomez Enrique
TP GUI - Livio Palmieri, Gomez EnriqueTP GUI - Livio Palmieri, Gomez Enrique
TP GUI - Livio Palmieri, Gomez EnriqueOmar Gomez
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz graficalautaropa
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz graficalautaropa
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuarioManuel Mujica
 
Fagundez Diseño de interfaces gráficas de usuario
Fagundez   Diseño de interfaces gráficas de usuarioFagundez   Diseño de interfaces gráficas de usuario
Fagundez Diseño de interfaces gráficas de usuarioCin Fagundez
 
Interfaz Usuario
Interfaz UsuarioInterfaz Usuario
Interfaz Usuariotaninof
 
Interfaz con usuario
Interfaz con usuarioInterfaz con usuario
Interfaz con usuarioNorerod
 
Interfaz graficausu
Interfaz graficausuInterfaz graficausu
Interfaz graficausuelmer1612
 

Semelhante a Diseño de interfaces de usuario optimizadas e intuitivas (20)

Biachi
BiachiBiachi
Biachi
 
Introducción a la Ingeniería del Softaware
Introducción a la Ingeniería del SoftawareIntroducción a la Ingeniería del Softaware
Introducción a la Ingeniería del Softaware
 
Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuario
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Dia de la usabillidad 2013 - Clínica de UX para apps
Dia de la usabillidad 2013 - Clínica de UX para appsDia de la usabillidad 2013 - Clínica de UX para apps
Dia de la usabillidad 2013 - Clínica de UX para apps
 
Clínica de experiencia de usuario para aplicaciones móviles
Clínica de experiencia de usuario para aplicaciones móvilesClínica de experiencia de usuario para aplicaciones móviles
Clínica de experiencia de usuario para aplicaciones móviles
 
Gui
GuiGui
Gui
 
11.interfaz de usuario
11.interfaz de usuario11.interfaz de usuario
11.interfaz de usuario
 
Gui
GuiGui
Gui
 
Gui
GuiGui
Gui
 
Clínica de experiencia de usuario para aplicaciones móviles
Clínica de experiencia de usuario para aplicaciones móvilesClínica de experiencia de usuario para aplicaciones móviles
Clínica de experiencia de usuario para aplicaciones móviles
 
Interfaces de usuario
Interfaces de usuarioInterfaces de usuario
Interfaces de usuario
 
TP GUI - Livio Palmieri, Gomez Enrique
TP GUI - Livio Palmieri, Gomez EnriqueTP GUI - Livio Palmieri, Gomez Enrique
TP GUI - Livio Palmieri, Gomez Enrique
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
Fagundez Diseño de interfaces gráficas de usuario
Fagundez   Diseño de interfaces gráficas de usuarioFagundez   Diseño de interfaces gráficas de usuario
Fagundez Diseño de interfaces gráficas de usuario
 
Interfaz Usuario
Interfaz UsuarioInterfaz Usuario
Interfaz Usuario
 
Interfaz con usuario
Interfaz con usuarioInterfaz con usuario
Interfaz con usuario
 
Interfaz graficausu
Interfaz graficausuInterfaz graficausu
Interfaz graficausu
 

Mais de infobran

Servicios de sistemas
Servicios de sistemasServicios de sistemas
Servicios de sistemasinfobran
 
Lenguajes de programacion web
Lenguajes de programacion webLenguajes de programacion web
Lenguajes de programacion webinfobran
 
Introducción a net
Introducción a netIntroducción a net
Introducción a netinfobran
 
Examen trianual informatica
Examen trianual informaticaExamen trianual informatica
Examen trianual informaticainfobran
 
Examen diego
Examen diegoExamen diego
Examen diegoinfobran
 
Desarrollo sitios web
Desarrollo sitios webDesarrollo sitios web
Desarrollo sitios webinfobran
 
Especificacion software
Especificacion softwareEspecificacion software
Especificacion softwareinfobran
 
Diagramas flujo
Diagramas flujoDiagramas flujo
Diagramas flujoinfobran
 
Cultura de la calidad
Cultura de la calidadCultura de la calidad
Cultura de la calidadinfobran
 
Arboles(2)
Arboles(2)Arboles(2)
Arboles(2)infobran
 
Presentación
 Presentación Presentación
Presentacióninfobran
 
Trabajo individual
Trabajo individualTrabajo individual
Trabajo individualinfobran
 
Practica diagramas
Practica diagramasPractica diagramas
Practica diagramasinfobran
 
Practica algoritmos
Practica algoritmosPractica algoritmos
Practica algoritmosinfobran
 

Mais de infobran (20)

Servicios de sistemas
Servicios de sistemasServicios de sistemas
Servicios de sistemas
 
Lenguajes de programacion web
Lenguajes de programacion webLenguajes de programacion web
Lenguajes de programacion web
 
Introducción a net
Introducción a netIntroducción a net
Introducción a net
 
Examen trianual informatica
Examen trianual informaticaExamen trianual informatica
Examen trianual informatica
 
Examen diego
Examen diegoExamen diego
Examen diego
 
Desarrollo sitios web
Desarrollo sitios webDesarrollo sitios web
Desarrollo sitios web
 
Grafos
GrafosGrafos
Grafos
 
Especificacion software
Especificacion softwareEspecificacion software
Especificacion software
 
Diagramas flujo
Diagramas flujoDiagramas flujo
Diagramas flujo
 
Cultura de la calidad
Cultura de la calidadCultura de la calidad
Cultura de la calidad
 
Ch10 13
Ch10 13Ch10 13
Ch10 13
 
Arboles
ArbolesArboles
Arboles
 
Arboles(2)
Arboles(2)Arboles(2)
Arboles(2)
 
Presentación
 Presentación Presentación
Presentación
 
Marco
 Marco Marco
Marco
 
While
WhileWhile
While
 
Trabajo individual
Trabajo individualTrabajo individual
Trabajo individual
 
Practica diagramas
Practica diagramasPractica diagramas
Practica diagramas
 
Practica algoritmos
Practica algoritmosPractica algoritmos
Practica algoritmos
 
Pascal
PascalPascal
Pascal
 

Diseño de interfaces de usuario optimizadas e intuitivas

  • 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 busqueda de datos.