SlideShare una empresa de Scribd logo
1 de 50
Principios básicos de
Usabilidad y Accesibilidad
Usabilidad
             =   Facilidad de uso




                                Yusef Hassan
Usabilidad
                 =     Facilidad de uso

    Un sinónimo es una mala definición.




                                          Yusef Hassan
Entendámosla
¿Porqué existe?




Máquina de escribir para egiptólogos       Cafetera para masoquistas
             Jaques Carelman                       Jaques Carelman
¿Porqué existe?




Mecedora lateral, Recordará a los        Zapatillas para hacer la limpieza
                                                    Jaques Carelman
   amantes del mar el dulce
movimiento de una embarcación.
           Jaques Carelman
¿Porqué existe?




                                  Preservativo de encaje, Se fabrica
Bicicleta para la nieve
      Jaques Carelman             por encargo en punto de algodón,
                                         elegante y refinado.
                                              Jaques Carelman
Todos estos objetos no se
      pueden usar
…y tampoco estos sitios web
www.drea.gob.pe
www.dokimos.org/ajff
www.elpopular.com.pe
www.maciaspajas.com
www.unheval.edu.pe
¿Porqué algunos sitios webs son
       difíciles de usar?
Por que al diseñarlos pensamos que
nuestros usuarios son perfectos
Antecedentes de la
    usabilidad
La usabilidad es una disciplina en
evolución

              Panel de mando de un avión de la segunda guerra mundial
Deriva de la ergonomía y de la interacción
humano – computadora




              Evolución de modelos ipod de Apple
La ergonomía se funda de la psicología y
es multidisciplinaria
Los factores humanos ¿Cómo funciona el cuerpo y la
mente humana bajo ciertos estímulos y ambientes?


          SketchPad (Sutherland 1963)
                                        Lisa (Apple) la primera computadora personal de ambiente gráfico
La usabilidad no es…

Ergonomía
Diseño de equipo,
ambientes de trabajo.              Investigación de
                                   mercado
                                   Grupos de enfoque, encuestas y sondeos.




              Accesibilidad
              Contenido disponible para todos
              en especial para personas con
              capacidades especiales.
La usabilidad es…




    Un concepto que se refiere
básicamente a la facilidad de uso de
          un producto
La usabilidad es…




Es un atributo de calidad que puede
       ser medida y evaluada
¿Qué hay con los sitios web?
Los sitios webs deben ser…

Fáciles de aprender

Eficientes

Recordadas

Eficaces

Agradables


                                       Jakob Nielsen 2003
Si la facilidad de uso fuera el único criterio
válido, las personas se quedarían en los triciclos y nunca
probarían las bicicletas ”




         Douglas Engelbart
         Inventor del mouse
Definiciones
Es el grado en que un producto puede ser usado por determinados
usuarios para lograr sus propósitos con eficacia, eficiencia y
satisfacción en un contexto de uso específico”.
                                                            ISO 9241-11 (1998)




La usabilidad es un atributo relacionado con la facilidad de uso.
Más específicamente, se refiere a la rapidez con que se puede
aprender a utilizar algo, la eficiencia al utilizarlo, cuán memorable
es, cuál es su grado de propensión al error, y cuánto le gusta a los
usuarios. Si una característica no se puede utilizar o no se utiliza es
como si no existiera”.
                                                                 Jakob Nielsen




La usabilidad es el desarrollo de productos interactivos fáciles de
aprender, sencillos de usar y agradables desde la perspectiva del
usuario. En concreto, la usabilidad se desglosa en los siguientes
objetivos: efectividad, eficiencia, seguridad, utilidad, capacidad de
aprendizaje y memorabilidad”.
                                                                  Preece, 2007
Y todo esto, ¿que tiene que ver con el
 diseño de las interfaces de los sitios
                 webs?
No me hagas pensar - Steve Krug 2da edicón - 2006
No me hagas pensar - Steve Krug 2da edicón - 2006
No me hagas pensar - Steve Krug 2da edicón - 2006
No me hagas pensar - Steve Krug 2da edicón - 2006
¿como va todo esto hasta
        ahora?
Entorno

Usuario                                       Producto



          Interacción




                        Usabilidad     Accesibilidad




                         Experiencia
La Accesibilidad
La accesibilidad indica la facilidad
con la que algo puede ser usado,
visitado o accedido en general por
todas las personas, especialmente
por aquellas que poseen algún tipo
de discapacidad ”
                              wikipedia
Caso 1. Miguel en el aeropuerto
Ver siguiente video:
http://www.youtube.com/embed/T5TBMCekc2g


                                                                                   Curso-Taller
                                              Introducción a la Accesibilidad y Usabilidad Web
                                           Diapositiva de Mario Carvajal @astrolabio 2008
Después de ver el video anterior, responde...
¿Qué palabras se dicen durante los primeros 25 segundos de video?

¿Cuántas veces llama Mafalda por su nombre a su mamá?



