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

Presentación del tema: "Las TIC en la Comunicación Institucional y el Marketing Político. Juan Diego Pérez Jiménez."— Transcripción de la presentación:

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

2 Motivación

3 Objetivos

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

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

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

7 Contenidos 1.¿Dónde estamos? 2.La web institucional Usabilidad Accesibilidad. Posicionamiento en buscadores. Tecnologías Relacionadas 3.Política 2.0 Conceptos Relacionados. Blogosfera Redes Sociales Ejemplos 4.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? ¿Qué significa que una Web sea usable? Cualidad de una Web de ser 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 estoy? ¿De dónde vengo? ¿Hacia dónde voy? ¿Dónde está lo que busco?

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í

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 Utilice las convenciones Evite los discursos de bienvenida No ponga Haga click

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

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. IdealmenteSirve 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 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 1.¿Dónde estamos? 2.La web institucional Usabilidad Accesibilidad. Posicionamiento en buscadores. Tecnologías Relacionadas 3.Política 2.0 Conceptos Relacionados. Blogosfera Redes Sociales 4.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 Idioma Cultura Capacidades del usuario. Localización

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

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 Protanopia: ausencia de color rojo Deuteranopia: ausencia de color verde Tritanopia: ausencia de color azul Problemas Visuales / Colores

49 Accesibilidad / Discapacidades Problemas Visuales / Colores ProblemaAvisoÉxito Sin azul Sin rojo Sin verde

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.

51 Accesibilidad / Discapacidades Problemas Visuales / Visión Reducida

52 Accesibilidad / Discapacidades Problemas Visuales / Ceguera Cuando las deficiencias visuales sobrepasan cierto nivel hay que cambiar el canal de comunicación. Actualmente su utiliza la voz sintetizada y las tabletas de Braille. En ambo casos vamos a tener que realizar una transformación de elementos gráficos a textuales. Necesitaremos que todos los elementos sean accesibles mediante teclado.

53 Accesibilidad / Discapacidades Deficiencias auditivas Menos dificultades ya que los interfaces actuales son visuales casi en su totalidad. Hay ocasiones en los que deberemos transformar a una señal textual o visual la información sonora. Mensajes de aviso. Alarmas. Sonidos de comienzo de cierre. Etc..

54 Accesibilidad / Discapacidades Deficiencias auditivas Las personas que desde pequeño utilizan el lenguaje de signos suelen tener un vocabulario más reducido. En ese caso debemos tener especial cuidado con el vocabulario que utilicemos.

55 Accesibilidad / Justificación Deficiencias motrices Personas que no pueden: Usar ni el ratón ni el teclado. Pulsar dos teclas a la vez. Mantener pulsadas una tecla. Dispositivos alternativos. Movimiento de cabeza. Dispositivos de reconocimiento de voz. Posibles Medidas Se pueda hacer todo desde teclado. Incluir una etiqueta en cada botón del programa.

56 Accesibilidad / Justificación Deficiencias cognitivas Las anteriormente citas. Hay que tener en cuenta el envejecimiento de la población. No existe una receta mágica sólo dos recomendaciones de carácter general. Sencillez en los contenidos y el diseño. Pruebas de campo con las personas apropiadas (posible audiencia de la web).

57 Accesibilidad / Justificación Y no sólo para personas con deficiencias… Sin visiónCiegos- personas con ojos ocupados (por ej. conduciendo o en navegación telefónica) - en la oscuridad Poca visiónPersonas con limitaciones visuales - personas con un visualizador pequeño - en un entorno de humos Operable sin poder oir Personas sordas- entornos ruidosos - oídos ocupados - silencio forzado (bibliotecas, etc.) Oído limitadoPersonas duras de oído- personas en entorno ruidoso Operable con manualidad limitada Personas con limitaciones- personas con vestidos especiales - o que van en un vehículo que se balancea Operable con cognitividad limitada Personas con cognitividad limitada - personas distraídas - con pánico - o bajo la influencia del alcohol Operable sin lecturaPersonas con problemas cognitivos - personas que no conocen ese lenguaje - visitantes - personas que se han dejado las gafas de lectura

58 Accesibilidad / Justificación Acceso equitativo para TODOS los usuarios. Acceder a nuestra web desde cualquier tipo de dispositivos. Mejorar la búsqueda de los motores de búsqueda. Soporte para la internacionalización. Mejorar el acceso a los usuarios de banda estrecha. Reduce el mantenimiento. Por LEY. Por sentido común. Porque nos beneficia ya que: Incrementa la cuota de mercado. Incrementa la audiencia potencial.

