TALLER Cómo mejorar el posicionamiento de mi Web?

Transcripción

1 TALLER Cómo mejorar el posicionamiento de mi Web? SESIÓN 1: Cómo convencer a mis clientes? 27 de Octubre de 2009 David Eguizábal

2 Agenda Situación Accesibilidad web o Qué? o Por qué? o Cómo? omarco legislativo Usabilidad web o Qué? o Por qué? o Cuándo? o Cómo?

3 Contexto Pre-click Post-click ENCONTRAR al usuario DIRIGIRLO a la web CONVERTIRLO en cliente MEDIR resultados Posicionamiento en buscadores marketing Visibilidad en buscadores Marketing online Publicidad en terceros Marketing en buscadores Promoción en medios sociales Sitio web Diseño Accesibilidad Usabilidad Persuasión Diseño de contenidos Arquitectura de información Páginas de aterrizaje Estrategia sitios relacionados Resultados Analítica web Estimación del ROI

4 Vamos a barrer nuestra casa antes de traer visitas a ella Taller: Cómo mejorar el posicionamiento de mi Web?

5 Accesibilidad web

6 Qué es? Acceso universal a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios

7 Un ejemplo, por favor?

8 Un ejemplo, por favor Taller: Cómo mejorar el posicionamiento de mi Web?

9 Otro? Taller: Cómo mejorar el posicionamiento de mi Web?

10 Y el último Taller: Cómo mejorar el posicionamiento de mi Web?

11 Por qué la accesibilidad web? Incrementa la cuota de mercado y audiencia (facilita acceso y visualización) Mejora la usabilidad, facilitando la navegación Permite acceso a usuarios con conexión lenta Disminuye el coste de mantenimiento y actualización de los contenidos Demuestra responsabilidad social para con las personas discapacitadas Responsabilidad legal

12 Otra razón más? Tu usuario más importante es ciego. La mitad de las visitas de tu sitio web vienen de Google, y Google solo ve lo que un ciego puede ver Steven Pemberton

13 Por qué la accesibilidad web? Mitos de la accesibilidad web La accesibilidad es sólo para discapacitados y en la práctica el número de usuarios beneficiados es muy bajo La accesibilidad obliga a crear dos versiones del sitio. Con una versión sólo texto se satisfacen los requisitos de accesibilidad Una web accesible es mucho más cara, compleja y lleva mucho más tiempo La accesibilidad obliga a diseños primitivos y simples

14 Pautas de Accesibilidad al Contenido en la Web El camino hacia WCAG 2.0 Taller: Cómo mejorar el posicionamiento de mi Web? El 11 de diciembre de 2008 el W3C culminó el desarrollo de las Pautas de Accesibilidad al Contenido Web 2.0 (WCAG 2.0) Tras un largo proceso de casi 10 años, estas pautas suponen un importante paso para adaptarse a los cambios tecnológicos que se han ido produciendo en los últimos años, al tiempo que su redacción les permite estar preparadas para tecnologías futuras

15 Pautas de Accesibilidad al Contenido en la Web Estructuración de las WCAG 2.0 las Pautas se organizan en cuatro Principios básicos: Taller: Cómo mejorar el posicionamiento de mi Web? Perceptible: La información y los elementos de la interfaz de usuario deben presentarse a los usuarios de formas en las que los usuarios puedan percibirlos Operable: Los componentes de la interfaz y la navegación deben ser operables Comprensible: La información y el manejo de la interfaz de usuario debe ser comprensible Robusto: El contenido debe ser suficientemente robusto para que pueda ser interpretado por una amplia variedad de agentes de usuario, incluyendo los productos de apoyo

16 Pautas de Accesibilidad al Contenido en la Web Estructuración de las WCAG 2.0 Taller: Cómo mejorar el posicionamiento de mi Web? Dentro de cada Principio básico se encuentran las Pautas en sí, también de carácter general, aunque referidas a aspectos específicos de cada Principio básico Por último, cada Pauta se desarrolla en una serie de Criterios de Éxito Los criterios de éxito están clasificados por niveles de conformidad (A, AA, AAA); un mismo criterio puede ocurrir con ligeras diferencias en distintos niveles

