¿Cómo mejorar el posicionamiento de mi Web? · 2009. 12. 4. · Taller: ¿Cómo mejorar el...

Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?

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


Agenda

• Situación

• Accesibilidad webo¿Qué?o¿Por qué?o¿Cómo?oMarco legislativo

• Usabilidad webo¿Qué?o¿Por qué?o¿Cuándo?o¿Cómo?


Contexto

ENCONTRAR al usuario

DIRIGIRLO a la web

CONVERTIRLO en cliente

MEDIR resultados

Posicionamiento en buscadores

Marketing en buscadores

Email marketing

Publicidad en terceros

Promoción en medios sociales

Diseño

Usabilidad

Accesibilidad

Persuasión

Arquitectura de información

Diseño de contenidos

Analítica web

Estimación del ROI

Pre-click Post-click

Visibilidad en buscadores

Marketing online

Sitio web

Resultados

Páginas de aterrizaje

Estrategia sitios relacionados


Vamos a barrer nuestra casa antes de traer visitas a ella …


Accesibilidad web


¿Qué es?

“Acceso universal a la Web, independientementedel tipo de hardware, software, infraestructurade red, idioma, cultura, localización geográfica ycapacidades de los usuarios”


Un ejemplo, por favor …

¿?


¿Otro?


Y el último …


¿Por qué la accesibilidad web?

• Incrementa la cuota de mercado y audiencia (facilita acceso yvisualizació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 loscontenidos

• Demuestra responsabilidad social para con las personasdiscapacitadas

• Responsabilidad legal


¿Otra razón más?

“Tu usuario más importante es ciego. La mitadde las visitas de tu sitio web vienen de Google, yGoogle solo ve lo que un ciego puede ver”

Steven Pemberton


¿Por qué la accesibilidad web?

Mitos de la accesibilidad web

La accesibilidad es sólo para discapacitados y en la práctica elnúmero de usuarios beneficiados es muy bajo

La accesibilidad obliga a crear dos versiones del sitio. Con unaversión sólo texto se satisfacen los requisitos de accesibilidad

Una web accesible es mucho más cara, compleja y llevamucho más tiempo

La accesibilidad obliga a diseños primitivos y simples


Pautas de Accesibilidad al Contenido en la Web

El camino hacia WCAG 2.0

El 11 de diciembre de 2008 el W3C culminó el desarrollo de las Pautas deAccesibilidad al Contenido Web 2.0 (WCAG 2.0)

Tras un largo proceso de casi 10 años, estas pautas suponen un importantepaso para adaptarse a los cambios tecnológicos que se han ido produciendoen los últimos años, al tiempo que su redacción les permite estar preparadaspara tecnologías futuras

http://www.inteco.es/Accesibilidad/Formacion_6/Manuales_y_Guias/guia_wcag2




Estructuración de las WCAG 2.0

las Pautas se organizan en cuatro Principios básicos:

Perceptible: “La información y los elementos de la interfaz de usuario debenpresentarse 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 sercomprensible”

Robusto: “El contenido debe ser suficientemente robusto para que pueda serinterpretado por una amplia variedad de agentes de usuario, incluyendo losproductos de apoyo”





Estructuración de las WCAG 2.0

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





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)

• Alcance: enumeración precisa de las páginas que cumplen con las Pautas WCAG2.0, por ejemplo una lista de URIs o una expresión regular que describa un conjuntode URIs

• Listado de las tecnologías de las que depende el contenido





Un ejemplo de Pauta y Criterio:

http://codexexempla.org/articulos/2008/traduccion_wcag_2/pautas_2.0.htm

http://codexexempla.org/articulos/2008/traduccion_wcag_2/pautas_2.0.htm


Marco legislativo

Real Decreto 1494/2007, de 12 de noviembre

Establece el grado de accesibilidad aplicable a las páginas de Internet de lasAdministraciones Públicas en un nivel mínimo obligatorio: el cumplimiento de lasprioridades 1 y 2 de la Norma UNE 139803:2004 (a partir del 31 de diciembre de2008)

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, oformular quejas, consultas o sugerencias

http://www.inteco.es/Accesibilidad/Normativa_1/Descarga/DescargaUNE_139803

http://www.inteco.es/Accesibilidad/Normativa_1/Descarga/DescargaUNE_139803


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, sinotambién, a aquellas empresas del sector privado que cuenten con más de 100trabajadores o que facturen más de 6 millones de euros y sean de especialtrascendencia 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


Marco legislativo: ¿Futuro?

La Comisión de la Unión Europea ha propuesto desarrollar unalegislación que asegure que todos los estados miembro adoptanlas medidas relacionadas con la e-accesibilidad

“We cannot achieve the Single Market by leaving asidecertain parts of our population. I am talking about e-accessibility: 15% of our population is disabled and ourrules on accessibility are still fragmented”

“We should in my view encourage the European-wideadoption of the global web accessibility standard, thenew Web Content Accessibility Guidelines (WCAG)”

Viviane RedingComisionado de la Unión Europea para la Sociedad de la Información


¿Cómo validar la accesibilidad de un sitio?

1. Validar la conformidad de la página web respecto a losestándares web:

