SlideShare una empresa de Scribd logo
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

Sistemas operativos centralizados
Sistemas operativos centralizadosSistemas operativos centralizados
Sistemas operativos centralizados
Jorge Jonathan Ramirez
 
Diseño de software modelo lineal (presentacion)
Diseño de software   modelo lineal (presentacion)Diseño de software   modelo lineal (presentacion)
Diseño de software modelo lineal (presentacion)
Marco Antonio Perez Montero
 
cliente servidor
cliente servidorcliente servidor
cliente servidor
Fernando Solis
 
Metodología Mobile-D.pdf
Metodología Mobile-D.pdfMetodología Mobile-D.pdf
Metodología Mobile-D.pdf
VivianaIsabelCalvaTu
 
Diseño de la interfaz de usuario
Diseño de la interfaz de usuarioDiseño de la interfaz de usuario
Diseño de la interfaz de usuario
Jose Patricio Bovet Derpich
 
Paradigmas de interacción
Paradigmas de interacciónParadigmas de interacción
Paradigmas de interacción
Tensor
 
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
Juan Pablo Bustos Thames
 
Fundamentos de Ingenieria de Software - Unidad 1 modelo de negocios
Fundamentos de Ingenieria de Software - Unidad 1 modelo de negociosFundamentos de Ingenieria de Software - Unidad 1 modelo de negocios
Fundamentos de Ingenieria de Software - Unidad 1 modelo de negocios
José Antonio Sandoval Acosta
 
Tabla comparativa- metodologías de desarrollo
Tabla comparativa-  metodologías de desarrolloTabla comparativa-  metodologías de desarrollo
Tabla comparativa- metodologías de desarrolloitsarellano
 
Metodologia dsdm
Metodologia dsdmMetodologia dsdm
Metodologia dsdm
Salomé Jara
 
Sistemas operativos multimedia
Sistemas operativos multimediaSistemas operativos multimedia
Sistemas operativos multimediaDavid Gutierrez
 
Cuadro comparativo Modelos de Software.
Cuadro comparativo Modelos de Software.Cuadro comparativo Modelos de Software.
Cuadro comparativo Modelos de Software.templarioo
 
Requerimientos de Usabilidad
Requerimientos de  UsabilidadRequerimientos de  Usabilidad
Requerimientos de Usabilidad
gcaicedo
 
Comparativa Arquitectura Cliente/Servidor y Distribuida
Comparativa Arquitectura Cliente/Servidor y DistribuidaComparativa Arquitectura Cliente/Servidor y Distribuida
Comparativa Arquitectura Cliente/Servidor y DistribuidaSergio Olivares
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de Usuario
LucasDanielB
 
Requerimientos funcionales y no funcionales
Requerimientos funcionales y no funcionalesRequerimientos funcionales y no funcionales
Requerimientos funcionales y no funcionales
Lismirabal
 
Requerimientos funcionales y no funcionales ejemplos
Requerimientos funcionales y no funcionales ejemplosRequerimientos funcionales y no funcionales ejemplos
Requerimientos funcionales y no funcionales ejemplos
juan angel celis mejia
 
Modelo basado en prototipos - Ingeniería de Software
Modelo basado en prototipos - Ingeniería de SoftwareModelo basado en prototipos - Ingeniería de Software
Modelo basado en prototipos - Ingeniería de Software
Joan Fernando Chipia Lobo
 

La actualidad más candente (20)

Sistemas operativos centralizados
Sistemas operativos centralizadosSistemas operativos centralizados
Sistemas operativos centralizados
 
Diseño de software modelo lineal (presentacion)
Diseño de software   modelo lineal (presentacion)Diseño de software   modelo lineal (presentacion)
Diseño de software modelo lineal (presentacion)
 
cliente servidor
cliente servidorcliente servidor
cliente servidor
 
UWE
UWEUWE
UWE
 
Metodología Mobile-D.pdf
Metodología Mobile-D.pdfMetodología Mobile-D.pdf
Metodología Mobile-D.pdf
 
