SlideShare una empresa de Scribd logo
UTN FRA – Tecnicatura Superior en Programación 4° B 
Profesora: Gabriela Flores – Metodología de Sistemas 
Alumnos: María Laura Taborda – Paula Raives 
Fecha de Entrega: 18/11/2014 
Recomendaciones de diseño y usabilidad
 No abusar del uso de colores ya que desvía la atención de la información 
relevante. Puede resaltar determinada información o agrupar 
elementos en conjuntos para asociarlos. Relacionarlos por cercanía o 
similitud. 
 Debe haber herencia Visual la información mas importante debe estar en 
la parte superior izquierda del formulario. 
 En caso de usar colores, escoja un buen ccoonnttrraassttee, sepa que el color rojo 
connota advertencia, verde para disponibilidad 
En la imagen se ven los colores invertidos, 
Lo que hace que el usuario tienda a 
presionar Yes
 Iconos: Deben ser acordes a lo que representan. Se recomienda 
utilizar iconos ya difundidos anteriormente, con los que el usuario 
ya este familiarizado. 
 Puntero: Tiene que ser de fácil visibilidad en cuanto a su contraste y 
tamaño, no debe ser pequeño ni impedir la visibilidad de los 
elementos por debajo. 
En la imagen se ve como se especifica 
la palabra carpetas al lado de un ícono 
tan conocido, y luego como se relaciona 
un reloj de sol con la palabra historial
 El usuario debe saber que lo que ejecutó en la interfaz se está 
realizando, sobre todo si el tiempo de respuesta es largo 
 Dejar campos con valores por defecto, proveerle atajos y teclas de 
acceso y evitar que tenga que navegar manualmente por los controles. 
Permitir que pueda personalizar la interfaz de modo que mantenga 
esta customizacion cada que abra la aplicación. 
 Manejo de errores: Que el usuario pueda deshacer cambios. Los 
mensajes deben ser claros y necesarios. Evitar ventanas modales de 
forma innecesaria 
 Ayudar al usuario colocando los controles mas utilizados en los bordes 
de los formularios, para que pueda hacer clic casi sin tener que mirar y 
que éste opere rapidamente. Distinguirlos unos de otros.
Rodríguez, Roberto (Página consultada el 15 de Noviembre de 2014) . 
“Interfaces Gráficas de Usuario”, [On - Line]. Dirección URL: 
http://bdigital.uncu.edu.ar/objetos_digitales/1505/rodriguezinterfaces.pdf 
Interface Hall of Shame, 
http://www.interfacehallofshame.eu/www.iarchitect.com/shame.htm 
[Consulta: 17-11-2014] 
Roe, Benjamin (Página consultada el 17 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 – Lline]. 
Dirección URL: 
http ://mundogeek.net/traducciones/interfaces-usuario-usables/gui.html
Rodríguez, Roberto (Página consultada el 15 de Noviembre de 2014) . 
“Interfaces Gráficas de Usuario”, [On - Line]. Dirección URL: 
http://bdigital.uncu.edu.ar/objetos_digitales/1505/rodriguezinterfaces.pdf 
Interface Hall of Shame, 
http://www.interfacehallofshame.eu/www.iarchitect.com/shame.htm 
[Consulta: 17-11-2014] 
Roe, Benjamin (Página consultada el 17 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 – Lline]. 
Dirección URL: 
http ://mundogeek.net/traducciones/interfaces-usuario-usables/gui.html

Más contenido relacionado

PDF
Sesión checklist usabilidad
DOCX
Sesión checklist usabilidad
PPTX
Procesos de diseño
PDF
03 7n1is taller-interfaz-usuario
DOC
03 7n2is taller-interfaz usuario
PDF
03 7n1is trabajo-interfaz usuario
PPSX
Diseño de interfaces centradas en el usuario
Sesión checklist usabilidad
Sesión checklist usabilidad
Procesos de diseño
03 7n1is taller-interfaz-usuario
03 7n2is taller-interfaz usuario
03 7n1is trabajo-interfaz usuario
Diseño de interfaces centradas en el usuario

La actualidad más candente (20)