¿Qué solución plantearías?
Que el usuario consiga y lleve siempre un juego de audífonos aislantes.

Que antes de subir el video a Internet, lo subtitulen.

Que el usuario busque un equipo con un sonido más potente.



                                                                                                        Curso-Taller
                                                                   Introducción a la Accesibilidad y Usabilidad Web
                                                                    Diapositiva de Mario Carvajal @astrolabio 2008
Caso 2. Graciela y su vieja
            computadora




                                                        Curso-Taller
                   Introducción a la Accesibilidad y Usabilidad Web
               Diapositiva de Mario Carvajal @astrolabio 2008
Curso-Taller
Introducción a la Accesibilidad y Usabilidad Web
 Diapositiva de Mario Carvajal @astrolabio 2008
¿Qué solución plantearías?
Llenándote de mucha paciencia.

Buscando un café internet con más ancho de banda.

Creando páginas web solo-texto.

Separando el contenido de la estructura y de la presentación.




                                                                                                 Curso-Taller
                                                            Introducción a la Accesibilidad y Usabilidad Web
                                                             Diapositiva de Mario Carvajal @astrolabio 2008
¿Usabilidad
     vs.
Accesibilidad?
La accesibilidad es universal

Directrices de la www.w3.org/wai

La usabilidad satisface una audiencia
específica

Sitios accesibles no necesariamente
son usables
Un sitio accesible es el que puede ser usado correctamente
por personas con discapacidad
                                                Rafael Romero




La accesibilidad es un derecho y la usabilidad una mejora
                                              Javier Romañach
¿Cuanto más accesible, más usable?




        Adaptado al discapacitado                     Accesibilidad universal




Si fuera una web ¿Cuál sería más usable, si tu público objetivo son como el joven?

Si fuera una web, ¿Cuál sería más usable, si tu público objetivo son los niños?

Para ti, ¿Cual tendría la mayor experiencia como usuario?
Si la accesibilidad apunta a
discapacitados, y la
usabilidad a un público
objetivo entonces un sitio
web usable y accesible
puedes ser usado
correctamente por un
usuario objetivo así esté
discapacitado
Esta presentación tiene una licencia
               Creative Commons de:

                             Atribución

                             No comercial

                             Compartir igual



                                               Percy Negrete
                                               @percynegrete
percy.negrete@pucp.edu.pe

Más contenido relacionado

La actualidad más candente

Cluster beowulf javier condori flores
Cluster beowulf   javier condori floresCluster beowulf   javier condori flores
Cluster beowulf javier condori floresJavier Condori Flores
 
Mantenimiento de sistemas informáticos
Mantenimiento de sistemas informáticosMantenimiento de sistemas informáticos
Mantenimiento de sistemas informáticosnurialopezsanchez
 
Metricas de calidad de software
Metricas de calidad de softwareMetricas de calidad de software
Metricas de calidad de softwareisisparada
 
Sistemas con interfaces a manipulación directa
Sistemas con interfaces a manipulación directaSistemas con interfaces a manipulación directa
Sistemas con interfaces a manipulación directaKike Salsalazar
 
Metodologias xp
Metodologias xpMetodologias xp
Metodologias xpElvisAR
 
Modelo de cascadaa
Modelo de cascadaaModelo de cascadaa
Modelo de cascadaamendez45
 
Fundamentos del Diseño de Software
Fundamentos del Diseño de SoftwareFundamentos del Diseño de Software
Fundamentos del Diseño de SoftwareNelson Guanipa
 
Metricas y factores de mc call
Metricas y factores  de mc callMetricas y factores  de mc call
Metricas y factores de mc callmildredmontoya6
 
Xna game studio presentación 01
Xna game studio   presentación 01Xna game studio   presentación 01
Xna game studio presentación 01Juan Cardona
 
Métricas de Proceso y proyecto de software
Métricas de Proceso y proyecto de softwareMétricas de Proceso y proyecto de software
Métricas de Proceso y proyecto de softwareLorena Quiñónez
 
Introduccion a access
Introduccion a accessIntroduccion a access
Introduccion a accessPitudos Locos
 
Cisco packet tracer
Cisco packet tracerCisco packet tracer
Cisco packet tracerAngel RoDi
 
Actividad 1 administracion de redes
Actividad 1 administracion de redesActividad 1 administracion de redes
Actividad 1 administracion de redesJESSIKADG86
 
Métrica de punto de función y lineas de codigo
Métrica de punto de función y lineas de codigoMétrica de punto de función y lineas de codigo
Métrica de punto de función y lineas de codigoJesús E. CuRias
 

La actualidad más candente (20)

Rational rose
Rational roseRational rose
Rational rose
 
Modelo en-espiral
Modelo en-espiralModelo en-espiral
Modelo en-espiral
 
Cluster beowulf javier condori flores
Cluster beowulf   javier condori floresCluster beowulf   javier condori flores
Cluster beowulf javier condori flores
 