Arquitectura multicapa
Arquitectura multicapaArquitectura multicapa
Arquitectura multicapa
 
Diseño de la interfaz de usuario
Diseño de la interfaz de usuarioDiseño de la interfaz de usuario
Diseño de la interfaz de usuario
 
Paradigmas de interacción
Paradigmas de interacciónParadigmas de interacción
Paradigmas de interacción
 
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
 
Fundamentos de Ingenieria de Software - Unidad 1 modelo de negocios
Fundamentos de Ingenieria de Software - Unidad 1 modelo de negociosFundamentos de Ingenieria de Software - Unidad 1 modelo de negocios
Fundamentos de Ingenieria de Software - Unidad 1 modelo de negocios
 
Tabla comparativa- metodologías de desarrollo
Tabla comparativa-  metodologías de desarrolloTabla comparativa-  metodologías de desarrollo
Tabla comparativa- metodologías de desarrollo
 
Metodologia dsdm
Metodologia dsdmMetodologia dsdm
Metodologia dsdm
 
Sistemas operativos multimedia
Sistemas operativos multimediaSistemas operativos multimedia
Sistemas operativos multimedia
 
Cuadro comparativo Modelos de Software.
Cuadro comparativo Modelos de Software.Cuadro comparativo Modelos de Software.
Cuadro comparativo Modelos de Software.
 
Requerimientos de Usabilidad
Requerimientos de  UsabilidadRequerimientos de  Usabilidad
Requerimientos de Usabilidad
 
Comparativa Arquitectura Cliente/Servidor y Distribuida
Comparativa Arquitectura Cliente/Servidor y DistribuidaComparativa Arquitectura Cliente/Servidor y Distribuida
Comparativa Arquitectura Cliente/Servidor y Distribuida
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de Usuario
 
Requerimientos funcionales y no funcionales
Requerimientos funcionales y no funcionalesRequerimientos funcionales y no funcionales
Requerimientos funcionales y no funcionales
 
Requerimientos funcionales y no funcionales ejemplos
Requerimientos funcionales y no funcionales ejemplosRequerimientos funcionales y no funcionales ejemplos
Requerimientos funcionales y no funcionales ejemplos
 
Modelo basado en prototipos - Ingeniería de Software
Modelo basado en prototipos - Ingeniería de SoftwareModelo basado en prototipos - Ingeniería de Software
Modelo basado en prototipos - Ingeniería de Software
 

Similar a Principios básicos de usabilidad y accesibilidad

Accesibilidad - Introducción
Accesibilidad  - IntroducciónAccesibilidad  - Introducción
Accesibilidad - Introducción
tayzee
 
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
 
Clase2: Usabilidad
Clase2: UsabilidadClase2: Usabilidad
Clase2: Usabilidad
Benjamín Preller
 
Simplicidad, utilidad y Persuabilidad - Conceptos
Simplicidad, utilidad y Persuabilidad  - ConceptosSimplicidad, utilidad y Persuabilidad  - Conceptos
Simplicidad, utilidad y Persuabilidad - Conceptos
Percy Negrete
 
Actividades_Accesibilidad_UD6.docx
Actividades_Accesibilidad_UD6.docxActividades_Accesibilidad_UD6.docx
Actividades_Accesibilidad_UD6.docx
Jessiret
 
Introducción a la Usabilidad Web
Introducción a la Usabilidad WebIntroducción a la Usabilidad Web
Introducción a la Usabilidad Web
Centro de Estudios de Usabilidad A.C.
 
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
 
Patrones de diseño web
Patrones de diseño webPatrones de diseño web
Patrones de diseño web
Herbert Arevalo
 
Usabilidad Web: ¿Capricho o Necesidad?
Usabilidad Web: ¿Capricho o Necesidad?Usabilidad Web: ¿Capricho o Necesidad?
Usabilidad Web: ¿Capricho o Necesidad?
Searchmediafb
 