PPTX
Fagundez Diseño de interfaces gráficas de usuario
PPTX
Actividad Diseño de Interfaces Gráficas de Usuario - Metodologia de Sistemas I
PPTX
Presentacion final
PPTX
Gui buenas practicas
PPTX
Presentacion final
PPT
Diseño interfaz usuario
PPT
Interfaces graficas de usuario
PDF
Taller Diseno de apps móviles
DOC
02 7n1is taller-tecnica-de-captura-de-datos
PPTX
Clase invertida por Alain Chavez
PPTX
Interfaz Gráfica de Usuario
PPTX
Procesos de diseño
PDF
Curso: Diseño de apps y webs móviles - Parte 1
PPTX
Tp metodología interfaz de usuario - UTN FRA
PPTX
Estándares para el diseño de interfaz
PDF
04 7n1is trabajo diseno-dialogos
PDF
11.interfaz de usuario
DOC
02 7n1is trabajo-tecnica-de-captura-de-datos
PPTX
Expo ia
PPTX
Taller n°3 patricio vimos
Fagundez Diseño de interfaces gráficas de usuario
Actividad Diseño de Interfaces Gráficas de Usuario - Metodologia de Sistemas I
Presentacion final
Gui buenas practicas
Presentacion final
Diseño interfaz usuario
Interfaces graficas de usuario
Taller Diseno de apps móviles
02 7n1is taller-tecnica-de-captura-de-datos
Clase invertida por Alain Chavez
Interfaz Gráfica de Usuario
Procesos de diseño
Curso: Diseño de apps y webs móviles - Parte 1
Tp metodología interfaz de usuario - UTN FRA
Estándares para el diseño de interfaz
04 7n1is trabajo diseno-dialogos
11.interfaz de usuario
02 7n1is trabajo-tecnica-de-captura-de-datos
Expo ia
Taller n°3 patricio vimos
Publicidad

Destacado (20)

PPT
Interfaces de usuario
PPSX
Diseño de interfaces gráficas buenas practicas
DOCX
8°c informe servicios de internet
PDF
Poesia claudia 1
PPT
Primeralectura
PPT
מצגת קצרה בנושא סופרים, ספרים וספריות
PPT
Natura AtlâNtico[1]
PDF
【国立大学法人東京農工大学】平成21年環境報告書
PPT
estrella
PPTX
Referentes clasico ( coches)
PPT
Cultura judía
PDF
Bgi law magazine: vacaciones y días festivos
PPTX
Zoraidez_Juan_Ardora
PDF
Programmadettagliatosantacroceeffettonotte2014
PPS
Travel
PDF
Propuesta de investigacion
PPT
Redes locales
DOC
T I T A N I K
PDF
non pro
PDF
Skmbt c55010041410240
Interfaces de usuario
Diseño de interfaces gráficas buenas practicas
8°c informe servicios de internet
Poesia claudia 1
Primeralectura
מצגת קצרה בנושא סופרים, ספרים וספריות
Natura AtlâNtico[1]
【国立大学法人東京農工大学】平成21年環境報告書
estrella
Referentes clasico ( coches)
Cultura judía
Bgi law magazine: vacaciones y días festivos
Zoraidez_Juan_Ardora
Programmadettagliatosantacroceeffettonotte2014
Travel
Propuesta de investigacion
Redes locales
T I T A N I K
non pro
Skmbt c55010041410240
Publicidad

Similar a Interfaces de usuario1 uv(1) (20)

PDF
Guia para realizar una correcta interfaz gráfica de usuario
PPTX
PPT
Interfaz gráfica de usuario
PPTX
Dia de la usabillidad 2013 - Clínica de UX para apps
PPTX
Interfaz de usuario
PPTX
Trabajo Práctico - Metodología de Sistemas I - UTN
PPTX
PPTX
PPTX
Interfaz con usuario
PPTX
PPT
comunicacion
PPT
Estrategias De Comunicacion Noris Rodriguez 13
ODP
Interfaz grafica
ODP
Interfaz grafica
PPT
Evaluacionmultimedia
PPT
06 Estrategias de comunicación visual utilizadas en aplicaciones web
PPT
Estretagias de comunicacion para diseño web
PPTX
Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)
PPT
Loja usabilidad3
Guia para realizar una correcta interfaz gráfica de usuario
Interfaz gráfica de usuario
Dia de la usabillidad 2013 - Clínica de UX para apps
Interfaz de usuario
Trabajo Práctico - Metodología de Sistemas I - UTN
Interfaz con usuario
comunicacion
Estrategias De Comunicacion Noris Rodriguez 13
Interfaz grafica
Interfaz grafica
Evaluacionmultimedia
06 Estrategias de comunicación visual utilizadas en aplicaciones web
Estretagias de comunicacion para diseño web
Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)
Loja usabilidad3

