SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Tendances

MODELO COCOMO (INGENIERA DE SOFTWARE)
MODELO COCOMO (INGENIERA DE SOFTWARE)MODELO COCOMO (INGENIERA DE SOFTWARE)
MODELO COCOMO (INGENIERA DE SOFTWARE)Yadith Miranda Silva
 
Diagrama de actividades inscripcion, evaluacion, Asistencia
Diagrama de actividades inscripcion, evaluacion, AsistenciaDiagrama de actividades inscripcion, evaluacion, Asistencia
Diagrama de actividades inscripcion, evaluacion, AsistenciaRobert Rodriguez
 
Sesion 3 2 modelo de analisis
Sesion 3 2 modelo de analisisSesion 3 2 modelo de analisis
Sesion 3 2 modelo de analisisJulio Pari
 
¿Cómo realizar entrevistas eficaces para obtener requisitos de software?
¿Cómo realizar entrevistas eficaces para obtener requisitos de software?¿Cómo realizar entrevistas eficaces para obtener requisitos de software?
¿Cómo realizar entrevistas eficaces para obtener requisitos de software?Software Guru
 
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
 
Lenguajes de Descripción de Arquitecturas
Lenguajes de Descripción de Arquitecturas Lenguajes de Descripción de Arquitecturas
Lenguajes de Descripción de Arquitecturas Shelisse De la Cruz
 
metodologia de prototipos
metodologia de prototiposmetodologia de prototipos
metodologia de prototiposKeiner Valerio
 
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
 
El Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
El Proceso de Diseño de Interfaz del Usuario por Ian SommervilleEl Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
El Proceso de Diseño de Interfaz del Usuario por Ian SommervilleJuan Pablo Bustos Thames
 
Herramientas CASE
Herramientas CASEHerramientas CASE
Herramientas CASEI R
 
Unidad 3 Modelo De Negocio
Unidad 3 Modelo De NegocioUnidad 3 Modelo De Negocio
Unidad 3 Modelo De NegocioSergio Sanchez
 
Unidad 1 requerimientos del software
Unidad 1 requerimientos del softwareUnidad 1 requerimientos del software
Unidad 1 requerimientos del softwareoemavarez
 

Tendances (20)

MODELO COCOMO (INGENIERA DE SOFTWARE)
MODELO COCOMO (INGENIERA DE SOFTWARE)MODELO COCOMO (INGENIERA DE SOFTWARE)
MODELO COCOMO (INGENIERA DE SOFTWARE)
 
Diagrama de actividades inscripcion, evaluacion, Asistencia
Diagrama de actividades inscripcion, evaluacion, AsistenciaDiagrama de actividades inscripcion, evaluacion, Asistencia
Diagrama de actividades inscripcion, evaluacion, Asistencia
 
Sesion 3 2 modelo de analisis
Sesion 3 2 modelo de analisisSesion 3 2 modelo de analisis
Sesion 3 2 modelo de analisis
 
¿Cómo realizar entrevistas eficaces para obtener requisitos de software?
¿Cómo realizar entrevistas eficaces para obtener requisitos de software?¿Cómo realizar entrevistas eficaces para obtener requisitos de software?
¿Cómo realizar entrevistas eficaces para obtener requisitos de software?
 
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
 
Fases del rup
Fases del rupFases del rup
Fases del rup
 
Rup
RupRup
Rup
 
Lenguajes de Descripción de Arquitecturas
Lenguajes de Descripción de Arquitecturas Lenguajes de Descripción de Arquitecturas
Lenguajes de Descripción de Arquitecturas
 
metodologia de prototipos
metodologia de prototiposmetodologia de prototipos
metodologia de prototipos
 
Fundamentos de ingenieria del software (2)
Fundamentos de ingenieria del software (2)Fundamentos de ingenieria del software (2)
Fundamentos de ingenieria del software (2)
 
Factores de calidad del software
Factores de calidad del softwareFactores de calidad del software
Factores de calidad del software
 
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
 
Reglas de Oro
Reglas de OroReglas de Oro
Reglas de Oro
 
El Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
El Proceso de Diseño de Interfaz del Usuario por Ian SommervilleEl Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
El Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
 
Modelamiento software
Modelamiento softwareModelamiento software
Modelamiento software
 
Principios diseño del software
Principios diseño del software Principios diseño del software
Principios diseño del software
 
Herramientas CASE
Herramientas CASEHerramientas CASE
Herramientas CASE
 
Unidad 3 Modelo De Negocio
Unidad 3 Modelo De NegocioUnidad 3 Modelo De Negocio
Unidad 3 Modelo De Negocio
 
Unidad 1 requerimientos del software
Unidad 1 requerimientos del softwareUnidad 1 requerimientos del software
Unidad 1 requerimientos del software
 
Tópicos Avanzados de Programación - Unidad 1 GUI
Tópicos Avanzados de Programación - Unidad 1 GUITópicos Avanzados de Programación - Unidad 1 GUI
Tópicos Avanzados de Programación - Unidad 1 GUI
 

Similaire à 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
 

Similaire à 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
 

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

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

Dernier

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
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfGruberACaraballo
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptAlberto Rubio
 
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
 
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
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresJonathanCovena1
 
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...JoseMartinMalpartida1
 
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
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxlclcarmen
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxiemerc2024
 
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
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxBeatrizQuijano2
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024IES Vicent Andres Estelles
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primariaWilian24
 
prostitución en España: una mirada integral!
prostitución en España: una mirada integral!prostitución en España: una mirada integral!
prostitución en España: una mirada integral!CatalinaAlfaroChryso
 

Dernier (20)

Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.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...
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
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
 
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
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
 
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...
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
Novena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan EudesNovena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan Eudes
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
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
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
prostitución en España: una mirada integral!
prostitución en España: una mirada integral!prostitución en España: una mirada integral!
prostitución en España: una mirada integral!
 

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