Usabilidad / Page Rank
Usabilidad / Page RankUsabilidad / Page Rank
Usabilidad / Page Rank
B. Lucia Salazar
 
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ón
Jhonatan 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 personas
Alejandro 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 discapacidad
AtuestaDaniel
 

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 uso
Percy Negrete
 
Evolución del diseño web
Evolución del diseño webEvolución del diseño web
Evolución del diseño web
Percy 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-Computador
Percy 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 experiencia
Percy 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 uso
Percy 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, Miller
Percy 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 sensible
Percy 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 éxito
Percy Negrete
 
Sistemas de navegación
Sistemas de navegaciónSistemas de navegación
Sistemas de navegación
Percy Negrete
 
Percepcion visual - Principios fundamentales
Percepcion visual - Principios fundamentalesPercepcion visual - Principios fundamentales
Percepcion visual - Principios fundamentales
Percy Negrete
 
Leyes de la Gestalt
Leyes de la GestaltLeyes de la Gestalt
Leyes de la Gestalt
Percy 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
 
Lenguaje visual
Lenguaje visualLenguaje visual
Lenguaje visual
Percy Negrete
 
Diseño centrado en el usuario
Diseño centrado en el usuarioDiseño centrado en el usuario
Diseño centrado en el usuario
Percy Negrete
 
Elementos del diseño de interfaces
Elementos del diseño de interfacesElementos del diseño de interfaces
Elementos del diseño de interfaces
Percy 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 web
Percy 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 uso
Percy 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 web
Percy Negrete
 
Organización y estructuras de contenidos
Organización y estructuras de contenidosOrganización y estructuras de contenidos
Organización y estructuras de contenidos
Percy 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
 
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
 

Último

FORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdf
FORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdfFORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdf
FORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdf
El Fortí
 
PROYECTO INTEGRADOR ARCHIDUQUE. presentacion
PROYECTO INTEGRADOR ARCHIDUQUE. presentacionPROYECTO INTEGRADOR ARCHIDUQUE. presentacion
PROYECTO INTEGRADOR ARCHIDUQUE. presentacion
yorbravot123
 
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIACONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
BetzabePecheSalcedo1
 
ACERTIJO DE CARRERA OLÍMPICA DE SUMA DE LABERINTOS. Por JAVIER SOLIS NOYOLA
ACERTIJO DE CARRERA OLÍMPICA DE SUMA DE LABERINTOS. Por JAVIER SOLIS NOYOLAACERTIJO DE CARRERA OLÍMPICA DE SUMA DE LABERINTOS. Por JAVIER SOLIS NOYOLA
ACERTIJO DE CARRERA OLÍMPICA DE SUMA DE LABERINTOS. Por JAVIER SOLIS NOYOLA
JAVIER SOLIS NOYOLA
 
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
crcamora123
 
PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.
https://gramadal.wordpress.com/
 
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
auxsoporte
 
Introducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BIIntroducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BI
arleyo2006
 
Proyecto integrador Vereda Cujacal Centro.pptx
Proyecto integrador Vereda Cujacal Centro.pptxProyecto integrador Vereda Cujacal Centro.pptx
Proyecto integrador Vereda Cujacal Centro.pptx
vanessaavasquez212
 
Fase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometricoFase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometrico
YasneidyGonzalez
 
IMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁ
IMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁIMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁ
IMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁ
Claude LaCombe
 
Conocemos la ermita de Ntra. Sra. del Arrabal
Conocemos la ermita de Ntra. Sra. del ArrabalConocemos la ermita de Ntra. Sra. del Arrabal
Conocemos la ermita de Ntra. Sra. del Arrabal
Profes de Relideleón Apellidos
 
Fase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría AnalíticaFase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría Analítica
YasneidyGonzalez
 
Diagnostico del corregimiento de Junin del municipio de Barbacoas
Diagnostico del corregimiento de Junin del municipio de BarbacoasDiagnostico del corregimiento de Junin del municipio de Barbacoas
Diagnostico del corregimiento de Junin del municipio de Barbacoas
advavillacorte123
 
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptxSemana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
LorenaCovarrubias12
 
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdfUn libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
sandradianelly
 
