SlideShare una empresa de Scribd logo
1 de 18
Usabilidad, Diseño y
     Accesibilidad

      ING. KARLA AROSEMENA
   KARLA.AROSEMENA@UTP.AC.PA
    MAESTRÍA EN TECNOLOGÍAS DE LA
            INFORMACIÓN
DESARROLLO WEB E INTERACCIÓN HOMBRE-
            COMPUTADOR
Usabilidad

 ISO 9241
   “Es el grado en el cual un producto puede ser utilizado por
    usuarios específicos para alcanzar metas específicas con
    eficiencia, eficacia, y satisfacción en un contexto específico de
    uso”
 Español
   Se refiere a cuán bien los usuarios pueden aprender y usar un
    producto para lograr sus metas y qué tan satisfechos se
    encuentran con el proceso.
Aplicando usabilidad

 La usabilidad mide la
 calidad de la experiencia del
 usuario cuando interactúa
 con un producto.
    Sitios Web, Aplicaciones
     (software), Tecnología móvil,
     cualquier equipo operado por un
     usuario.
¿Cómo medir la usabilidad?

 Facilidad de aprendizaje
   Qué tan rápido un usuario que nunca haya
    visto la interface de la aplicación
    anteriormente, aprende a utilizarla
    suficientemente bien para lograr las tareas
    básicas.
 Eficiencia de uso
   Una vez que un usuario experimentado haya
    aprendido a usar el sistema, qué tan rápido
    puede lograr su meta
¿Cómo medir la usabilidad?

 Memorización
    Si un usuario ha utilizado el sistema anteriormente,
     puede él recordar cómo usar el sistema efectivamente
     pasado un tiempo o necesita empezar todo el proceso
     de aprendizaje nuevamente?
 Frecuencia de error y severidad
    Qué tan seguido los usuarios cometen errores mientras
     utilizan el sistema, qué tan serio son estos errores, y
     qué acciones realizan los usuarios para enmendar estos
     errores.
 Satisfacción subjetiva
    Qué tanto al usuario le gusta usar el sistema
Diseño de interacción

  CONCEPTOS DE USABILIDAD
Principios de Diseño de Interacción

 Autonomía
   Dar Control al usuario
     Mantén informado al usuario del estado del sistema
     Mantén la información de estado fácilmente visible y actualizada

 Daltonismo
   Si utilizas colores o degradaciones, recordar que el 10% de los
    hombres adultos sufren de daltonismo.
Retroalimentar al Usuario




Daltonismo
Principios de Diseño de Interacción

 Consistencia
   Atajos de teclado (ej. ctrl + a) deben funcionar siempre igual
    dentro de la aplicación.
   Consistencia con la plataforma (Sistema Operativo): menú
    contextual. Las PC Windows y las MAC de Apple tienen menú
    contextuales diferentes.
   Objetos que se comportan distintos deben parecer distintos

 Eficacia del usuario
   Escribe mensajes de ayuda concisos y que ayuden a resolver el
    problema.
   Menús y etiquetas de botones deben comenzar con la palabra
    más importante
Principios de Diseño de Interacción

 Interfaces explorables
                                                                    Inicio
   Cómo llegar al inicio

   Acciones reversibles deben ser permitidas

   Recordar las opciones de diálogos
         Seguro quiere hacer esto?
     Siempre deja una salida abierta y clara
     Evítale al usuario que cometa errores (menús innecesarios)
     Ley de Fitt
         El tiempo necesario para alcanzar un objeto es función de la
          distancia y del tamaño del objeto.
Accesibilidad

CONCEPTOS DE USABILIDAD
Qué es?

 La accesibilidad es el grado en el que todas las
  personas pueden utilizar un objeto, visitar un lugar o
  acceder a un servicio, independientemente de sus
  capacidades técnicas, cognitivas o físicas.
 Conlleva a que se diseñe pensando en ellos.
Quiénes son ellos?

 Problemas de audición
 Problemas de visión
 Problemas del habla
 Capacidad motriz limitada
 Discapacidad de aprendizaje
   Dislexia

 Adultos mayores
 Problemas psicológicos
Qué herramientas existen?

 Braille
 Sintetizador de voz
 Lector de pantalla
 Subtítulo
 Teclados adaptados y sustitutos de ratón
 Temas con alto contraste, íconos grandes
 Texto predictivo, teclado en pantalla
 Magnificador de pantalla
Accesibilidad en…