Mantenimiento de sistemas informáticos
Mantenimiento de sistemas informáticosMantenimiento de sistemas informáticos
Mantenimiento de sistemas informáticos
 
Metricas de calidad de software
Metricas de calidad de softwareMetricas de calidad de software
Metricas de calidad de software
 
Sistemas con interfaces a manipulación directa
Sistemas con interfaces a manipulación directaSistemas con interfaces a manipulación directa
Sistemas con interfaces a manipulación directa
 
Metodologias xp
Metodologias xpMetodologias xp
Metodologias xp
 
Modelo Cascada!!
Modelo Cascada!!Modelo Cascada!!
Modelo Cascada!!
 
Modelo de cascadaa
Modelo de cascadaaModelo de cascadaa
Modelo de cascadaa
 
Cliente servidor
Cliente servidorCliente servidor
Cliente servidor
 
Fundamentos del Diseño de Software
Fundamentos del Diseño de SoftwareFundamentos del Diseño de Software
Fundamentos del Diseño de Software
 
Metricas y factores de mc call
Metricas y factores  de mc callMetricas y factores  de mc call
Metricas y factores de mc call
 
Xna game studio presentación 01
Xna game studio   presentación 01Xna game studio   presentación 01
Xna game studio presentación 01
 
Métricas de Proceso y proyecto de software
Métricas de Proceso y proyecto de softwareMétricas de Proceso y proyecto de software
Métricas de Proceso y proyecto de software
 
Introduccion a access
Introduccion a accessIntroduccion a access
Introduccion a access
 
Cisco packet tracer
Cisco packet tracerCisco packet tracer
Cisco packet tracer
 
TD2. FASES DEL DISEÑO
TD2. FASES DEL DISEÑOTD2. FASES DEL DISEÑO
TD2. FASES DEL DISEÑO
 
Ieee 830
Ieee 830Ieee 830
Ieee 830
 
Actividad 1 administracion de redes
Actividad 1 administracion de redesActividad 1 administracion de redes
Actividad 1 administracion de redes
 
Métrica de punto de función y lineas de codigo
Métrica de punto de función y lineas de codigoMétrica de punto de función y lineas de codigo
Métrica de punto de función y lineas de codigo
 

Similar a Principios básicos de Usabilidad y Accesibilidad Web

Accesibilidad - Introducción
Accesibilidad  - IntroducciónAccesibilidad  - Introducción
Accesibilidad - Introduccióntayzee
 
Usabilidad y accesibilidad ¿hablamos de lo mismo?
Usabilidad y accesibilidad ¿hablamos de lo mismo? Usabilidad y accesibilidad ¿hablamos de lo mismo?
Usabilidad y accesibilidad ¿hablamos de lo mismo? Lisandra Armas
 
Simplicidad, utilidad y Persuabilidad - Conceptos
Simplicidad, utilidad y Persuabilidad  - ConceptosSimplicidad, utilidad y Persuabilidad  - Conceptos
Simplicidad, utilidad y Persuabilidad - ConceptosPercy Negrete
 
Actividades_Accesibilidad_UD6.docx
Actividades_Accesibilidad_UD6.docxActividades_Accesibilidad_UD6.docx
Actividades_Accesibilidad_UD6.docxJessiret
 
Ingeniería de Software y Usabilidad Web.
Ingeniería de Software y Usabilidad Web.Ingeniería de Software y Usabilidad Web.
Ingeniería de Software y Usabilidad Web.JoseEstebanTelloEstr
 
Fundamentos de Usabilidad (Investigación)
Fundamentos de Usabilidad (Investigación)Fundamentos de Usabilidad (Investigación)
Fundamentos de Usabilidad (Investigación)Harold Pimienta
 
Principios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la RedPrincipios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la RedJose Maria Diaz
 
Usabilidad Web: ¿Capricho o Necesidad?
Usabilidad Web: ¿Capricho o Necesidad?Usabilidad Web: ¿Capricho o Necesidad?
Usabilidad Web: ¿Capricho o Necesidad?Searchmediafb
 
Accesibilidad
AccesibilidadAccesibilidad
AccesibilidadBVela
 
Tabla gnu
Tabla gnuTabla gnu
Tabla gnueduc.ar
 
Usabilidad Web - Jhonatan Pinzón
Usabilidad Web - Jhonatan PinzónUsabilidad Web - Jhonatan Pinzón
Usabilidad Web - Jhonatan PinzónJhonatan Pinzon
 
Innovación y el diseño para todas las personas
Innovación y el diseño para todas las personasInnovación y el diseño para todas las personas
Innovación y el diseño para todas las personasAlejandro Rodríguez
 
Accesibilidad web para los usuarios con discapacidad
Accesibilidad web para los usuarios con discapacidadAccesibilidad web para los usuarios con discapacidad
Accesibilidad web para los usuarios con discapacidadAtuestaDaniel
 