59 Accesibilidad / Justificación Tu usuario más importante es ciego. La mitad de las visitas a tu sitio web vienen de Google, y Google sólo ve lo que un ciego puede ver. Si tu sitio no es accesible, tendrás menos visitas. Fin de la historia. Steven Pemberton

60 Accesibilidad / Legislación LEY 34/2002, de 11 de julio, de servicios de la sociedad de la información y de comercio electrónico (LSSICE). LEY 51/2003, de 2 de diciembre, de igualdad de oportunidades, no discriminación y accesibilidad universal de las personas con discapacidad.

61 Accesibilidad / Legislación LEY 34/2002: Quinta. Accesibilidad para las personas con discapacidad y de edad avanzada a la información proporcionada por medios electrónicos. Uno. Las Administraciones Públicas adoptarán las medidas necesarias para que la información disponible en sus respectivas páginas de Internet pueda ser accesible a personas con discapacidad y edad avanzada de acuerdo con los criterios de accesibilidad antes del 31 de Diciembre del 2005. Así mismo, podrán exigir que las páginas de Internet cuyo diseño o mantenimiento financien apliquen los criterios de accesibilidad anteriormente mencionados. Dos. Igualmente, se promoverá la adopción de normas de accesibilidad por los prestadores de servicios y fabricantes de equipos y software, para facilitar el acceso a las personas con discapacidad o de edad avanzada a los contenidos digitales.

62 Accesibilidad / Legislación LEY 51/2003: Disposición Final séptima. Condiciones básicas de accesibilidad y no discriminación para el acceso y utilización de las tecnologías… En el plazo de dos años desde la entrada en vigor de esta ley, el Gobierno aprobará, según lo previsto en su artículo 10, unas condiciones básicas de accesibilidad y no discriminación para el acceso y utilización de las tecnologías, productos y servicios relacionados con la sociedad de la información y de cualquier medio de comunicación social, que serán obligatorias en el plazo de cuatro a seis años para los productos nuevos y de ocho a diez para los productos existentes. En el plazo de dos años desde la entrada en vigor de este ley, el Gobierno deberá realizar los estudios integrales sobre la accesibilidad a dichos bienes o servicios que consideren más relevantes desde el punto de vista de la no discriminación y accesibilidad universal.

63 Accesibilidad / Iniciativas WAI (Web Accesibility Initiative). De la W3C. http://www.w3c.org/wai eEurope. De la Unión Europea. http://europa.eu/scadplus/leg/es/lvb/l24226.htm

64 Accesibilidad / Niveles de Accesibilidad - accesible + accesible http://usuarios.discapnet.es/disweb2000/PautaWAI/TPVWCAG10.htm

65 Accesibilidad / Niveles de Accesibilidad Texto equivalente para todo elemento no textual La información transmitida mediante colores también está disponible sin color. Utilice el lenguaje más claro simple posible. Titule cada marco para facilitar la navegación e identificación de los mismos. Asegúrese de que las páginas siguen siendo usables si desconecto los scripts. Evite provocar parpadeos en la pantalla. Para los elementos multimedia (películas o animaciones) proporcione alternativas (subtítulos). …

66 Accesibilidad / Niveles de Accesibilidad Colores con el suficiente contraste (para personas con deficiencias o pantallas en B/N). Marque las listas y los puntos de las listas correctamente. Divida los grupos grandes de información en bloques manejables. Añada información semántica a las páginas. Asegúrese de que cualquier elemento que posea interfaz puede ser manejado independientemente del dispositivo. Dé un aspecto coherente a todas las páginas de su sitio Web (use hojas de estilo). …

67 Accesibilidad / Niveles de Accesibilidad Especifique cada abreviatura y cada acrónimo cuando aparezcan por primera vez. Identifique el idioma principal del documento. Cree un orden lógico para navegar con el tabulador a través de los vínculos. Proporcione atajos de teclado para los vínculos más importantes. Si incluye funciones de búsqueda permita distintos tipos. Proporcione resúmenes de las tablas. Localice la información destacada al principio de cada párrafo, encabezamiento, etc.. …

