Las TIC en la Comunicación Institucional y el Marketing Político.

1. Las TIC en la ComunicaciónInstitucional y el Marketing Político. Juan Diego Pérez Jiménez

2. ¿Motivación? • Howard Dean 2004 • PreCampaña USA • Elecciones Generales 2008 • Elecciones Andaluzas 2008

3. Objetivos • Conocer el lugar y las funciones del responsable de comunicación en relación a las TIC. • Comprender aspectos normativos y pseudo normativos. • Conocer las ¿nuevas? tendencias. • Introducir el uso de las TIC en el marketing político.

4. Contenidos • ¿Dónde estamos? • La web institucional • Usabilidad • Accesibilidad. • Posicionamiento en buscadores. • Tecnologías Relacionadas • Política 2.0 • Conceptos Relacionados. • Blogosfera • Redes Sociales • Ruegos y preguntas

5. ¿Dónde estamos? ACTORES DENTRO DE NUESTRA ORGANIZACIÓN DISEÑADOR PROGRAMADOR PERIODISTA

6. ¿Dónde estamos? NUESTRA ORGANIZACIÓN WEB CORPORATIVA REDES SOCIALES

7. Contenidos • ¿Dónde estamos? • La web institucional • Usabilidad • Accesibilidad. • Posicionamiento en buscadores. • Tecnologías Relacionadas • Política 2.0 • Conceptos Relacionados. • Blogosfera • Redes Sociales • Ejemplos • Ruegos y preguntas

8. Usabilidad • Definición de Usabilidad Web • El Usuario • Los elementos de nuestra Web • Navegación y arquitectura • Escribir para la Web • Pruebas de Usabilidad • Principios de Usabilidad • Bibliografía • Revisión conjunta de Webs

9. Usabilidad / Definición ¿Qué es la Usabilidad Web? Cualidad de una Web de ser usable. ¿Qué significa que una Web sea usable? Que una persona con capacidad y experiencia media sea capaz de usarla para conseguir sus objetivos.

10. Usabilidad /El Usuario Dos formas totalmente diferentes

11. Usabilidad /El Usuario Algunos datos • Estamos 27 seg. en cada página • Permanecemos 1 min. 49 seg. en cada sitio web • Para conseguir nuestros objetivos visitamos 3.2 sitios (incluidos buscadores) • En el última sitio permanecemos 3 min. 49 seg. • 12% de probabilidades de volver a un sitio

12. Usabilidad /El Usuario Uso supuesto

13. Usabilidad /El Usuario Uso real

14. Usabilidad /El Usuario

15. Usabilidad /Los Elementos Crear una jerarquía visual clara Lo más grande lo más importante MUY IMPORTANTE MENOS IMPORTANTE AUN MENOS IMPORTANTE CUALQUIER COSA MENOS IMPORTANTE

16. Usabilidad / Los Elementos Crear una jerarquía visual clara Relacionado Lógicamente/Relacionado visualmente

17. Usabilidad / Los Elementos Crear una jerarquía visual clara Delimitar los bloques

18. Usabilidad / Los Elementos Aprovechar las convenciones • Colores • Tamaños • Elementos (Botones, listas etc..) • Disposición de los elementos • …

19. Usabilidad / Los Elementos Dejar claro las zonas sobre las que se puede hacer clic de ratón

20. Usabilidad / Los Elementos Minimizar el ruido • Griterío continuo: Demasiados elementos solicitando la atención. • Ruido de fondo: Ninguna elemento importante destaca lo suficiente.

21. Usabilidad / Los Elementos El tipo de letra y los colores

22. Usabilidad / Navegación y Arquitectura Objetivos de la navegación ¿Dónde está lo que busco? ¿Dónde estoy? ¿De dónde vengo? ¿Hacia dónde voy?

23. Usabilidad / Navegación y Arquitectura Proceso de navegación

24. Usabilidad / Navegación y Arquitectura Herramientas • Dibujar un esquema de la Web. • Identificar correctamente el sitio. • Dividir los contenidos en secciones y subsecciones. • Dejar “miguitas”

25. Usabilidad / Navegación y Arquitectura Herramientas / Dibujar un esquema de la Web.

26. Usabilidad / Navegación y Arquitectura Herramientas / Identificar correctamente el sitio • Elementos: • El logotipo • La etiqueta (tagline) • Clara y precisa • Extensión justa

27. Usabilidad / Navegación y Arquitectura Herramientas / Secciones y subsecciones

28. Usabilidad / Navegación y Arquitectura Herramientas / Dejar miguitas. Esta usted aquí Esta usted aquí

29. Usabilidad / Navegación y Arquitectura Algunos principios sobre navegación • Organizar los contenidos de acuerdo a los usuarios • Sed consistentes con la navegación • El periodista como arquitecto de información • Los elementos móviles sólo para los niños • Ser muy específicos con nombres y etiquetas • Los menús flotantes no deben cubrir la página • Salvo casos excepcionales no más de 2 niveles

30. Usabilidad / Escribir para la Web Dos formas totalmente diferentes

31. Usabilidad /Escribir para la Web Escribir para ojear