Similar a Principios básicos de Usabilidad y Accesibilidad Web (20)

Accesibilidad - Introducción
Accesibilidad  - IntroducciónAccesibilidad  - Introducción
Accesibilidad - Introducción
 
Usabilidad y accesibilidad ¿hablamos de lo mismo?
Usabilidad y accesibilidad ¿hablamos de lo mismo? Usabilidad y accesibilidad ¿hablamos de lo mismo?
Usabilidad y accesibilidad ¿hablamos de lo mismo?
 
Clase2: Usabilidad
Clase2: UsabilidadClase2: Usabilidad
Clase2: Usabilidad
 
Simplicidad, utilidad y Persuabilidad - Conceptos
Simplicidad, utilidad y Persuabilidad  - ConceptosSimplicidad, utilidad y Persuabilidad  - Conceptos
Simplicidad, utilidad y Persuabilidad - Conceptos
 
Actividades_Accesibilidad_UD6.docx
Actividades_Accesibilidad_UD6.docxActividades_Accesibilidad_UD6.docx
Actividades_Accesibilidad_UD6.docx
 
Introducción a la Usabilidad Web
Introducción a la Usabilidad WebIntroducción a la Usabilidad Web
Introducción a la Usabilidad Web
 
Ingeniería de Software y Usabilidad Web.
Ingeniería de Software y Usabilidad Web.Ingeniería de Software y Usabilidad Web.
Ingeniería de Software y Usabilidad Web.
 
Fundamentos de Usabilidad (Investigación)
Fundamentos de Usabilidad (Investigación)Fundamentos de Usabilidad (Investigación)
Fundamentos de Usabilidad (Investigación)
 
Principios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la RedPrincipios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la Red
 
Patrones de diseño web
Patrones de diseño webPatrones de diseño web
Patrones de diseño web
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Este
EsteEste
Este
 
Usabilidad Web: ¿Capricho o Necesidad?
Usabilidad Web: ¿Capricho o Necesidad?Usabilidad Web: ¿Capricho o Necesidad?
Usabilidad Web: ¿Capricho o Necesidad?
 
Usabilidad / Page Rank
Usabilidad / Page RankUsabilidad / Page Rank
Usabilidad / Page Rank
 
Accesibilidad
AccesibilidadAccesibilidad
Accesibilidad
 
Tabla gnu
Tabla gnuTabla gnu
Tabla gnu
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Usabilidad Web - Jhonatan Pinzón
Usabilidad Web - Jhonatan PinzónUsabilidad Web - Jhonatan Pinzón
Usabilidad Web - Jhonatan Pinzón
 
Innovación y el diseño para todas las personas
Innovación y el diseño para todas las personasInnovación y el diseño para todas las personas
Innovación y el diseño para todas las personas
 
Accesibilidad web para los usuarios con discapacidad
Accesibilidad web para los usuarios con discapacidadAccesibilidad web para los usuarios con discapacidad
Accesibilidad web para los usuarios con discapacidad
 

Más de Percy Negrete

Movilidad y su contexto de uso
Movilidad y su contexto de usoMovilidad y su contexto de uso
Movilidad y su contexto de usoPercy Negrete
 
Evolución del diseño web
Evolución del diseño webEvolución del diseño web
Evolución del diseño webPercy Negrete
 
Estilos y paradigmas de la Interacción Humano-Computador
Estilos y paradigmas de la Interacción Humano-ComputadorEstilos y paradigmas de la Interacción Humano-Computador
Estilos y paradigmas de la Interacción Humano-ComputadorPercy Negrete
 
Neurodiseño, una tendencia en el diseño de experiencia
Neurodiseño, una tendencia en el diseño de experienciaNeurodiseño, una tendencia en el diseño de experiencia
Neurodiseño, una tendencia en el diseño de experienciaPercy Negrete
 
Experiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de usoExperiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de usoPercy Negrete
 
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, MillerFundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, MillerPercy Negrete
 
Usabilidad en móviles y tabletas - Diseño sensible
Usabilidad en móviles y tabletas - Diseño sensibleUsabilidad en móviles y tabletas - Diseño sensible
Usabilidad en móviles y tabletas - Diseño sensiblePercy Negrete
 
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxitoUsabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxitoPercy Negrete
 
Sistemas de navegación
Sistemas de navegaciónSistemas de navegación
Sistemas de navegaciónPercy Negrete
 
Percepcion visual - Principios fundamentales
Percepcion visual - Principios fundamentalesPercepcion visual - Principios fundamentales
Percepcion visual - Principios fundamentalesPercy Negrete
 
Modelos mentales - ¿Cómo piensan nuestros usuarios?
Modelos mentales - ¿Cómo piensan nuestros usuarios?Modelos mentales - ¿Cómo piensan nuestros usuarios?
Modelos mentales - ¿Cómo piensan nuestros usuarios?Percy Negrete
 