Sistemas de Información           WEB

 ISO/IEC FDIS 9126-1 (2000):
  Ingeniería de Software y         Guías de accesibilidad
  Calidad de Producto              de la W3C
 ISO 13407 (1999): Procesos
  de diseño centrado en las           3 niveles de prioridad.
  personas para sistemas           Navegadores especiales
  interactivos
 ISO TR 18529 (2000):
  Ergonomía de la interacción
  persona-sistema.
  Descripciones del proceso del
  ciclo de vida centrado en las
  personas

Más contenido relacionado

La actualidad más candente (9)

Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Grafo parte 1
Grafo parte 1Grafo parte 1
Grafo parte 1
 
Multimedia interactiva
Multimedia interactivaMultimedia interactiva
Multimedia interactiva
 
Características del alumno con sordoceguera
Características del alumno con sordocegueraCaracterísticas del alumno con sordoceguera
Características del alumno con sordoceguera
 
Etapa preesquemática y etapa esquemática
Etapa preesquemática y etapa esquemáticaEtapa preesquemática y etapa esquemática
Etapa preesquemática y etapa esquemática
 
El ábaco
El ábacoEl ábaco
El ábaco
 
Los 7 principios del diseño universal.
Los 7 principios del diseño universal.Los 7 principios del diseño universal.
Los 7 principios del diseño universal.
 
Viktor lowenfeld
Viktor lowenfeldViktor lowenfeld
Viktor lowenfeld
 
Vida independiente y autonomía personal. parálisis cerebral.
Vida independiente y autonomía personal. parálisis cerebral.Vida independiente y autonomía personal. parálisis cerebral.
Vida independiente y autonomía personal. parálisis cerebral.
 

Destacado

Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
yusefhassan
 
UX no es lo mismo que UI
UX no es lo mismo que UIUX no es lo mismo que UI
UX no es lo mismo que UI
Andrea Cantú
 

Destacado (20)

Usabilidad - Conceptos Básicos
Usabilidad - Conceptos BásicosUsabilidad - Conceptos Básicos
Usabilidad - Conceptos Básicos
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidad
 
Principios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidadPrincipios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidad
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Web
 
Accesibilidad web para el sector turístico
Accesibilidad web para el sector turísticoAccesibilidad web para el sector turístico
Accesibilidad web para el sector turístico
 
Diseño web inclusivo
Diseño web inclusivoDiseño web inclusivo
Diseño web inclusivo
 
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Web
 
Presenta Accesibilidad Centrada en los Usuarios - 2009
Presenta Accesibilidad Centrada en los Usuarios - 2009Presenta Accesibilidad Centrada en los Usuarios - 2009
Presenta Accesibilidad Centrada en los Usuarios - 2009
 
Estandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y UsabilidadEstandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y Usabilidad
 
Curso de a accesibilidad web - Módulo 1: Sensibilización
Curso de a accesibilidad web - Módulo 1: SensibilizaciónCurso de a accesibilidad web - Módulo 1: Sensibilización
Curso de a accesibilidad web - Módulo 1: Sensibilización
 
Presentacion Accesibilidad Web
Presentacion Accesibilidad WebPresentacion Accesibilidad Web
Presentacion Accesibilidad Web
 
Accesibilidad Web (esa gran olvidada)
Accesibilidad Web (esa gran olvidada)Accesibilidad Web (esa gran olvidada)
Accesibilidad Web (esa gran olvidada)
 
Experiencia de Usuario (UX)
Experiencia de Usuario (UX)Experiencia de Usuario (UX)
Experiencia de Usuario (UX)
 
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparmeUsabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
 
UX no es lo mismo que UI
UX no es lo mismo que UIUX no es lo mismo que UI
UX no es lo mismo que UI
 
UX en 30 Minutos
UX en 30 MinutosUX en 30 Minutos
UX en 30 Minutos
 
Diseño de productos digitales para emprendedores tecnológicos
Diseño de productos digitales para emprendedores tecnológicosDiseño de productos digitales para emprendedores tecnológicos
Diseño de productos digitales para emprendedores tecnológicos
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 

Similar a Usabilidad, diseño y accesibilidad

QUE ES IPO Y EL DISEÑO CENTRADO EN EL USUARIO
QUE ES IPO Y EL DISEÑO CENTRADO EN EL USUARIOQUE ES IPO Y EL DISEÑO CENTRADO EN EL USUARIO
QUE ES IPO Y EL DISEÑO CENTRADO EN EL USUARIO
GDYatusae
 