17 Pautas de Accesibilidad al Contenido en la Web Declaración de conformidad Fecha en que se revisó dicho cumplimiento Título, versión y URI de las Pautas WCAG 2.0 Nivel de conformidad alcanzado (A, AA o AAA) Taller: Cómo mejorar el posicionamiento de mi Web? Alcance: enumeración precisa de las páginas que cumplen con las Pautas WCAG 2.0, por ejemplo una lista de URIs o una expresión regular que describa un conjunto de URIs Listado de las tecnologías de las que depende el contenido

18 Pautas de Accesibilidad al Contenido en la Web Un ejemplo de Pauta y Criterio: Taller: Cómo mejorar el posicionamiento de mi Web?

19 Marco legislativo Real Decreto 1494/2007, de 12 de noviembre Establece el grado de accesibilidad aplicable a las páginas de Internet de las Administraciones Públicas en un nivel mínimo obligatorio: el cumplimiento de las prioridades 1 y 2 de la Norma UNE :2004 (a partir del 31 de diciembre de 2008) En las páginas se deberá indicar el grado de accesibilidad aplicado, la fecha de la última revisión y un sistema de contacto para transmitir las dificultades de acceso, o formular quejas, consultas o sugerencias

20 Marco legislativo Ley 56/2007, de 28 de diciembre, de Medidas de Impulso de la Sociedad de la Información (LISI) Las obligaciones de accesibilidad se amplían, no sólo ya a la Administración Pública, empresas que reciban financiación pública o que gestionen servicios públicos, sino también, a aquellas empresas del sector privado que cuenten con más de 100 trabajadores o que facturen más de 6 millones de euros y sean de especial trascendencia económica, como: Entidades bancarias Aseguradoras Agencias de viaje Empresas de transporte Suministradores de electricidad, agua y gas Empresas de telecomunicaciones Grandes superficies Excepcionalmente, esta obligación no será aplicable cuando una funcionalidad o servicio no disponga de una solución tecnológica accesible

21 Marco legislativo: Futuro? La Comisión de la Unión Europea ha propuesto desarrollar una legislación que asegure que todos los estados miembro adoptan las medidas relacionadas con la e-accesibilidad We cannot achieve the Single Market by leaving aside certain parts of our population. I am talking about e- accessibility: 15% of our population is disabled and our rules on accessibility are still fragmented We should in my view encourage the European-wide adoption of the global web accessibility standard, the new Web Content Accessibility Guidelines (WCAG) Viviane Reding Comisionado de la Unión Europea para la Sociedad de la Información