Diseño centrado en el usuario
Diseño centrado en el usuarioDiseño centrado en el usuario
Diseño centrado en el usuarioPercy Negrete
 
Elementos del diseño de interfaces
Elementos del diseño de interfacesElementos del diseño de interfaces
Elementos del diseño de interfacesPercy Negrete
 
Investigación a usuarios - Contextual, entrevistas, card sorting y analítica web
Investigación a usuarios - Contextual, entrevistas, card sorting y analítica webInvestigación a usuarios - Contextual, entrevistas, card sorting y analítica web
Investigación a usuarios - Contextual, entrevistas, card sorting y analítica webPercy Negrete
 
Importancia del color en la experiencia de uso
Importancia del color en la experiencia de usoImportancia del color en la experiencia de uso
Importancia del color en la experiencia de usoPercy Negrete
 
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-trackingEvaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-trackingPercy Negrete
 
Arquetipos - Personas y escenarios
Arquetipos - Personas y escenarios Arquetipos - Personas y escenarios
Arquetipos - Personas y escenarios Percy Negrete
 
¿Cómo leen nuestros usuarios? - Percepción del texto en la web
¿Cómo leen nuestros usuarios? - Percepción del texto en la web¿Cómo leen nuestros usuarios? - Percepción del texto en la web
¿Cómo leen nuestros usuarios? - Percepción del texto en la webPercy Negrete
 

Más de Percy Negrete (20)

Movilidad y su contexto de uso
Movilidad y su contexto de usoMovilidad y su contexto de uso
Movilidad y su contexto de uso
 
Evolución del diseño web
Evolución del diseño webEvolución del diseño web
Evolución del diseño web
 
Estilos y paradigmas de la Interacción Humano-Computador
Estilos y paradigmas de la Interacción Humano-ComputadorEstilos y paradigmas de la Interacción Humano-Computador
Estilos y paradigmas de la Interacción Humano-Computador
 
Neurodiseño, una tendencia en el diseño de experiencia
Neurodiseño, una tendencia en el diseño de experienciaNeurodiseño, una tendencia en el diseño de experiencia
Neurodiseño, una tendencia en el diseño de experiencia
 
Experiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de usoExperiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de uso
 
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, MillerFundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
 
Usabilidad en móviles y tabletas - Diseño sensible
Usabilidad en móviles y tabletas - Diseño sensibleUsabilidad en móviles y tabletas - Diseño sensible
Usabilidad en móviles y tabletas - Diseño sensible
 
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxitoUsabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
 
Sistemas de navegación
Sistemas de navegaciónSistemas de navegación
Sistemas de navegación
 
Percepcion visual - Principios fundamentales
Percepcion visual - Principios fundamentalesPercepcion visual - Principios fundamentales
Percepcion visual - Principios fundamentales
 
Leyes de la Gestalt
Leyes de la GestaltLeyes de la Gestalt
Leyes de la Gestalt
 
Modelos mentales - ¿Cómo piensan nuestros usuarios?
Modelos mentales - ¿Cómo piensan nuestros usuarios?Modelos mentales - ¿Cómo piensan nuestros usuarios?
Modelos mentales - ¿Cómo piensan nuestros usuarios?
 
Lenguaje visual
Lenguaje visualLenguaje visual
Lenguaje visual
 
Diseño centrado en el usuario
Diseño centrado en el usuarioDiseño centrado en el usuario
Diseño centrado en el usuario
 
Elementos del diseño de interfaces
Elementos del diseño de interfacesElementos del diseño de interfaces
Elementos del diseño de interfaces
 
Investigación a usuarios - Contextual, entrevistas, card sorting y analítica web
Investigación a usuarios - Contextual, entrevistas, card sorting y analítica webInvestigación a usuarios - Contextual, entrevistas, card sorting y analítica web
Investigación a usuarios - Contextual, entrevistas, card sorting y analítica web
 
Importancia del color en la experiencia de uso
Importancia del color en la experiencia de usoImportancia del color en la experiencia de uso
Importancia del color en la experiencia de uso
 
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-trackingEvaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
 
Arquetipos - Personas y escenarios
Arquetipos - Personas y escenarios Arquetipos - Personas y escenarios
Arquetipos - Personas y escenarios
 
¿Cómo leen nuestros usuarios? - Percepción del texto en la web
¿Cómo leen nuestros usuarios? - Percepción del texto en la web¿Cómo leen nuestros usuarios? - Percepción del texto en la web
¿Cómo leen nuestros usuarios? - Percepción del texto en la web
 

Último

Actividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 EducacionActividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 Educacionviviantorres91
 
Libro Ecuador Realidad Nacional ECUADOR.
Libro Ecuador Realidad Nacional ECUADOR.Libro Ecuador Realidad Nacional ECUADOR.
Libro Ecuador Realidad Nacional ECUADOR.Edith Liccioni
 