Último (9)

PPTX
Fundamentos de Python - Curso de Python dia 1
PDF
AutoCAD Herramientas para el futuro, Juan Fandiño
PPTX
Tratará sobre Grafos_y_Arboles_Presentacion.pptx
PPTX
sistemas de informacion.................
PPTX
Control de seguridad en los sitios web.pptx
PDF
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
PPTX
Implementación equipo monitor12.08.25.pptx
PPTX
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA
PPTX
Conceptos basicos de Base de Datos y sus propiedades
Fundamentos de Python - Curso de Python dia 1
AutoCAD Herramientas para el futuro, Juan Fandiño
Tratará sobre Grafos_y_Arboles_Presentacion.pptx
sistemas de informacion.................
Control de seguridad en los sitios web.pptx
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
Implementación equipo monitor12.08.25.pptx
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA
Conceptos basicos de Base de Datos y sus propiedades

Interfaces de usuario1 uv(1)

  • 1. UTN FRA – Tecnicatura Superior en Programación 4° B Profesora: Gabriela Flores – Metodología de Sistemas Alumnos: María Laura Taborda – Paula Raives Fecha de Entrega: 18/11/2014 Recomendaciones de diseño y usabilidad
  • 2.  No abusar del uso de colores ya que desvía la atención de la información relevante. Puede resaltar determinada información o agrupar elementos en conjuntos para asociarlos. Relacionarlos por cercanía o similitud.  Debe haber herencia Visual la información mas importante debe estar en la parte superior izquierda del formulario.  En caso de usar colores, escoja un buen ccoonnttrraassttee, sepa que el color rojo connota advertencia, verde para disponibilidad En la imagen se ven los colores invertidos, Lo que hace que el usuario tienda a presionar Yes
  • 3.  Iconos: Deben ser acordes a lo que representan. Se recomienda utilizar iconos ya difundidos anteriormente, con los que el usuario ya este familiarizado.  Puntero: Tiene que ser de fácil visibilidad en cuanto a su contraste y tamaño, no debe ser pequeño ni impedir la visibilidad de los elementos por debajo. En la imagen se ve como se especifica la palabra carpetas al lado de un ícono tan conocido, y luego como se relaciona un reloj de sol con la palabra historial
  • 4.  El usuario debe saber que lo que ejecutó en la interfaz se está realizando, sobre todo si el tiempo de respuesta es largo  Dejar campos con valores por defecto, proveerle atajos y teclas de acceso y evitar que tenga que navegar manualmente por los controles. Permitir que pueda personalizar la interfaz de modo que mantenga esta customizacion cada que abra la aplicación.  Manejo de errores: Que el usuario pueda deshacer cambios. Los mensajes deben ser claros y necesarios. Evitar ventanas modales de forma innecesaria  Ayudar al usuario colocando los controles mas utilizados en los bordes de los formularios, para que pueda hacer clic casi sin tener que mirar y que éste opere rapidamente. Distinguirlos unos de otros.
  • 5. Rodríguez, Roberto (Página consultada el 15 de Noviembre de 2014) . “Interfaces Gráficas de Usuario”, [On - Line]. Dirección URL: http://bdigital.uncu.edu.ar/objetos_digitales/1505/rodriguezinterfaces.pdf Interface Hall of Shame, http://www.interfacehallofshame.eu/www.iarchitect.com/shame.htm [Consulta: 17-11-2014] Roe, Benjamin (Página consultada el 17 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 – Lline]. Dirección URL: http ://mundogeek.net/traducciones/interfaces-usuario-usables/gui.html
  • 6. Rodríguez, Roberto (Página consultada el 15 de Noviembre de 2014) . “Interfaces Gráficas de Usuario”, [On - Line]. Dirección URL: http://bdigital.uncu.edu.ar/objetos_digitales/1505/rodriguezinterfaces.pdf Interface Hall of Shame, http://www.interfacehallofshame.eu/www.iarchitect.com/shame.htm [Consulta: 17-11-2014] Roe, Benjamin (Página consultada el 17 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 – Lline]. Dirección URL: http ://mundogeek.net/traducciones/interfaces-usuario-usables/gui.html