68 Accesibilidad / Herramientas Niveles Accesibilidad http://www.tawdis.net Chequeo cromático de webs. http://www.vischeck.com/vischeck/vischeckURL.php http://www.q42.nl/demos/colorblindnesssimulator/colors.html Lector de información en pantalla. http://www.freedomscientific.com/fs_products/JAWS_HQ.asp http://www.gwmicro.com/

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

70 Posicionamiento en buscadores Algunos datos Tipos de técnicas ¿Cómo buscan? Consejos y técnicas

71 Posicionamiento en buscadores/Algunos datos

72 Posicionamiento en buscadores/Técnicas Contratando a una empresa especializada Comprender el proceso de búsqueda

73 Posicionamiento en buscadores/¿Cómo buscan?

74 Factores La keywords de nuestra página y todos sus componentes Los enlaces que nos señalan

75 Posicionamiento en buscadores/Consejos Elige adecuadamente las keywords de tus webs Crear anillos de webs que enlacen con la tuya Etiqueta las imágenes Haz tus URL SEF (Search Engine Friendly? Elige adecuadamente el título de cada web

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

77 Tecnologías Relacionadas RSS PODCASTS VIDEOCAST

78 Tecnologías Relacionadas / RSS ¿Qué es RSS? RSS es el acrónimo inglés de Really Simple Syndication. RSS proporciona una descripción corta de los contenidos de una página Web, así como enlaces a la versión completa de dichos contenidos; de este modo es posible comprobar, de forma rápida y sencilla, si se han publicado actualizaciones sin necesidad de visitar el portal.

79 Tecnologías Relacionadas / RSS ¿Cómo se si una página tiene RSS?

80 Tecnologías Relacionadas ¿Cómo leo RSS?

81 Tecnologías Relacionadas / Podcast ¿Qué es un podcast? Podcasting es la sindicación de archivos de sonido, normalmente MP3, con un sistema RSS, que permite suscribirse y descargarlos de forma automática y periódica.

82 Tecnologías Relacionadas / Podcast ¿Cómo se si una página tiene Podcast?

83 Tecnologías Relacionadas ¿Cómo escucho un Podcast?

84 Tecnologías Relacionadas / VideoCast ¿Qué es un VideoCast? Podcasting es la sindicación de archivos de video, con un sistema RSS, que permite suscribirse y descargarlos de forma automática y periódica.

85 Tecnologías Relacionadas / VideoCast ¿Cómo se si una página tiene Videocast? No existe un icono definido (aún) pero se suelen utilizar cualquiera de los anteriores (de RSS o PodCast) junto con un icono que indique vídeo.

86 Tecnologías Relacionadas / VideoCast ¿Cómo escucho un VideoCast?

87 Un pequeño paréntesis

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

89 Política 2.0 /Conceptos Relacionados

90 Política 2.0 Aplicación de la Web 2.0 a la realización de actividades políticas ¿Y que és la Web 2.0? Web 2.0 is a trend in the use of World Wide Web technology and web design that aims to facilitate creativity, information sharing, and, most notably, collaboration among users. (Wikipeda) VIDEO1 VIDEO2

91 Política 2.0 /Conceptos Relacionados

92 Efectos de las redes distribuidas Democratización de las noticias Redistribución de la influencia política Incremento de la participación El internauta toma el relevo del periodista como vigilante del poder Nuevas formas de discurso político ¿TOTALMENTE CIERTO?

93 Política 2.0 /Conceptos Relacionados CrowdSourcing :Así como en el outsourcing los trabajos son enviados a empresas externas para abaratar costos en mercados más baratos, como India o China, lo que el crowdsourcing hace es proponer problemas y recompensas a quien o quienes solucionen el problema propuesto. Crowd es el término en inglés de multitud y sourcing se refiere a la obtención de materia prima (donde source es el término en inglés de fuente, en este caso de un proyecto). Ejemplo WIKIPEDIA CiberTurba: Encuentros y movimientos sociales articulados y convocados mediante la utilización de medios electrónicos. Marketing Viral:

94 Política 2.0 /Blogosfera

95

96 Ruegos y preguntas

97 Juan Diego Pérez Jdperez.averroes@juntadeandalucia.es Departamento de Lneguajes y Sistemas Informáticos Universidad de Sevilla Juan Diego Pérez Jdperez.averroes@juntadeandalucia.es Departamento de Lneguajes y Sistemas Informáticos Universidad de Sevilla Gracias