SlideShare a Scribd company logo
1 of 32
 
 
 
 
 
 
Consultor en Accesibilidad y Usabilidad Analista Programador Maquetador XHTML + CSS Arquitecto de la información Posicionamiento en buscadores Redactor de contenidos Control de bases de datos Etc…
Consultor en Accesibilidad y Usabilidad Analista Programador Maquetador XHTML + CSS Arquitecto de la información Posicionamiento en buscadores Redactor de contenidos Control de bases de datos Etc… WebMaster ¿Cómo terminaré? Meet the
[object Object],[object Object],[object Object]
¿accesibilidad? Eso es una mierda, no deja poner Flash
de la  Guerra de los Navegadores a las redes sociales
nació en 1989 de la mano de Tim Berners-Lee (W3C) sufrió “La Guerra de los navegadores” (dicen que terminó en 2001) ¿qué ha pasado desde 2001?
aumento del uso de los estándares y del soporte de los navegadores “ obligación” de sitios web accesibles el boom de las redes sociales ¿web semántica?  la 2ª Guerra de Navegadores
Bienvenidos al caos
[object Object],[object Object],[object Object],[object Object],Estándar    Normalización    ISO, UNE es una especificación que regula la realización de ciertos procesos
[object Object],[object Object],[object Object],[object Object],[object Object],¿Qué estándares web me pueden interesar?
Ventajas de usar estándares web: - Todos hablamos el mismo idioma - Será interpretado en el futuro - Ahorro de tiempo y dinero - Accesibilidad web - Menos tiempo de descarga - Hace el código más limpio - Es la forma correcta de hacer las cosas Maquetar webs separando estructura y presentación ¡¡Valida tu código!!
¿Quién dijo que eran feos? DEMO
desarrolla para el  100%   de tu audiencia
Una Web para  todos los usuarios  independientemente de las circunstancias y los dispositivos involucrados a la hora de acceder a la información.
 
WCAG 1.0: Niveles de prioridad - Nivel A [Prioridad 1]: Lo obligatario - Nivel AA [Prioridad 2]: Lo recomendable - Nivel AAA [Prioridad 3]: Lo deseable
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ventajas de tener una web accesible: - Abarcamos el 100% de nuestras visitas - Visualización en dispositivos móviles - Estaremos mejor posicionados en Google - Maquetamos para “todos” los navegadores - Cumplimos con un derecho ciudadano - Favorecemos una mayor usabilidad
DEMO
desde la usabilidad y algo más Una buena
"lo que se persigue es  generar sensaciones y valoraciones  de los usuarios hacia nuestro sitio web lo más  agradables, positivas y satisfactorias  posibles"   Fuentes: DNX (2005)
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
DEMO
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
¿de qué queréis hablar?

More Related Content

What's hot (18)

Usabilidad Web 2.0
Usabilidad Web 2.0Usabilidad Web 2.0
Usabilidad Web 2.0
 
Desarrollo web para estándar W3C
  Desarrollo web para estándar W3C    Desarrollo web para estándar W3C
Desarrollo web para estándar W3C
 
Estandares Web W3C
Estandares Web W3CEstandares Web W3C
Estandares Web W3C
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
 
Presentacion Diseño Web
Presentacion Diseño WebPresentacion Diseño Web
Presentacion Diseño Web
 
Estándares de la w3c
Estándares de la w3cEstándares de la w3c
Estándares de la w3c
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Que es Diseño web
Que es Diseño webQue es Diseño web
Que es Diseño web
 
El diseño web
El diseño webEl diseño web
El diseño web
 
Pagina web y cazatesoro 2013
Pagina web y cazatesoro 2013Pagina web y cazatesoro 2013
Pagina web y cazatesoro 2013
 
Hist. diseño web
Hist. diseño webHist. diseño web
Hist. diseño web
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
Páginas web
Páginas webPáginas web
Páginas web
 
Tipos de paginas web ffh
Tipos de paginas web ffhTipos de paginas web ffh
Tipos de paginas web ffh
 
Presenentacion sobre la historia de diseño web
Presenentacion sobre la historia de diseño webPresenentacion sobre la historia de diseño web
Presenentacion sobre la historia de diseño web
 
Diseño web exposición
Diseño web exposiciónDiseño web exposición
Diseño web exposición
 
Victor estupiñan, daniel fernandez
Victor estupiñan, daniel fernandezVictor estupiñan, daniel fernandez
Victor estupiñan, daniel fernandez
 

Viewers also liked

Usabilidad de los sitios web, los métodos
Usabilidad de los sitios web, los métodosUsabilidad de los sitios web, los métodos
Usabilidad de los sitios web, los métodosepifaniocueronieves
 
