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

Diagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de GarrettDiagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de GarrettLuiz Agner
 
4.4 Modelos de negocio en Internet
4.4 Modelos de negocio en Internet4.4 Modelos de negocio en Internet
4.4 Modelos de negocio en InternetBrox Technology
 
Entornos digitales de enseñanza y aprendizaje
Entornos digitales de enseñanza y aprendizajeEntornos digitales de enseñanza y aprendizaje
Entornos digitales de enseñanza y aprendizajeMariicrys
 
As 10 heurísticas de Nielsen
As 10 heurísticas de NielsenAs 10 heurísticas de Nielsen
As 10 heurísticas de NielsenHuxley Dias
 
Tecnología para ciegos
Tecnología para ciegosTecnología para ciegos
Tecnología para ciegosyoddygarcia
 
Tema 1 Introducción a la Cultura Digital.pptx
Tema 1 Introducción a la Cultura Digital.pptxTema 1 Introducción a la Cultura Digital.pptx
Tema 1 Introducción a la Cultura Digital.pptxerick ramirez rodriguez
 
LOS MEDIOS MULTIMEDIALES
LOS MEDIOS MULTIMEDIALESLOS MEDIOS MULTIMEDIALES
LOS MEDIOS MULTIMEDIALESMagda Garcia
 
Lenguajes De Programación Web
Lenguajes De Programación WebLenguajes De Programación Web
Lenguajes De Programación Webragmyl
 
Matriz de analisis critico de los recursos tecnologicos institucionales
Matriz de analisis critico de los recursos tecnologicos institucionalesMatriz de analisis critico de los recursos tecnologicos institucionales
Matriz de analisis critico de los recursos tecnologicos institucionalesluis angel ledezma ortiz
 
Slideshare uso educativo
Slideshare uso educativoSlideshare uso educativo
Slideshare uso educativoBrenda260185
 
Plataformas educativas
Plataformas educativasPlataformas educativas
Plataformas educativasperez145
 
Planificacion haciendo uso de las TIC
Planificacion haciendo uso de las TICPlanificacion haciendo uso de las TIC
Planificacion haciendo uso de las TICJessica C
 
04 dispositivos perifiricos alternativos
04 dispositivos perifiricos alternativos04 dispositivos perifiricos alternativos
04 dispositivos perifiricos alternativosR. Tex
 
Cuadro comparativo sobre web 1.0, 2.0 y 3.0
Cuadro comparativo sobre web 1.0, 2.0 y 3.0Cuadro comparativo sobre web 1.0, 2.0 y 3.0
Cuadro comparativo sobre web 1.0, 2.0 y 3.0marcela151016
 
Ficha de catalogación y Evaluación de software educativo
Ficha de catalogación y Evaluación de software educativoFicha de catalogación y Evaluación de software educativo
Ficha de catalogación y Evaluación de software educativoAguilarO
 

La actualidad más candente (20)

Diagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de GarrettDiagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de Garrett
 
4.4 Modelos de negocio en Internet
4.4 Modelos de negocio en Internet4.4 Modelos de negocio en Internet
4.4 Modelos de negocio en Internet
 
Entornos digitales de enseñanza y aprendizaje
Entornos digitales de enseñanza y aprendizajeEntornos digitales de enseñanza y aprendizaje
Entornos digitales de enseñanza y aprendizaje
 
As 10 heurísticas de Nielsen
As 10 heurísticas de NielsenAs 10 heurísticas de Nielsen
As 10 heurísticas de Nielsen
 
Tecnología para ciegos
Tecnología para ciegosTecnología para ciegos
Tecnología para ciegos
 
1. Definiciones básicas (Intro)
1. Definiciones básicas (Intro)1. Definiciones básicas (Intro)
1. Definiciones básicas (Intro)
 
Tema 1 Introducción a la Cultura Digital.pptx
Tema 1 Introducción a la Cultura Digital.pptxTema 1 Introducción a la Cultura Digital.pptx
Tema 1 Introducción a la Cultura Digital.pptx
 
LOS MEDIOS MULTIMEDIALES
LOS MEDIOS MULTIMEDIALESLOS MEDIOS MULTIMEDIALES
LOS MEDIOS MULTIMEDIALES
 
Lenguajes De Programación Web
Lenguajes De Programación WebLenguajes De Programación Web
Lenguajes De Programación Web
 
Matriz de analisis critico de los recursos tecnologicos institucionales
Matriz de analisis critico de los recursos tecnologicos institucionalesMatriz de analisis critico de los recursos tecnologicos institucionales
Matriz de analisis critico de los recursos tecnologicos institucionales
 