Lección 1: Los complementos del Verbo ...
Lección 1: Los complementos del Verbo ...Lección 1: Los complementos del Verbo ...
Lección 1: Los complementos del Verbo ...
odalisvelezg
 
c3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptx
c3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptxc3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptx
c3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptx
Martín Ramírez
 
El Liberalismo económico en la sociedad y en el mundo
El Liberalismo económico en la sociedad y en el mundoEl Liberalismo económico en la sociedad y en el mundo
El Liberalismo económico en la sociedad y en el mundo
SandraBenitez52
 
Tarrajeo, tipos de tarrajeos, empastados, solaqueos y otros revestimientos.
Tarrajeo, tipos de tarrajeos, empastados, solaqueos y otros revestimientos.Tarrajeo, tipos de tarrajeos, empastados, solaqueos y otros revestimientos.
Tarrajeo, tipos de tarrajeos, empastados, solaqueos y otros revestimientos.
DeinerSuclupeMori
 

Último (20)

FORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdf
FORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdfFORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdf
FORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdf
 
PROYECTO INTEGRADOR ARCHIDUQUE. presentacion
PROYECTO INTEGRADOR ARCHIDUQUE. presentacionPROYECTO INTEGRADOR ARCHIDUQUE. presentacion
PROYECTO INTEGRADOR ARCHIDUQUE. presentacion
 
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIACONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
 
ACERTIJO DE CARRERA OLÍMPICA DE SUMA DE LABERINTOS. Por JAVIER SOLIS NOYOLA
ACERTIJO DE CARRERA OLÍMPICA DE SUMA DE LABERINTOS. Por JAVIER SOLIS NOYOLAACERTIJO DE CARRERA OLÍMPICA DE SUMA DE LABERINTOS. Por JAVIER SOLIS NOYOLA
ACERTIJO DE CARRERA OLÍMPICA DE SUMA DE LABERINTOS. Por JAVIER SOLIS NOYOLA
 
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
 
PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.
 
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
 
Introducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BIIntroducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BI
 
Proyecto integrador Vereda Cujacal Centro.pptx
Proyecto integrador Vereda Cujacal Centro.pptxProyecto integrador Vereda Cujacal Centro.pptx
Proyecto integrador Vereda Cujacal Centro.pptx
 
Fase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometricoFase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometrico
 
IMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁ
IMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁIMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁ
IMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁ
 
Conocemos la ermita de Ntra. Sra. del Arrabal
Conocemos la ermita de Ntra. Sra. del ArrabalConocemos la ermita de Ntra. Sra. del Arrabal
Conocemos la ermita de Ntra. Sra. del Arrabal
 
Fase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría AnalíticaFase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría Analítica
 
Diagnostico del corregimiento de Junin del municipio de Barbacoas
Diagnostico del corregimiento de Junin del municipio de BarbacoasDiagnostico del corregimiento de Junin del municipio de Barbacoas
Diagnostico del corregimiento de Junin del municipio de Barbacoas
 
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptxSemana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
 
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdfUn libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
 
Lección 1: Los complementos del Verbo ...
Lección 1: Los complementos del Verbo ...Lección 1: Los complementos del Verbo ...
Lección 1: Los complementos del Verbo ...
 
c3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptx
c3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptxc3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptx
c3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptx
 
El Liberalismo económico en la sociedad y en el mundo
El Liberalismo económico en la sociedad y en el mundoEl Liberalismo económico en la sociedad y en el mundo
El Liberalismo económico en la sociedad y en el mundo
 
Tarrajeo, tipos de tarrajeos, empastados, solaqueos y otros revestimientos.
Tarrajeo, tipos de tarrajeos, empastados, solaqueos y otros revestimientos.Tarrajeo, tipos de tarrajeos, empastados, solaqueos y otros revestimientos.
Tarrajeo, tipos de tarrajeos, empastados, solaqueos y otros revestimientos.
 

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