32. Usabilidad /Escribir para la Web Algunas recomendaciones • Utilice un lenguaje sencillo y de palabras cortas • Evite la jerga y los acrónimos • Excluya los sarcasmos e ironías • Condense el contenido • Evite los discursos de bienvenida • No ponga “Haga click” • Utilice las convenciones

33. Usabilidad /Escribir para la Web En resumen CONOZCA A LA AUDIENCIA LENGUAJE A NIVEL DE 2º ESO REGLA GENERAL: QUITE LA MITAD

34. Usabilidad / Escribir para la Web Un ejemplo • Reducir el discurso innecesario. • Eliminar las instrucciones.

35. Usabilidad / Pruebas de usabilidad ¿Qué es una prueba de usabilidad? Observar a los usuarios usando nuestra Web y sacar conclusiones para mejorar la usabilidad de la misma. Idealmente Sirve igual

36. Usabilidad / Pruebas de usabilidad Verdades sobre las pruebas • Si quiere un gran sitio hay que probarlo. • Probar un usuario es mejor que ninguno. • Probar desde el principio es mejor que probar al final. • Da igual el tipo de usuarios, lo realmente importante es probar. • Probar sirve para obtener información no para aprobar o descartar algo. • Probar es un proceso repetitivo.

37. Usabilidad / Principios de Usabilidad (Generales) • SI ALGO REQUIERE MUCHO TIEMPO ES MENOS PROBABLE QUE SE USE. • SI ALGO ES COMPLICADO NO LO USO DEMASIADO. • NO HAGA PENSAR AL USUARIO. • NO LEEMOS LAS PÁGINAS WEB, LAS HOJEAMOS Y SI QUEREMOS LEERLAS LAS IMPRIMIMOS. • NO VALORAMOS TODAS LAS OPCIONES, ESCOGEMOS LA PRIMERA QUE NOS PARECE RAZONABLE. • OMITA LAS PALABRAS INNECESARIAS. • EL USUARIO MEDIO ES UNA LEYENDA URBANA • REALICE PRUEBAS DE USABILIDAD • “Use el sentido común”

38. Usabilidad / Principios de Usabilidad (Concretando…) • Las páginas en construcción apestan. • Los enlaces deben cambiar de color. • Las ventanas emergentes también apestan. • Evite el contenido denso y el texto extenso (“las parrafadas”) nadie le leerá. • El desplazamiento horizontal también apesta. • Las páginas de “Splash”….. • “Use el sentido común”

39. Usabilidad /Bibliografía http://www.useit.com

40. Usabilidad /Bibliografía

41. Usabilidad /Bibliografía Manual de Redacción Periodística http://e-periodistas.blogspot.com/

42. Usabilidad / Revisión conjunta de webs • http://www.psoe.es • http://www.pp.es • http://www1.izquierda-unida.es/ • http://www.ciu.cat/ • http://www.eaj-pnv.eu/ • http://www.upyd.es/ • http://www.psoeandalucia.es • http://www.ppandaluz.com/ • http://www.iu-lv-ca.es/ • http://www.coalicionandalucista.org/ • http://www.congreso.es • http://www.parlamentoandalucia.es • http://www.johnmccain.com/ • http://www.hillaryclinton.com/ • http://www.barackobama.com/

43. Contenidos • ¿Dónde estamos? • La web institucional • Usabilidad • Accesibilidad. • Posicionamiento en buscadores. • Tecnologías Relacionadas • Política 2.0 • Conceptos Relacionados. • Blogosfera • Redes Sociales • Ruegos y preguntas

44. Accesibilidad • Definición de Accesibilidad Web • Discapacidades vinculadas • ¿Por qué la accesibilidad Web? • Legislación sobre Accesibilidad • Iniciativas sobre accesibilidad • Niveles de Accesibilidad • Herramientas

45. Accesibilidad / Definición ¿Qué es la accesibilidad Web? Calidad del contenido web de ser accesible. ¿Qué significa que un contenido sea accesible? • Que podamos “ver” la web independientemente de: • Hardware • Software • Capacidades del usuario. • Localización • Idioma • Cultura

46. Accesibilidad / Definición La accesibilidad web no debe ser entendida como una cualidad absoluta y total, si no como algo gradual. SI / NO Accesibilidad 1 0 + -

47. Accesibilidad / Discapacidades • Visuales • Colores • Visión reducida • Ceguera • Auditivas • Sordera (Total o parcial). • Físicas • Motrices • Cognitivas y neurológicas • Dislexia • Déficit de atención • Falta de memoria • Epilepsia • …

48. Accesibilidad / Discapacidades Problemas Visuales / Colores Protanopia: ausencia de color rojo Deuteranopia: ausencia de color verde Tritanopia: ausencia de color azul

49. Accesibilidad / Discapacidades Problemas Visuales / Colores Éxito Aviso Problema Sin rojo Sin verde Sin azul

50. Accesibilidad / Discapacidades Problemas Visuales / Colores • Para intentar paliar estos problemas: • No codificaremos ninguna conducta importante únicamente mediante colores. • Utilizaremos colores perfectamente distinguibles. • Comprobaremos la utilización en diversas condiciones.