SlideShare una empresa de 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.

Más contenido relacionado

Destacado (9)

Präsentation rwi
Präsentation rwiPräsentation rwi
Präsentation rwi
 
100 fragen
100 fragen100 fragen
100 fragen
 
Social Media und Sportmagazin - August 2012
Social Media und Sportmagazin - August 2012Social Media und Sportmagazin - August 2012
Social Media und Sportmagazin - August 2012
 
Legislación nacional
Legislación nacionalLegislación nacional
Legislación nacional
 
Practica decimo
Practica decimoPractica decimo
Practica decimo
 
Historia de la computación
Historia de la computaciónHistoria de la computación
Historia de la computación
 
Introhtml
IntrohtmlIntrohtml
Introhtml
 
Diferencia entre informática y computación
Diferencia entre informática y computaciónDiferencia entre informática y computación
Diferencia entre informática y computación
 
Manejo de prototipos
Manejo de prototiposManejo de prototipos
Manejo de prototipos
 

Similar a 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 SoftawareGustavo Kamel Gomez
 
Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuarioBayardo Medina
 
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
 
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
 

Similar a Biachi (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
 
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
 
Diseño de interfaces
Diseño de interfacesDiseño de interfaces
Diseño de interfaces
 
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
 
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
 

Más de Colegio Agropecuario de San Carlos

Más de 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
 
Sistemas operativos 1
Sistemas operativos 1Sistemas operativos 1
Sistemas operativos 1
 
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
 

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