Estandares IHC
Estandares IHCEstandares IHC
Estandares IHCISI UCA
 
Accesibilidad web para el sector turístico
Accesibilidad web para el sector turísticoAccesibilidad web para el sector turístico
Accesibilidad web para el sector turísticoInés Laitano
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Webqweos
 
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)yusefhassan
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidaddsolanes
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Webtaller_ux
 
Presenta Accesibilidad Centrada en los Usuarios - 2009
Presenta Accesibilidad Centrada en los Usuarios - 2009Presenta Accesibilidad Centrada en los Usuarios - 2009
Presenta Accesibilidad Centrada en los Usuarios - 2009qweos
 
Curso de a accesibilidad web - Módulo 1: Sensibilización
Curso de a accesibilidad web - Módulo 1: SensibilizaciónCurso de a accesibilidad web - Módulo 1: Sensibilización
Curso de a accesibilidad web - Módulo 1: SensibilizaciónMario Carvajal
 
Accesibilidad Web (esa gran olvidada)
Accesibilidad Web (esa gran olvidada)Accesibilidad Web (esa gran olvidada)
Accesibilidad Web (esa gran olvidada)Adolfo Sanz De Diego
 
Principios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidadPrincipios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidadPercy Negrete
 
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparmeUsabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparmejordisan RamSys
 
UX no es lo mismo que UI
UX no es lo mismo que UIUX no es lo mismo que UI
UX no es lo mismo que UIAndrea Cantú
 
Estándares para el diseño de interfaz
Estándares para el diseño de interfazEstándares para el diseño de interfaz
Estándares para el diseño de interfazJose Luis Dorao
 
UX en 30 Minutos
UX en 30 MinutosUX en 30 Minutos
UX en 30 MinutosSol Mesz
 
Objetivos. Justificación, Estandares, Competencias
Objetivos. Justificación, Estandares, CompetenciasObjetivos. Justificación, Estandares, Competencias
Objetivos. Justificación, Estandares, Competenciasaraksamse
 

Viewers also liked (20)

Presentacion Accesibilidad Web
Presentacion Accesibilidad WebPresentacion Accesibilidad Web
Presentacion Accesibilidad Web
 
Usabilidad de los sitios web, los métodos
Usabilidad de los sitios web, los métodosUsabilidad de los sitios web, los métodos
Usabilidad de los sitios web, los métodos
 
Estandares IHC
Estandares IHCEstandares IHC
Estandares IHC
 
Accesibilidad web para el sector turístico
Accesibilidad web para el sector turísticoAccesibilidad web para el sector turístico
Accesibilidad web para el sector turístico
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Web
 
Diseño web inclusivo
Diseño web inclusivoDiseño web inclusivo
Diseño web inclusivo
 
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidad
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Web
 
Presenta Accesibilidad Centrada en los Usuarios - 2009
Presenta Accesibilidad Centrada en los Usuarios - 2009Presenta Accesibilidad Centrada en los Usuarios - 2009
Presenta Accesibilidad Centrada en los Usuarios - 2009
 
Curso de a accesibilidad web - Módulo 1: Sensibilización
Curso de a accesibilidad web - Módulo 1: SensibilizaciónCurso de a accesibilidad web - Módulo 1: Sensibilización
Curso de a accesibilidad web - Módulo 1: Sensibilización
 
Accesibilidad Web (esa gran olvidada)
Accesibilidad Web (esa gran olvidada)Accesibilidad Web (esa gran olvidada)
Accesibilidad Web (esa gran olvidada)
 
Principios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidadPrincipios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidad
 
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparmeUsabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
 
UX no es lo mismo que UI
UX no es lo mismo que UIUX no es lo mismo que UI
UX no es lo mismo que UI
 
Estándares para el diseño de interfaz
Estándares para el diseño de interfazEstándares para el diseño de interfaz
Estándares para el diseño de interfaz
 
UX en 30 Minutos
UX en 30 MinutosUX en 30 Minutos
UX en 30 Minutos
 
Objetivos. Justificación, Estandares, Competencias
Objetivos. Justificación, Estandares, CompetenciasObjetivos. Justificación, Estandares, Competencias
Objetivos. Justificación, Estandares, Competencias
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 

Similar to Estandares Web, Accesibilidad y Usabilidad

Similar to Estandares Web, Accesibilidad y Usabilidad (20)

PATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEBPATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEB
 
Diseno web
Diseno webDiseno web
Diseno web
 
