SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Was ist angesagt?

Qué es Interacción Humano-Computadora
Qué es Interacción Humano-ComputadoraQué es Interacción Humano-Computadora
Qué es Interacción Humano-ComputadoraAlfredo Sánchez
 
Metodos de desarrollo de software educativo
Metodos de desarrollo de software educativoMetodos de desarrollo de software educativo
Metodos de desarrollo de software educativoSaturnino Delgado
 
Ejemplo pruebas de software
Ejemplo pruebas de softwareEjemplo pruebas de software
Ejemplo pruebas de softwareJohn Fonseca
 
Tema N° 7 Atributos de Calidad del Software según Norma ISO 25010
Tema N° 7 Atributos de Calidad del Software según Norma ISO 25010Tema N° 7 Atributos de Calidad del Software según Norma ISO 25010
Tema N° 7 Atributos de Calidad del Software según Norma ISO 25010SaraEAlcntaraR
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño webciwmx
 
Paradigmas de Interaccion usuario-máquina
Paradigmas de Interaccion usuario-máquinaParadigmas de Interaccion usuario-máquina
Paradigmas de Interaccion usuario-máquinaXimena Tabares
 
PROCESOS DE CALIDAD DE SOFTWARE
PROCESOS DE CALIDAD DE SOFTWAREPROCESOS DE CALIDAD DE SOFTWARE
PROCESOS DE CALIDAD DE SOFTWAREAlejandro Leon
 
Interacción Humano Computadora (HCI) y Experiencia de Usuario (UX)
Interacción Humano Computadora (HCI) y  Experiencia de Usuario (UX)Interacción Humano Computadora (HCI) y  Experiencia de Usuario (UX)
Interacción Humano Computadora (HCI) y Experiencia de Usuario (UX)UX Nights
 
El Proceso de Diseño de interfaces de usuario. Roger Pressman
El Proceso de Diseño de interfaces de usuario. Roger PressmanEl Proceso de Diseño de interfaces de usuario. Roger Pressman
El Proceso de Diseño de interfaces de usuario. Roger PressmanJuan Pablo Bustos Thames
 
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING)
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING) METODOLOGÍA UWE (UML-BASED WEB ENGINEERING)
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING) Germán Sánchez
 
Usability Engineering Presentation Slides
Usability Engineering Presentation SlidesUsability Engineering Presentation Slides
Usability Engineering Presentation Slideswajahat Gul
 
Cómo iniciarme en el mundo de la automatización de pruebas
Cómo iniciarme en el mundo de la automatización de pruebasCómo iniciarme en el mundo de la automatización de pruebas
Cómo iniciarme en el mundo de la automatización de pruebasAbel Quintana Lopez
 
An Introduction to Ben Shneiderman's Eight Golden Rules of Interface Design
An Introduction to Ben Shneiderman's Eight Golden Rules of Interface DesignAn Introduction to Ben Shneiderman's Eight Golden Rules of Interface Design
An Introduction to Ben Shneiderman's Eight Golden Rules of Interface DesignJochen Wolters
 

Was ist angesagt? (20)

Qué es Interacción Humano-Computadora
Qué es Interacción Humano-ComputadoraQué es Interacción Humano-Computadora
Qué es Interacción Humano-Computadora
 
ICONIX
ICONIXICONIX
ICONIX
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Web
 
Selenium
SeleniumSelenium
Selenium
 
Metodos de desarrollo de software educativo
Metodos de desarrollo de software educativoMetodos de desarrollo de software educativo
Metodos de desarrollo de software educativo
 
Ejemplo pruebas de software
Ejemplo pruebas de softwareEjemplo pruebas de software
Ejemplo pruebas de software
 
Framework
FrameworkFramework
Framework
 
Tema N° 7 Atributos de Calidad del Software según Norma ISO 25010
Tema N° 7 Atributos de Calidad del Software según Norma ISO 25010Tema N° 7 Atributos de Calidad del Software según Norma ISO 25010
Tema N° 7 Atributos de Calidad del Software según Norma ISO 25010
 
TIENDA VIRTUAL
TIENDA VIRTUAL TIENDA VIRTUAL
TIENDA VIRTUAL
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
 
Paradigmas de Interaccion usuario-máquina
Paradigmas de Interaccion usuario-máquinaParadigmas de Interaccion usuario-máquina
Paradigmas de Interaccion usuario-máquina
 
PROCESOS DE CALIDAD DE SOFTWARE
PROCESOS DE CALIDAD DE SOFTWAREPROCESOS DE CALIDAD DE SOFTWARE
PROCESOS DE CALIDAD DE SOFTWARE
 
Interacción Humano Computadora (HCI) y Experiencia de Usuario (UX)
Interacción Humano Computadora (HCI) y  Experiencia de Usuario (UX)Interacción Humano Computadora (HCI) y  Experiencia de Usuario (UX)
Interacción Humano Computadora (HCI) y Experiencia de Usuario (UX)
 
Componentes en-poo
Componentes en-pooComponentes en-poo
Componentes en-poo
 
El Proceso de Diseño de interfaces de usuario. Roger Pressman
El Proceso de Diseño de interfaces de usuario. Roger PressmanEl Proceso de Diseño de interfaces de usuario. Roger Pressman
El Proceso de Diseño de interfaces de usuario. Roger Pressman
 
Java
JavaJava
Java
 
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING)
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING) METODOLOGÍA UWE (UML-BASED WEB ENGINEERING)
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING)
 
Usability Engineering Presentation Slides
Usability Engineering Presentation SlidesUsability Engineering Presentation Slides
Usability Engineering Presentation Slides
 
Cómo iniciarme en el mundo de la automatización de pruebas
Cómo iniciarme en el mundo de la automatización de pruebasCómo iniciarme en el mundo de la automatización de pruebas
Cómo iniciarme en el mundo de la automatización de pruebas
 
An Introduction to Ben Shneiderman's Eight Golden Rules of Interface Design
An Introduction to Ben Shneiderman's Eight Golden Rules of Interface DesignAn Introduction to Ben Shneiderman's Eight Golden Rules of Interface Design
An Introduction to Ben Shneiderman's Eight Golden Rules of Interface Design
 

Ähnlich wie 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
 

Ähnlich wie 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
 

Mehr von 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
 
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
 
Organización y estructuras de contenidos
Organización y estructuras de contenidosOrganización y estructuras de contenidos
Organización y estructuras de contenidosPercy Negrete
 

Mehr von 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
 
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
 
Organización y estructuras de contenidos
Organización y estructuras de contenidosOrganización y estructuras de contenidos
Organización y estructuras de contenidos
 

Kürzlich hochgeladen

Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024AndreRiva2
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 

Kürzlich hochgeladen (20)

Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 

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