Descripción Und Curso Inf.Médica - Diseño ExpAprendizaje2.pdf
Descripción Und Curso Inf.Médica - Diseño ExpAprendizaje2.pdfDescripción Und Curso Inf.Médica - Diseño ExpAprendizaje2.pdf
Descripción Und Curso Inf.Médica - Diseño ExpAprendizaje2.pdfCarol Andrea Eraso Guerrero
 
La-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptx
La-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptxLa-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptx
La-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptxMAURICIO329243
 
MEDIACIÓN INTERNACIONAL MF 1445 vl45.pdf
MEDIACIÓN INTERNACIONAL MF 1445 vl45.pdfMEDIACIÓN INTERNACIONAL MF 1445 vl45.pdf
MEDIACIÓN INTERNACIONAL MF 1445 vl45.pdfJosé Hecht
 
Presentación MF 1445 EVALUACION COMO Y QUE
Presentación MF 1445 EVALUACION COMO Y QUEPresentación MF 1445 EVALUACION COMO Y QUE
Presentación MF 1445 EVALUACION COMO Y QUEJosé Hecht
 
Apunte de clase Pisos y Revestimientos 2
Apunte de clase Pisos y Revestimientos 2Apunte de clase Pisos y Revestimientos 2
Apunte de clase Pisos y Revestimientos 2Gonella
 
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...Carol Andrea Eraso Guerrero
 
Cuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdfCuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdflizcortes48
 
TALLER_DE_ORALIDAD_LECTURA_ESCRITURA_Y.pptx
TALLER_DE_ORALIDAD_LECTURA_ESCRITURA_Y.pptxTALLER_DE_ORALIDAD_LECTURA_ESCRITURA_Y.pptx
TALLER_DE_ORALIDAD_LECTURA_ESCRITURA_Y.pptxMartaChaparro1
 
tema5 2eso 2024 Europa entre los siglos XII y XV
tema5 2eso 2024 Europa entre los siglos XII y XVtema5 2eso 2024 Europa entre los siglos XII y XV
tema5 2eso 2024 Europa entre los siglos XII y XVChema R.
 
Buenas Practicas de Manufactura para Industria Farmaceutica
Buenas Practicas de Manufactura para Industria FarmaceuticaBuenas Practicas de Manufactura para Industria Farmaceutica
Buenas Practicas de Manufactura para Industria FarmaceuticaMarco Camacho
 
LOS AMBIENTALISTAS todo por un mundo mejor
LOS AMBIENTALISTAS todo por un mundo mejorLOS AMBIENTALISTAS todo por un mundo mejor
LOS AMBIENTALISTAS todo por un mundo mejormrcrmnrojasgarcia
 
Catálogo general de libros de la Editorial Albatros
Catálogo general de libros de la Editorial AlbatrosCatálogo general de libros de la Editorial Albatros
Catálogo general de libros de la Editorial AlbatrosGustavoCanevaro
 
Apunte de clase Pisos y Revestimientos 3
Apunte de clase Pisos y Revestimientos 3Apunte de clase Pisos y Revestimientos 3
Apunte de clase Pisos y Revestimientos 3Gonella
 
Explicación del Modelo de Stephen Toulmin para elaborar argumentos
Explicación del  Modelo de Stephen Toulmin para elaborar argumentosExplicación del  Modelo de Stephen Toulmin para elaborar argumentos
Explicación del Modelo de Stephen Toulmin para elaborar argumentosINESDVERA
 
Si cuidamos el mundo, tendremos un mundo mejor.
Si cuidamos el mundo, tendremos un mundo mejor.Si cuidamos el mundo, tendremos un mundo mejor.
Si cuidamos el mundo, tendremos un mundo mejor.monthuerta17
 

Último (20)

Actividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 EducacionActividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 Educacion
 
Libro Ecuador Realidad Nacional ECUADOR.
Libro Ecuador Realidad Nacional ECUADOR.Libro Ecuador Realidad Nacional ECUADOR.
Libro Ecuador Realidad Nacional ECUADOR.
 
Descripción Und Curso Inf.Médica - Diseño ExpAprendizaje2.pdf
Descripción Und Curso Inf.Médica - Diseño ExpAprendizaje2.pdfDescripción Und Curso Inf.Médica - Diseño ExpAprendizaje2.pdf
Descripción Und Curso Inf.Médica - Diseño ExpAprendizaje2.pdf
 
La-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptx
La-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptxLa-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptx
La-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptx
 
Acuerdo segundo periodo - Grado Sexto.pptx
Acuerdo segundo periodo - Grado Sexto.pptxAcuerdo segundo periodo - Grado Sexto.pptx
Acuerdo segundo periodo - Grado Sexto.pptx
 
MEDIACIÓN INTERNACIONAL MF 1445 vl45.pdf
MEDIACIÓN INTERNACIONAL MF 1445 vl45.pdfMEDIACIÓN INTERNACIONAL MF 1445 vl45.pdf
MEDIACIÓN INTERNACIONAL MF 1445 vl45.pdf
 