• Sintaxis del código fuente (http://validator.w3.org/)• Contenido de la hoja de estilos (http://jigsaw.w3.org/css-validator/)

2. Validar la accesibilidad de la página web mediante la ayudade herramientas de análisis semiautomático:

• Test de accesibilidad web (http://www.tawdis.net)• eWAN (http://www.laboratoriousabilidad.com/ewan)

3. Revisión manual

http://validator.w3.org/








http://jigsaw.w3.org/css-validator/
















3. Revisión manual



















http://www.tawdis.net/







http://www.laboratoriousabilidad.com/ewan









Test de accesibilidad web (http://www.tawdis.net)

3. Revisión manual

0 | 88 0 | 21 5 | 91

AA










Evaluación Web de Accesibilidad bajo Norme UNE(www.laboratoriousabilidad.com/ewan)

3. Revisión manual

1 | 9 3 | 20 1 | 11

-












3. Revisión manual


































Marco legislativo

Las tres claves del éxito

El programador de la web sabe cómo hacer códigoaccesible

La herramienta permite trabajar código accesible

Los creadores de nuevo contenido conocen la manerade actuar (formación previa)


Usabilidadweb


¿Qué es?


¿Qué es?

¿Quién es el usuario?

¿Cuál es el objetivo?

¿Cuál es el contexto de uso?


¿Qué es?

“Efectividad, eficiencia y satisfacción con la queun producto permite alcanzar objetivosespecíficos a usuarios específicos en un contextode uso específico”

Norma UNE-EN ISO 9241-11


En otras palabras …

“Usabilidad es un atributo de calidad que midelo fáciles de usar que son las interfaces web”

Jakob Nielsen



¿Existe algo más sencillo que esto?


¿Por qué usabilidad web?

Diseño antiguo

Diseño nuevo



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


Diseño centrado en el usuario

Los sitios web se caracterizan por la importancia del diálogo conel usuario. Además, la interfaz determina en gran medida lapercepción e impresión que el usuario posee de una aplicación

Sin embargo, el usuario no está interesado en la estructurainterna de una aplicación, sino en cómo usarla

No se puede plantear el diseño de la interfaz de usuario cuandoya se han recopilado las especificaciones, se ha diseñado lalógica del sitio web y se ha escrito el código necesario



Diseño

Centrado

Usuario



Diseño

Centrado

UsuarioEncuestas

Sesiones de grupo

Entrevistas

Test de usuarios (alta fidelidad)

Test de usuarios (baja fidelidad)

Heurístico


¿Cómo medir la usabilidad web?

La usabilidad absoluta existeno existe



La usabilidad absoluta no existe

No obstante, ¿cómo “medirla”?




Ponemos a trabajar a los expertos en el campo:

• Sesiones de grupoPresentación de los procesos internos de trabajo del sitio web objeto del estudio a ungrupo de profesionales experimentados cuya misión es identificar aquellos puntos amejorar e iniciar el debate con el resto de miembros

• Análisis heurísticoEstudio basado en una serie de puntos de verificación (normas UNE o ISO, experienciapropia, etc.) con los que se comprueba si un sitio web satisface o no los principalesrequisitos relacionados con la usabilidad





• Análisis heurístico

Manos a la obra …






ohttp://www.torresburriel.com/weblog/2008/11/28/plantilla-para-hacer-analisis-heuristicos-de-usabilidad/

ohttp://www.userfocus.co.uk/resources/guidelines.html

http://www.torresburriel.com/weblog/2008/11/28/plantilla-para-hacer-analisis-heuristicos-de-usabilidad/


























http://www.userfocus.co.uk/resources/guidelines.html














Ponemos a trabajar a los usuarios:





• Observación de usuariosDeterminación de las deficiencias de un sitio web gracias a la participación activa deusuarios potenciales del mismo

oDeterminación de los procesos del sitio a revisaro Planteamiento de las tareas adecuadas que luego llevarán a cabo los usuarioso Realización de la pruebaoAnálisis del material recopilado durante la prueba (cualitativo y cuantitativo)





• Observación de usuarios

• Métodos no verbales

• Métodos verbalesoProtocolos concurrentes (think aloud)

Pensar + Traducir ideas a frases + Pronunciar frasesObservadores presentes

oProtocolos retrospectivosMemoria a largo plazo Racionalización, perjuicios, fabricación y omisión





• Observación de usuarios

¡Ejemplos, por favor!





• Observación de usuariosDeterminación de las deficiencias de un sitio web gracias a la participación activa deusuarios potenciales del mismo

oDeterminación de los procesos del sitio a revisaro Planteamiento de las tareas adecuadas que luego llevarán a cabo los usuarioso Realización de la pruebaoAnálisis del material recopilado durante la prueba (cualitativo y cuantitativo)

• Observación de usuarios con EyeTrackingAñadimos a todo lo anterior la posibilidad de conocer dónde está mirando el usuario



¿Cómo medir la usabilidad web? – Eye Tracking




¿Algún ejemplo por ahí?




Otros usos:• Marketing en Internet• Marketing tradicional• Medicina• Sociología• Etc.



¿Cómo medir la

usabilidad web?

¿Qué hacen los

profesionales?


Cuéntame cuatro cosas rápidas …

1. Logotipo con enlace a la página de inicio y acompañado defrase corporativa (arriba a la izquierda)



2. Texto claramente legible



3. Llamadas a la acción claras, sencillas y directas



4. No debe haber momento de fin de un proceso


¿Qué viene después?

El siguiente paso será …

Persuasión+

Usabilidad=

Persuabilidad


Conclusión

Probar, probar, probar, probar, …


[email protected]


Material empleado:

http://www.flickr.com/photos/brandoncripps/2404832504/sizes/l/

¿Cómo mejorar el posicionamiento de mi Web? · 2009. 12. 4. · Taller: ¿Cómo mejorar el...

Documents

Transcript of ¿Cómo mejorar el posicionamiento de mi Web? · 2009. 12. 4. · Taller: ¿Cómo mejorar el...