Stefani salazar.multimedia
Stefani salazar.multimediaStefani salazar.multimedia
Stefani salazar.multimedia
stefani0915
 
Stefani salazar.multimedia
Stefani salazar.multimediaStefani salazar.multimedia
Stefani salazar.multimedia
stefani0915
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basica
UVM
 
Exploring natural user interfaces for computer aided translation tools (2)
Exploring natural user interfaces for computer aided translation tools (2)Exploring natural user interfaces for computer aided translation tools (2)
Exploring natural user interfaces for computer aided translation tools (2)
Gonzalo Delgado
 

Similar a Usabilidad, diseño y accesibilidad (20)

Diseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptxDiseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptx
 
Calidad de software - usabilidad y accesibilidad
Calidad de software - usabilidad y accesibilidadCalidad de software - usabilidad y accesibilidad
Calidad de software - usabilidad y accesibilidad
 
Heurística
HeurísticaHeurística
Heurística
 
Taller UX: Evaluaciones heurísticas
Taller UX: Evaluaciones heurísticasTaller UX: Evaluaciones heurísticas
Taller UX: Evaluaciones heurísticas
 
QUE ES IPO Y EL DISEÑO CENTRADO EN EL USUARIO
QUE ES IPO Y EL DISEÑO CENTRADO EN EL USUARIOQUE ES IPO Y EL DISEÑO CENTRADO EN EL USUARIO
QUE ES IPO Y EL DISEÑO CENTRADO EN EL USUARIO
 
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
 
Introducción al desarrollo y diseño de aplicaciones móviles
Introducción al desarrollo y diseño de aplicaciones móvilesIntroducción al desarrollo y diseño de aplicaciones móviles
Introducción al desarrollo y diseño de aplicaciones móviles
 
Stefani salazar.multimedia
Stefani salazar.multimediaStefani salazar.multimedia
Stefani salazar.multimedia
 
Stefani salazar.multimedia
Stefani salazar.multimediaStefani salazar.multimedia
Stefani salazar.multimedia
 
USABILIDAD.pptx
USABILIDAD.pptxUSABILIDAD.pptx
USABILIDAD.pptx
 
Expo ia
Expo iaExpo ia
Expo ia
 
Diseño de interfaces de usuario
Diseño de interfaces de usuarioDiseño de interfaces de usuario
Diseño de interfaces de usuario
 
Taller n°3 patricio vimos
Taller n°3 patricio vimosTaller n°3 patricio vimos
Taller n°3 patricio vimos
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basica
 
Exploring natural user interfaces for computer aided translation tools (2)
Exploring natural user interfaces for computer aided translation tools (2)Exploring natural user interfaces for computer aided translation tools (2)
Exploring natural user interfaces for computer aided translation tools (2)
 
Interfaces de usuario
Interfaces de usuarioInterfaces de usuario
Interfaces de usuario
 
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
 
UX para dispositivos móviles
UX para dispositivos móvilesUX para dispositivos móviles
UX para dispositivos móviles
 
La usabilidad y los sistemas de ayuda
La usabilidad y los sistemas de ayudaLa usabilidad y los sistemas de ayuda
La usabilidad y los sistemas de ayuda
 
Exposición eje temático N° 4
Exposición eje temático N° 4Exposición eje temático N° 4
Exposición eje temático N° 4
 

Más de Karla Arosemena (6)

INTERNET: Retos y Oportunidades en los Archivos
INTERNET:Retos y Oportunidades en los ArchivosINTERNET:Retos y Oportunidades en los Archivos
INTERNET: Retos y Oportunidades en los Archivos
 
Redes sociales y empresas
Redes sociales y empresasRedes sociales y empresas
Redes sociales y empresas
 
Impacto del comercio electrónico y las redes sociales
Impacto del comercio electrónico y las redes socialesImpacto del comercio electrónico y las redes sociales
Impacto del comercio electrónico y las redes sociales
 
Entendiendo Web 2.0
Entendiendo Web 2.0Entendiendo Web 2.0
Entendiendo Web 2.0
 
Redes Sociales en Panamá
Redes Sociales en PanamáRedes Sociales en Panamá
Redes Sociales en Panamá
 
Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?
 

Último

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Último (11)

EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 