Como hacer sus sitios web más usables con Internet Explorer 9 y 10
Como hacer sus sitios web más usables con Internet Explorer 9 y 10Como hacer sus sitios web más usables con Internet Explorer 9 y 10
Como hacer sus sitios web más usables con Internet Explorer 9 y 10
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
Estándares W3C
Estándares W3CEstándares W3C
Estándares W3C
 
Estándares W3C (Tarea)
Estándares W3C (Tarea)Estándares W3C (Tarea)
Estándares W3C (Tarea)
 
Front
FrontFront
Front
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
Introducción a HTML5 y CSS3 - ArtMedia 2011
Introducción a HTML5 y CSS3 - ArtMedia 2011Introducción a HTML5 y CSS3 - ArtMedia 2011
Introducción a HTML5 y CSS3 - ArtMedia 2011
 
Clase no 3
Clase no 3Clase no 3
Clase no 3
 
Html5 y otras yerbas
Html5 y otras yerbasHtml5 y otras yerbas
Html5 y otras yerbas
 
Html5 y otras yerbas
Html5 y otras yerbasHtml5 y otras yerbas
Html5 y otras yerbas
 
Web2.0 3.0
Web2.0 3.0Web2.0 3.0
Web2.0 3.0
 
Taller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLTaller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uML
 
PAGINA WEB
PAGINA WEBPAGINA WEB
PAGINA WEB
 
cogtel tecnologico
cogtel tecnologicocogtel tecnologico
cogtel tecnologico
 
Ariel beitia
Ariel beitiaAriel beitia
Ariel beitia
 
Diseño con estándares
Diseño con estándaresDiseño con estándares
Diseño con estándares
 
Creacion de paginas_web
Creacion de paginas_webCreacion de paginas_web
Creacion de paginas_web
 
Html4
Html4Html4
Html4
 

Recently uploaded

Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfAnnimoUno1
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfvladimiroflores1
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 

Recently uploaded (11)

Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 

Estandares Web, Accesibilidad y Usabilidad

  • 1.  
  • 2.  
  • 3.  
  • 4.  
  • 5.  
  • 6.  
  • 7. Consultor en Accesibilidad y Usabilidad Analista Programador Maquetador XHTML + CSS Arquitecto de la información Posicionamiento en buscadores Redactor de contenidos Control de bases de datos Etc…
  • 8. Consultor en Accesibilidad y Usabilidad Analista Programador Maquetador XHTML + CSS Arquitecto de la información Posicionamiento en buscadores Redactor de contenidos Control de bases de datos Etc… WebMaster ¿Cómo terminaré? Meet the
  • 9.
  • 10. ¿accesibilidad? Eso es una mierda, no deja poner Flash
  • 11. de la Guerra de los Navegadores a las redes sociales
  • 12. nació en 1989 de la mano de Tim Berners-Lee (W3C) sufrió “La Guerra de los navegadores” (dicen que terminó en 2001) ¿qué ha pasado desde 2001?
  • 13. aumento del uso de los estándares y del soporte de los navegadores “ obligación” de sitios web accesibles el boom de las redes sociales ¿web semántica? la 2ª Guerra de Navegadores
  • 15.
  • 16.
  • 17. Ventajas de usar estándares web: - Todos hablamos el mismo idioma - Será interpretado en el futuro - Ahorro de tiempo y dinero - Accesibilidad web - Menos tiempo de descarga - Hace el código más limpio - Es la forma correcta de hacer las cosas Maquetar webs separando estructura y presentación ¡¡Valida tu código!!
  • 18. ¿Quién dijo que eran feos? DEMO
  • 19. desarrolla para el 100% de tu audiencia
  • 20. Una Web para todos los usuarios independientemente de las circunstancias y los dispositivos involucrados a la hora de acceder a la información.
  • 21.  
  • 22. WCAG 1.0: Niveles de prioridad - Nivel A [Prioridad 1]: Lo obligatario - Nivel AA [Prioridad 2]: Lo recomendable - Nivel AAA [Prioridad 3]: Lo deseable
  • 23.
  • 24. Ventajas de tener una web accesible: - Abarcamos el 100% de nuestras visitas - Visualización en dispositivos móviles - Estaremos mejor posicionados en Google - Maquetamos para “todos” los navegadores - Cumplimos con un derecho ciudadano - Favorecemos una mayor usabilidad
  • 25. DEMO
  • 26. desde la usabilidad y algo más Una buena
  • 27. "lo que se persigue es generar sensaciones y valoraciones de los usuarios hacia nuestro sitio web lo más agradables, positivas y satisfactorias posibles" Fuentes: DNX (2005)
  • 28.
  • 29. DEMO
  • 30.
  • 31.