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

Más contenido relacionado

La actualidad más candente

Usabilidad Web 2.0
Usabilidad Web 2.0Usabilidad Web 2.0
Usabilidad Web 2.0
dwebslide
 
Presentacion Diseño Web
Presentacion Diseño WebPresentacion Diseño Web
Presentacion Diseño Web
Nicida Malca
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
Lorena Guerrero
 
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
Niksy05
 

La actualidad más candente (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
 

Destacado

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
 
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
Andrea Cantú
 
Objetivos. Justificación, Estandares, Competencias
Objetivos. Justificación, Estandares, CompetenciasObjetivos. Justificación, Estandares, Competencias
Objetivos. Justificación, Estandares, Competencias
araksamse
 

Destacado (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 a Estandares Web, Accesibilidad y Usabilidad

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
Juan Carlos Ruiz Pacheco
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
8vivi8
 
Html5 y otras yerbas
Html5 y otras yerbasHtml5 y otras yerbas
Html5 y otras yerbas
Avanet
 
cogtel tecnologico
cogtel tecnologicocogtel tecnologico
cogtel tecnologico
rinaharo
 

Similar a 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
 

Último

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Último (11)

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
 
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
 
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
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
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...
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
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
 
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
 
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
 
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.