Usabilidad, diseño y accesibilidad

  • 1. Usabilidad, Diseño y Accesibilidad ING. KARLA AROSEMENA KARLA.AROSEMENA@UTP.AC.PA MAESTRÍA EN TECNOLOGÍAS DE LA INFORMACIÓN DESARROLLO WEB E INTERACCIÓN HOMBRE- COMPUTADOR
  • 2.
  • 3. Usabilidad  ISO 9241  “Es el grado en el cual un producto puede ser utilizado por usuarios específicos para alcanzar metas específicas con eficiencia, eficacia, y satisfacción en un contexto específico de uso”  Español  Se refiere a cuán bien los usuarios pueden aprender y usar un producto para lograr sus metas y qué tan satisfechos se encuentran con el proceso.
  • 4. Aplicando usabilidad  La usabilidad mide la calidad de la experiencia del usuario cuando interactúa con un producto.  Sitios Web, Aplicaciones (software), Tecnología móvil, cualquier equipo operado por un usuario.
  • 5. ¿Cómo medir la usabilidad?  Facilidad de aprendizaje  Qué tan rápido un usuario que nunca haya visto la interface de la aplicación anteriormente, aprende a utilizarla suficientemente bien para lograr las tareas básicas.  Eficiencia de uso  Una vez que un usuario experimentado haya aprendido a usar el sistema, qué tan rápido puede lograr su meta
  • 6. ¿Cómo medir la usabilidad?  Memorización  Si un usuario ha utilizado el sistema anteriormente, puede él recordar cómo usar el sistema efectivamente pasado un tiempo o necesita empezar todo el proceso de aprendizaje nuevamente?  Frecuencia de error y severidad  Qué tan seguido los usuarios cometen errores mientras utilizan el sistema, qué tan serio son estos errores, y qué acciones realizan los usuarios para enmendar estos errores.  Satisfacción subjetiva  Qué tanto al usuario le gusta usar el sistema
  • 7.
  • 8. Diseño de interacción CONCEPTOS DE USABILIDAD
  • 9. Principios de Diseño de Interacción  Autonomía  Dar Control al usuario  Mantén informado al usuario del estado del sistema  Mantén la información de estado fácilmente visible y actualizada  Daltonismo  Si utilizas colores o degradaciones, recordar que el 10% de los hombres adultos sufren de daltonismo.
  • 11. Principios de Diseño de Interacción  Consistencia  Atajos de teclado (ej. ctrl + a) deben funcionar siempre igual dentro de la aplicación.  Consistencia con la plataforma (Sistema Operativo): menú contextual. Las PC Windows y las MAC de Apple tienen menú contextuales diferentes.  Objetos que se comportan distintos deben parecer distintos  Eficacia del usuario  Escribe mensajes de ayuda concisos y que ayuden a resolver el problema.  Menús y etiquetas de botones deben comenzar con la palabra más importante
  • 12.
  • 13. Principios de Diseño de Interacción  Interfaces explorables Inicio  Cómo llegar al inicio  Acciones reversibles deben ser permitidas  Recordar las opciones de diálogos  Seguro quiere hacer esto?  Siempre deja una salida abierta y clara  Evítale al usuario que cometa errores (menús innecesarios)  Ley de Fitt  El tiempo necesario para alcanzar un objeto es función de la distancia y del tamaño del objeto.
  • 15. Qué es?  La accesibilidad es el grado en el que todas las personas pueden utilizar un objeto, visitar un lugar o acceder a un servicio, independientemente de sus capacidades técnicas, cognitivas o físicas.  Conlleva a que se diseñe pensando en ellos.
  • 16. Quiénes son ellos?  Problemas de audición  Problemas de visión  Problemas del habla  Capacidad motriz limitada  Discapacidad de aprendizaje  Dislexia  Adultos mayores  Problemas psicológicos
  • 17. Qué herramientas existen?  Braille  Sintetizador de voz  Lector de pantalla  Subtítulo  Teclados adaptados y sustitutos de ratón  Temas con alto contraste, íconos grandes  Texto predictivo, teclado en pantalla  Magnificador de pantalla
  • 18. Accesibilidad en… Sistemas de Información WEB  ISO/IEC FDIS 9126-1 (2000): Ingeniería de Software y  Guías de accesibilidad Calidad de Producto de la W3C  ISO 13407 (1999): Procesos de diseño centrado en las  3 niveles de prioridad. personas para sistemas  Navegadores especiales interactivos  ISO TR 18529 (2000): Ergonomía de la interacción persona-sistema. Descripciones del proceso del ciclo de vida centrado en las personas