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

Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioAntonio Albanés
 
2.2 tecnicas de ingenieria de requisitos
2.2 tecnicas de ingenieria de requisitos2.2 tecnicas de ingenieria de requisitos
2.2 tecnicas de ingenieria de requisitosSelins Cassiel
 
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
 
Modelo vista controlador vas Programacion por n capas
Modelo vista controlador vas Programacion por n capasModelo vista controlador vas Programacion por n capas
Modelo vista controlador vas Programacion por n capasAlex Uhu Colli
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionbrindaN
 
Unit iii(part b - architectural design)
Unit   iii(part b - architectural design)Unit   iii(part b - architectural design)
Unit iii(part b - architectural design)BALAJI A
 
Taller de requerimientos funcionales modulo 10.2
Taller de requerimientos funcionales modulo 10.2Taller de requerimientos funcionales modulo 10.2
Taller de requerimientos funcionales modulo 10.2Javier Calderon
 
Ch6-Software Engineering 9
Ch6-Software Engineering 9Ch6-Software Engineering 9
Ch6-Software Engineering 9Ian Sommerville
 
Diseño Centrado en el Usuario. Principios básicos
Diseño Centrado en el Usuario. Principios básicosDiseño Centrado en el Usuario. Principios básicos
Diseño Centrado en el Usuario. Principios básicosUX Nights
 
Requerimientos funcionales de un sistema de reservas
Requerimientos funcionales de un sistema de reservasRequerimientos funcionales de un sistema de reservas
Requerimientos funcionales de un sistema de reservasHumberto Rojas
 
Estilos y Patrones Aplicables a la Arquitectura de Software
Estilos y Patrones Aplicables a la Arquitectura de SoftwareEstilos y Patrones Aplicables a la Arquitectura de Software
Estilos y Patrones Aplicables a la Arquitectura de SoftwareDiego Plascencia Lara
 
Arquitectura en Capas
Arquitectura en CapasArquitectura en Capas
Arquitectura en CapasHelenSaravia
 
Crystal Methodologies
Crystal MethodologiesCrystal Methodologies
Crystal Methodologiesurumisama
 
Module 1st USER INTERFACE DESIGN (15CS832) - VTU
Module 1st USER INTERFACE DESIGN (15CS832) - VTU Module 1st USER INTERFACE DESIGN (15CS832) - VTU
Module 1st USER INTERFACE DESIGN (15CS832) - VTU Sachin Gowda
 
Ingeniería de requisitos e ingeniería de requerimientos
Ingeniería de requisitos e ingeniería de requerimientosIngeniería de requisitos e ingeniería de requerimientos
Ingeniería de requisitos e ingeniería de requerimientosCesar Prado
 

La actualidad más candente (20)

Ux design-fundamentals
Ux design-fundamentalsUx design-fundamentals
Ux design-fundamentals
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de Usuario
 
2.2 tecnicas de ingenieria de requisitos
2.2 tecnicas de ingenieria de requisitos2.2 tecnicas de ingenieria de requisitos
2.2 tecnicas de ingenieria de requisitos
 
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)
 
Metodologia WEB RNA
Metodologia WEB RNAMetodologia WEB RNA
Metodologia WEB RNA
 
Modelo vista controlador vas Programacion por n capas
Modelo vista controlador vas Programacion por n capasModelo vista controlador vas Programacion por n capas
Modelo vista controlador vas Programacion por n capas
 
Estilos arquitectónicos
Estilos arquitectónicosEstilos arquitectónicos
Estilos arquitectónicos
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 Introduction
 
Unit iii(part b - architectural design)
Unit   iii(part b - architectural design)Unit   iii(part b - architectural design)
Unit iii(part b - architectural design)
 
Taller de requerimientos funcionales modulo 10.2
Taller de requerimientos funcionales modulo 10.2Taller de requerimientos funcionales modulo 10.2
Taller de requerimientos funcionales modulo 10.2
 
Ch6-Software Engineering 9
Ch6-Software Engineering 9Ch6-Software Engineering 9
Ch6-Software Engineering 9
 
Diseño Centrado en el Usuario. Principios básicos
Diseño Centrado en el Usuario. Principios básicosDiseño Centrado en el Usuario. Principios básicos
Diseño Centrado en el Usuario. Principios básicos
 
Requerimientos funcionales de un sistema de reservas
Requerimientos funcionales de un sistema de reservasRequerimientos funcionales de un sistema de reservas
Requerimientos funcionales de un sistema de reservas
 
Estilos y Patrones Aplicables a la Arquitectura de Software
Estilos y Patrones Aplicables a la Arquitectura de SoftwareEstilos y Patrones Aplicables a la Arquitectura de Software
Estilos y Patrones Aplicables a la Arquitectura de Software
 
10.el diseño en el nivel de componentes
10.el diseño en el nivel de componentes10.el diseño en el nivel de componentes
10.el diseño en el nivel de componentes
 
Arquitectura en Capas
Arquitectura en CapasArquitectura en Capas
Arquitectura en Capas
 
Crystal Methodologies
Crystal MethodologiesCrystal Methodologies
Crystal Methodologies
 
Diseño de software
Diseño de softwareDiseño de software
Diseño de software
 
Module 1st USER INTERFACE DESIGN (15CS832) - VTU
Module 1st USER INTERFACE DESIGN (15CS832) - VTU Module 1st USER INTERFACE DESIGN (15CS832) - VTU
Module 1st USER INTERFACE DESIGN (15CS832) - VTU
 
Ingeniería de requisitos e ingeniería de requerimientos
Ingeniería de requisitos e ingeniería de requerimientosIngeniería de requisitos e ingeniería de requerimientos
Ingeniería de requisitos e ingeniería de requerimientos
 

Similar a Principios básicos de usabilidad y accesibilidad

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 (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

Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxFernando Solis
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIAFabiolaGarcia751855
 
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...Ars Erótica
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024IES Vicent Andres Estelles
 
Actividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxActividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxpaogar2178
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfJonathanCovena1
 
Revista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfRevista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfapunteshistoriamarmo
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONamelia poma
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxroberthirigoinvasque
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Juan Martín Martín
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...JAVIER SOLIS NOYOLA
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCCarlosEduardoSosa2
 
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdfPROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdfEduardoJosVargasCama1
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...jlorentemartos
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024IES Vicent Andres Estelles
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxEliaHernndez7
 

Último (20)

Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
Actividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxActividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docx
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdf
 
Revista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfRevista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdf
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptx
 
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdfPROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 

Principios básicos de usabilidad y accesibilidad

  • 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