Slideshare uso educativo
Slideshare uso educativoSlideshare uso educativo
Slideshare uso educativo
 
Tipos de paginas web
Tipos de paginas webTipos de paginas web
Tipos de paginas web
 
Realidad aumentada y educación
Realidad aumentada y educaciónRealidad aumentada y educación
Realidad aumentada y educación
 
Plataformas educativas
Plataformas educativasPlataformas educativas
Plataformas educativas
 
Planificacion haciendo uso de las TIC
Planificacion haciendo uso de las TICPlanificacion haciendo uso de las TIC
Planificacion haciendo uso de las TIC
 
04 dispositivos perifiricos alternativos
04 dispositivos perifiricos alternativos04 dispositivos perifiricos alternativos
04 dispositivos perifiricos alternativos
 
Cuadro comparativo sobre web 1.0, 2.0 y 3.0
Cuadro comparativo sobre web 1.0, 2.0 y 3.0Cuadro comparativo sobre web 1.0, 2.0 y 3.0
Cuadro comparativo sobre web 1.0, 2.0 y 3.0
 
Presentación ple
Presentación ple Presentación ple
Presentación ple
 
Ficha de catalogación y Evaluación de software educativo
Ficha de catalogación y Evaluación de software educativoFicha de catalogación y Evaluación de software educativo
Ficha de catalogación y Evaluación de software educativo
 
El Módelo OSI y elementos de redes
El Módelo OSI y elementos de redesEl Módelo OSI y elementos de redes
El Módelo OSI y elementos de redes
 

Destacado

Usabilidad - Conceptos Básicos
Usabilidad - Conceptos BásicosUsabilidad - Conceptos Básicos
Usabilidad - Conceptos BásicosKarla Arosemena
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidaddsolanes
 
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 accesibilidadPercy Negrete
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Webqweos
 
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ísticoInés Laitano
 
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
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Webtaller_ux
 
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 - 2009qweos
 
Estandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y UsabilidadEstandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y Usabilidadricardogil
 
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ónMario Carvajal
 
Accesibilidad Web (esa gran olvidada)
Accesibilidad Web (esa gran olvidada)Accesibilidad Web (esa gran olvidada)
Accesibilidad Web (esa gran olvidada)Adolfo Sanz De Diego
 
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 preocuparmejordisan RamSys
 
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 UIAndrea Cantú
 
UX en 30 Minutos
UX en 30 MinutosUX en 30 Minutos
UX en 30 MinutosSol Mesz
 
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ógicosSol Mesz
 

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

Calidad de software - usabilidad y accesibilidad
Calidad de software - usabilidad y accesibilidadCalidad de software - usabilidad y accesibilidad
Calidad de software - usabilidad y accesibilidadRodrigo Ronda
 
Taller UX: Evaluaciones heurísticas
Taller UX: Evaluaciones heurísticasTaller UX: Evaluaciones heurísticas
Taller UX: Evaluaciones heurísticasIxDA Mendoza
 
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 USUARIOGDYatusae
 
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ónGustavo Soto Miño
 
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óvilesAngelo Tadres
 
Stefani salazar.multimedia
Stefani salazar.multimediaStefani salazar.multimedia
Stefani salazar.multimediastefani0915
 
Stefani salazar.multimedia
Stefani salazar.multimediaStefani salazar.multimedia
Stefani salazar.multimediastefani0915
 
Diseño de interfaces de usuario
Diseño de interfaces de usuarioDiseño de interfaces de usuario
Diseño de interfaces de usuarioDiego Rosas
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basicaUVM
 
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
 
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 - UTNseeba23
 
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° 4afvanegasb
 

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
 
Taller UX: Evaluaciones heurísticas
Taller UX: Evaluaciones heurísticasTaller UX: Evaluaciones heurísticas
Taller UX: Evaluaciones heurísticas
 
Heurística
HeurísticaHeurística
Heurística
 
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

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 ArchivosKarla Arosemena
 
Redes sociales y empresas
Redes sociales y empresasRedes sociales y empresas
Redes sociales y empresasKarla Arosemena
 
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 socialesKarla Arosemena
 
Redes Sociales en Panamá
Redes Sociales en PanamáRedes Sociales en Panamá
Redes Sociales en PanamáKarla Arosemena
 
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?Karla Arosemena
 

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

POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
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 JUNITMaricarmen Sánchez Ruiz
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxRogerPrieto3
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 

Último (15)

POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
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
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptx
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 

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