22 Cómo validar la accesibilidad de un sitio? Taller: Cómo mejorar el posicionamiento de mi Web? 1. Validar la conformidad de la página web respecto a los estándares web: Sintaxis del código fuente ( Contenido de la hoja de estilos ( 2. Validar la accesibilidad de la página web mediante la ayuda de herramientas de análisis semiautomático: Test deaccesibilidad web ( ewan ( 3. Revisión manual

24 Cómo validar la accesibilidad de un sitio? Test de accesibilidad web ( Taller: Cómo mejorar el posicionamiento de mi Web? 3. Revisión manual AA

25 Cómo validar la accesibilidad de un sitio? Evaluación Web de Accesibilidad bajo Norme UNE ( Taller: Cómo mejorar el posicionamiento de mi Web? 3. Revisión manual

27 Marco legislativo Las tres claves del éxito El programador de la web sabe cómo hacer código accesible La herramienta permite trabajar código accesible Los creadores de nuevo contenido conocen la manera de actuar (formación previa)

28 Usabilidad web

29 Qué es? Taller: Cómo mejorar el posicionamiento de mi Web?

30 Qué es? Quién es el usuario? Cuál es el objetivo? Cuál es el contexto de uso?

31 Qué es? Efectividad, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico Norma UNE-EN ISO

32 En otras palabras Usabilidad es un atributo de calidad que mide lo fáciles de usar que son las interfaces web Jakob Nielsen

33 Un ejemplo, por favor Existe algo más sencillo que esto?

34 Por qué usabilidad web? Diseño nuevo Diseño antiguo

35 Por qué usabilidad web? Taller: Cómo mejorar el posicionamiento de mi Web?

36 Por qué usabilidad web? Desde el punto de vista de la empresa Ventaja competitiva Aumenta el ratio de conversión visita-acción Genera credibilidad Impacto positivo en la imagen Desde el punto de vista del usuario Encuentra lo que quiere Sentimiento de comodidad y seguridad en las transacciones Aumenta su satisfacción

37 Diseño centrado en el usuario Los sitios web se caracterizan por la importancia del diálogo con el usuario. Además, la interfaz determina en gran medida la percepción e impresión que el usuario posee de una aplicación Sin embargo, el usuario no está interesado en la estructura interna de una aplicación, sino en cómo usarla No se puede plantear el diseño de la interfaz de usuario cuando ya se han recopilado las especificaciones, se ha diseñado la lógica del sitio web y se ha escrito el código necesario

38 Diseño centrado en el usuario Diseño Centrado Usuario

39 Diseño centrado en el usuario Diseño Centrado Usuario Encuestas Entrevistas Heurístico Sesiones de grupo Test de usuarios (baja fidelidad) Test de usuarios (alta fidelidad)

40 Cómo medir la usabilidad web? La usabilidad absoluta no existe existe

41 Cómo medir la usabilidad web? La usabilidad absoluta no existe No obstante, cómo medirla?

42 Cómo medir la usabilidad web? Cómo medir la usabilidad web? Ponemos a trabajar a los expertos en el campo: Sesiones de grupo Presentación de los procesos internos de trabajo del sitio web objeto del estudio a un grupo de profesionales experimentados cuya misión es identificar aquellos puntos a mejorar e iniciar el debate con el resto de miembros Análisis heurístico Estudio basado en una serie de puntos de verificación (normas UNE o ISO, experiencia propia, etc.) con los que se comprueba si un sitio web satisface o no los principales requisitos relacionados con la usabilidad

43 Cómo medir la usabilidad web? Cómo medir la usabilidad web? Ponemos a trabajar a los expertos en el campo: Análisis heurístico Manos a la obra

44 Cómo medir la usabilidad web? Cómo medir la usabilidad web? Ponemos a trabajar a los expertos en el campo: Análisis heurístico

49 Cómo medir la usabilidad web? Cómo medir la usabilidad web? Ponemos a trabajar a los expertos en el campo: Análisis heurístico ohttp:// ohttp://

50 Cómo medir la usabilidad web? Cómo medir la usabilidad web? Ponemos a trabajar a los usuarios:

51 Cómo medir la usabilidad web? Cómo medir la usabilidad web? Ponemos a trabajar a los usuarios: Observación de usuarios Determinación de las deficiencias de un sitio web gracias a la participación activa de usuarios potenciales del mismo o Determinación de los procesos del sitio a revisar o Planteamiento de las tareas adecuadas que luego llevarán a cabo los usuarios o Realización de la prueba o Análisis del material recopilado durante la prueba (cualitativo y cuantitativo)

52 Cómo medir la usabilidad web? Cómo medir la usabilidad web? Ponemos a trabajar a los usuarios: Observación de usuarios Métodos no verbales Métodos verbales oprotocolos concurrentes (think aloud) Pensar + Traducir ideas a frases + Pronunciar frases Observadores presentes oprotocolos retrospectivos Memoria a largo plazo Racionalización, perjuicios, fabricación y omisión

53 Cómo medir la usabilidad web? Cómo medir la usabilidad web? Ponemos a trabajar a los usuarios: Observación de usuarios Ejemplos, por favor!

54 Cómo medir la usabilidad web? Cómo medir la usabilidad web? Ponemos a trabajar a los usuarios: Observación de usuarios Determinación de las deficiencias de un sitio web gracias a la participación activa de usuarios potenciales del mismo o Determinación de los procesos del sitio a revisar o Planteamiento de las tareas adecuadas que luego llevarán a cabo los usuarios o Realización de la prueba o Análisis del material recopilado durante la prueba (cualitativo y cuantitativo) Observación de usuarios con EyeTracking Añadimos a todo lo anterior la posibilidad de conocer dónde está mirando el usuario

55 Cómo medir la usabilidad web? Cómo medir la usabilidad web? Eye Tracking

58 Cómo medir la usabilidad web? Cómo medir la usabilidad web? Eye Tracking Algún ejemplo por ahí?

59 Cómo medir la usabilidad web? Cómo medir la usabilidad web? Eye Tracking Otros usos: Marketing en Internet Marketing tradicional Medicina Sociología Etc.