Presentación MF 1445 EVALUACION COMO Y QUE
Presentación MF 1445 EVALUACION COMO Y QUEPresentación MF 1445 EVALUACION COMO Y QUE
Presentación MF 1445 EVALUACION COMO Y QUE
 
Apunte de clase Pisos y Revestimientos 2
Apunte de clase Pisos y Revestimientos 2Apunte de clase Pisos y Revestimientos 2
Apunte de clase Pisos y Revestimientos 2
 
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
 
Cuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdfCuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdf
 
TALLER_DE_ORALIDAD_LECTURA_ESCRITURA_Y.pptx
TALLER_DE_ORALIDAD_LECTURA_ESCRITURA_Y.pptxTALLER_DE_ORALIDAD_LECTURA_ESCRITURA_Y.pptx
TALLER_DE_ORALIDAD_LECTURA_ESCRITURA_Y.pptx
 
tema5 2eso 2024 Europa entre los siglos XII y XV
tema5 2eso 2024 Europa entre los siglos XII y XVtema5 2eso 2024 Europa entre los siglos XII y XV
tema5 2eso 2024 Europa entre los siglos XII y XV
 
El Bullying.
El Bullying.El Bullying.
El Bullying.
 
Buenas Practicas de Manufactura para Industria Farmaceutica
Buenas Practicas de Manufactura para Industria FarmaceuticaBuenas Practicas de Manufactura para Industria Farmaceutica
Buenas Practicas de Manufactura para Industria Farmaceutica
 
LOS AMBIENTALISTAS todo por un mundo mejor
LOS AMBIENTALISTAS todo por un mundo mejorLOS AMBIENTALISTAS todo por un mundo mejor
LOS AMBIENTALISTAS todo por un mundo mejor
 
Catálogo general de libros de la Editorial Albatros
Catálogo general de libros de la Editorial AlbatrosCatálogo general de libros de la Editorial Albatros
Catálogo general de libros de la Editorial Albatros
 
Apunte de clase Pisos y Revestimientos 3
Apunte de clase Pisos y Revestimientos 3Apunte de clase Pisos y Revestimientos 3
Apunte de clase Pisos y Revestimientos 3
 
AO TEATRO, COM ANTÓNIO MOTA! _
AO TEATRO, COM ANTÓNIO MOTA!             _AO TEATRO, COM ANTÓNIO MOTA!             _
AO TEATRO, COM ANTÓNIO MOTA! _
 
Explicación del Modelo de Stephen Toulmin para elaborar argumentos
Explicación del  Modelo de Stephen Toulmin para elaborar argumentosExplicación del  Modelo de Stephen Toulmin para elaborar argumentos
Explicación del Modelo de Stephen Toulmin para elaborar argumentos
 
Si cuidamos el mundo, tendremos un mundo mejor.
Si cuidamos el mundo, tendremos un mundo mejor.Si cuidamos el mundo, tendremos un mundo mejor.
Si cuidamos el mundo, tendremos un mundo mejor.
 

Principios básicos de Usabilidad y Accesibilidad Web

  • 2. Usabilidad = Facilidad de uso Yusef Hassan
  • 3. Usabilidad = Facilidad de uso Un sinónimo es una mala definición. Yusef Hassan
  • 5. ¿Porqué existe? Máquina de escribir para egiptólogos Cafetera para masoquistas Jaques Carelman Jaques Carelman
  • 6. ¿Porqué existe? Mecedora lateral, Recordará a los Zapatillas para hacer la limpieza Jaques Carelman amantes del mar el dulce movimiento de una embarcación. Jaques Carelman
  • 7. ¿Porqué existe? Preservativo de encaje, Se fabrica Bicicleta para la nieve Jaques Carelman por encargo en punto de algodón, elegante y refinado. Jaques Carelman
  • 8. Todos estos objetos no se pueden usar
  • 9. …y tampoco estos sitios web
  • 15. ¿Porqué algunos sitios webs son difíciles de usar?
  • 16. Por que al diseñarlos pensamos que nuestros usuarios son perfectos
  • 17. Antecedentes de la usabilidad
  • 18. La usabilidad es una disciplina en evolución Panel de mando de un avión de la segunda guerra mundial
  • 19. Deriva de la ergonomía y de la interacción humano – computadora Evolución de modelos ipod de Apple
  • 20. La ergonomía se funda de la psicología y es multidisciplinaria
  • 21. Los factores humanos ¿Cómo funciona el cuerpo y la mente humana bajo ciertos estímulos y ambientes? SketchPad (Sutherland 1963) Lisa (Apple) la primera computadora personal de ambiente gráfico
  • 22. La usabilidad no es… Ergonomía Diseño de equipo, ambientes de trabajo. Investigación de mercado Grupos de enfoque, encuestas y sondeos. Accesibilidad Contenido disponible para todos en especial para personas con capacidades especiales.
  • 23. La usabilidad es… Un concepto que se refiere básicamente a la facilidad de uso de un producto
  • 24. La usabilidad es… Es un atributo de calidad que puede ser medida y evaluada
  • 25. ¿Qué hay con los sitios web?
  • 26. Los sitios webs deben ser… Fáciles de aprender Eficientes Recordadas Eficaces Agradables Jakob Nielsen 2003
  • 27.
  • 28. Si la facilidad de uso fuera el único criterio válido, las personas se quedarían en los triciclos y nunca probarían las bicicletas ” Douglas Engelbart Inventor del mouse
  • 30. Es el grado en que un producto puede ser usado por determinados usuarios para lograr sus propósitos con eficacia, eficiencia y satisfacción en un contexto de uso específico”. ISO 9241-11 (1998) La usabilidad es un atributo relacionado con la facilidad de uso. Más específicamente, se refiere a la rapidez con que se puede aprender a utilizar algo, la eficiencia al utilizarlo, cuán memorable es, cuál es su grado de propensión al error, y cuánto le gusta a los usuarios. Si una característica no se puede utilizar o no se utiliza es como si no existiera”. Jakob Nielsen La usabilidad es el desarrollo de productos interactivos fáciles de aprender, sencillos de usar y agradables desde la perspectiva del usuario. En concreto, la usabilidad se desglosa en los siguientes objetivos: efectividad, eficiencia, seguridad, utilidad, capacidad de aprendizaje y memorabilidad”. Preece, 2007
  • 31. Y todo esto, ¿que tiene que ver con el diseño de las interfaces de los sitios webs?
  • 32. No me hagas pensar - Steve Krug 2da edicón - 2006
  • 33. No me hagas pensar - Steve Krug 2da edicón - 2006
  • 34. No me hagas pensar - Steve Krug 2da edicón - 2006
  • 35. No me hagas pensar - Steve Krug 2da edicón - 2006
  • 36. ¿como va todo esto hasta ahora?
  • 37. Entorno Usuario Producto Interacción Usabilidad Accesibilidad Experiencia
  • 39. La accesibilidad indica la facilidad con la que algo puede ser usado, visitado o accedido en general por todas las personas, especialmente por aquellas que poseen algún tipo de discapacidad ” wikipedia
  • 40. Caso 1. Miguel en el aeropuerto Ver siguiente video: http://www.youtube.com/embed/T5TBMCekc2g Curso-Taller Introducción a la Accesibilidad y Usabilidad Web Diapositiva de Mario Carvajal @astrolabio 2008
  • 41. Después de ver el video anterior, responde... ¿Qué palabras se dicen durante los primeros 25 segundos de video? ¿Cuántas veces llama Mafalda por su nombre a su mamá? ¿Qué solución plantearías? Que el usuario consiga y lleve siempre un juego de audífonos aislantes. Que antes de subir el video a Internet, lo subtitulen. Que el usuario busque un equipo con un sonido más potente. Curso-Taller Introducción a la Accesibilidad y Usabilidad Web Diapositiva de Mario Carvajal @astrolabio 2008
  • 42. Caso 2. Graciela y su vieja computadora Curso-Taller Introducción a la Accesibilidad y Usabilidad Web Diapositiva de Mario Carvajal @astrolabio 2008
  • 43. Curso-Taller Introducción a la Accesibilidad y Usabilidad Web Diapositiva de Mario Carvajal @astrolabio 2008
  • 44. ¿Qué solución plantearías? Llenándote de mucha paciencia. Buscando un café internet con más ancho de banda. Creando páginas web solo-texto. Separando el contenido de la estructura y de la presentación. Curso-Taller Introducción a la Accesibilidad y Usabilidad Web Diapositiva de Mario Carvajal @astrolabio 2008
  • 45. ¿Usabilidad vs. Accesibilidad?
  • 46. La accesibilidad es universal Directrices de la www.w3.org/wai La usabilidad satisface una audiencia específica Sitios accesibles no necesariamente son usables
  • 47. Un sitio accesible es el que puede ser usado correctamente por personas con discapacidad Rafael Romero La accesibilidad es un derecho y la usabilidad una mejora Javier Romañach
  • 48. ¿Cuanto más accesible, más usable? Adaptado al discapacitado Accesibilidad universal Si fuera una web ¿Cuál sería más usable, si tu público objetivo son como el joven? Si fuera una web, ¿Cuál sería más usable, si tu público objetivo son los niños? Para ti, ¿Cual tendría la mayor experiencia como usuario?
  • 49. Si la accesibilidad apunta a discapacitados, y la usabilidad a un público objetivo entonces un sitio web usable y accesible puedes ser usado correctamente por un usuario objetivo así esté discapacitado
  • 50. Esta presentación tiene una licencia Creative Commons de: Atribución No comercial Compartir igual Percy Negrete @percynegrete percy.negrete@pucp.edu.pe