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

Las TIC en la Las TIC en la ComunicaciónComunicación InstitucionalInstitucional y el Marketing y el Marketing

Político.Político.

Juan Diego Pérez JiménezJuan Diego Pérez Jiménez

¿Motivación?¿Motivación?

•Howard Dean 2004

•PreCampaña USA

•Elecciones Generales 2008

•Elecciones Andaluzas 2008

ObjetivosObjetivos

•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.

ContenidosContenidos

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

¿Dónde estamos?¿Dónde estamos?

ACTORES DENTRODE

NUESTRA ORGANIZACIÓN

DISEÑADORPROGRAMADOR

PERIODISTA

¿Dónde estamos?¿Dónde estamos?

WEB

CORPORATIVA

REDES

SOCIALES

NUESTRA ORGANIZACIÓN




Usabilidad

Accesibilidad.



3. Política 2.0


Blogosfera

Redes Sociales

Ejemplos


UsabilidadUsabilidad

•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

Usabilidad / DefiniciónUsabilidad / 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.

Usabilidad /El UsuarioUsabilidad /El Usuario

Dos formas totalmente diferentes


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


Uso supuesto


Uso real

Usabilidad /Los ElementosUsabilidad /Los Elementos

Crear una jerarquía visual clara

Lo más grande lo más importante

MUY IMPORTANTEMENOS IMPORTANTE

AUN MENOS IMPORTANTE

CUALQUIER COSA MENOS IMPORTANTE

Usabilidad / Los ElementosUsabilidad / Los Elementos


Relacionado Lógicamente/Relacionado visualmente



Delimitar los bloques


Aprovechar las convenciones

•Colores

•Tamaños

•Elementos (Botones, listas etc..)

•Disposición de los elementos

•…


Dejar claro las zonas sobre las que se puede hacer clic de ratón


Minimizar el ruido

•Griterío continuo: Demasiados elementos solicitando la atención.

•Ruido de fondo: Ninguna elemento importante destaca lo suficiente.


El tipo de letra y los colores

Usabilidad / Navegación y ArquitecturaUsabilidad / 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?


Proceso de navegación


Herramientas

•Dibujar un esquema de la Web.

•Identificar correctamente el sitio.

•Dividir los contenidos en secciones y subsecciones.

•Dejar “miguitas”


Herramientas / Dibujar un esquema de la Web.


Herramientas / Identificar correctamente el sitio

Elementos:

•El logotipo

•La etiqueta (tagline)

•Clara y precisa

•Extensión justa


Herramientas / Secciones y subsecciones


Herramientas / Dejar miguitas.

Esta usted aquí Esta usted aquí


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

Usabilidad / Escribir para la WebUsabilidad / Escribir para la Web

Dos formas totalmente diferentes

Usabilidad /Escribir para la WebUsabilidad /Escribir para la Web

Escribir para ojear


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”


En resumen

LENGUAJE A NIVEL DE 2º ESO

REGLA GENERAL: QUITE LA MITAD

CONOZCA A LA AUDIENCIA

Usabilidad / Escribir para la WebUsabilidad / Escribir para la Web

Un ejemplo

•Reducir el discurso innecesario.

•Eliminar las instrucciones.

Usabilidad / Pruebas de usabilidad 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

Usabilidad / Pruebas de usabilidad 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.

Usabilidad / Principios de Usabilidad (Generales)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”

Usabilidad / Principios de Usabilidad (Concretando…)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”

Usabilidad /BibliografíaUsabilidad /Bibliografía

http://www.useit.com


Manual de Redacción Periodística

http://e-periodistas.blogspot.com/

Usabilidad / Revisión conjunta de websUsabilidad / 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/

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.psoeandalucia.es/

http://www.ppandaluz.com/

http://www.iu-lv-ca.es/

http://www.coalicionandalucista.org/



http://www.congreso.es/

http://www.congreso.es/

http://www.parlamentoandalucia.es/

http://www.johnmccain.com/

http://www.hillaryclinton.com/

http://www.barackobama.com/






Usabilidad

Accesibilidad.



3. Política 2.0


Blogosfera

Redes Sociales


AccesibilidadAccesibilidad

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

Accesibilidad / DefiniciónAccesibilidad / 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

Accesibilidad / DefiniciónAccesibilidad / Definición

La accesibilidad web no debe ser entendida como una cualidad absoluta y total, si no como algo gradual.

Accesibilidad

- +

SI / NO1 0

Accesibilidad / DiscapacidadesAccesibilidad / 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

•…


Protanopia:ausencia de color rojo

Deuteranopia:ausencia de color verde

Tritanopia:ausencia de color azul

Problemas Visuales / Colores



ProblemaAvisoÉxito

Sin azul

Sin rojo

Sin verde



Para intentar paliar estos problemas:

•No codificaremos ninguna conducta importante únicamente mediante colores.

•Utilizaremos colores perfectamente distinguibles.

•Comprobaremos la utilización en diversas condiciones.


Problemas Visuales / Visión Reducida


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.


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..


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.

Accesibilidad / JustificaciónAccesibilidad / 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.


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).


Y no sólo para personas con deficiencias…

Sin visión Ciegos - personas con ojos ocupados

(por ej. conduciendo o en navegación telefónica)

- en la oscuridad

Poca visión Personas 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 limitado Personas 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 lectura Personas con problemas cognitivos

- personas que no conocen ese lenguaje

- visitantes

- personas que se han dejado las gafas de lectura


•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.


“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

Accesibilidad / LegislaciónAccesibilidad / 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.


•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.


• 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.

Accesibilidad / IniciativasAccesibilidad / 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

http://www.w3c.org/wai

http://europa.eu/scadplus/leg/es/lvb/l24226.htm

Accesibilidad / Niveles de AccesibilidadAccesibilidad / Niveles de Accesibilidad

- accesible

+ accesible

http://usuarios.discapnet.es/disweb2000/PautaWAI/TPVWCAG10.htm

http://usuarios.discapnet.es/disweb2000/PautaWAI/TPVWCAG10.htm


•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).

•…


•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).

•…


•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..

•…

Accesibilidad / HerramientasAccesibilidad / 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/

http://www.tawdis.net/

http://www.vischeck.com/vischeck/vischeckURL.php

http://www.q42.nl/demos/colorblindnesssimulator/colors.html

http://www.freedomscientific.com/fs_products/JAWS_HQ.asp

http://www.gwmicro.com/




Usabilidad

Accesibilidad.



3. Política 2.0


Blogosfera

Redes Sociales


Posicionamiento en buscadoresPosicionamiento en buscadores

•Algunos datos

•Tipos de técnicas

•¿Cómo buscan?

•Consejos y técnicas

Posicionamiento en buscadores/Algunos datosPosicionamiento en buscadores/Algunos datos

•Muchos usuarios confunden Google o cualquier buscador con Internet

•Los usuarios no suelen utilizar búsquedas avanzadas.

•El 90% de las veces únicamente visitamos el primer resultado de la búsqueda

•El 8% de las veces visitamos el segundo resultado

•El resto menos del 2% de las veces

Posicionamiento en buscadores/TécnicasPosicionamiento en buscadores/Técnicas

Contratando a una empresaespecializada

Comprender el proceso de búsqueda

Posicionamiento en buscadores/¿Cómo buscan?Posicionamiento en buscadores/¿Cómo buscan?

Posicionamiento en buscadores/¿Cómo buscan?Posicionamiento en buscadores/¿Cómo buscan?

Factores

•La keywords de nuestra página y todos sus componentes

•Los enlaces que nos señalan

Posicionamiento en buscadores/ConsejosPosicionamiento 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




Usabilidad

Accesibilidad.



3. Política 2.0


Blogosfera

Redes Sociales


Tecnologías RelacionadasTecnologías Relacionadas

•RSS

•PODCASTS

•VIDEOCAST

Tecnologías Relacionadas / RSSTecnologí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.

Tecnologías Relacionadas / RSSTecnologías Relacionadas / RSS

¿Cómo se si una página tiene RSS?


¿Cómo leo RSS?

Tecnologías Relacionadas / PodcastTecnologí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.

Tecnologías Relacionadas / PodcastTecnologías Relacionadas / Podcast

¿Cómo se si una página tiene Podcast?


¿Cómo escucho un Podcast?

Tecnologías Relacionadas / VideoCastTecnologí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.


¿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.


¿Cómo escucho un VideoCast?




Usabilidad

Accesibilidad.



3. Política 2.0


Blogosfera

Redes Sociales


Política 2.0 /Conceptos RelacionadosPolítica 2.0 /Conceptos Relacionados

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


•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 (1):El marketing viral o la publicidad viral son términos empleados para referirse a las técnicas de marketing que intentan explotar redes sociales preexistentes para producir incrementos exponenciales en "conocimiento de marca"

Marketing Viral(2):campañas de marketing encubierto basadas en internet, incluyendo el uso de blogs, de sitios aparentemente amateurs, y de otras formas de astroturfing diseñadas para crear el boca a boca para un nuevo producto o servicio. Frecuentemente, el objetivo de las campañas de marketing viral es generar cobertura mediática mediante historias "inusuales", por un valor muy superior al presupuesto para publicidad de la compañía anunciante.El término publicidad viral se refiere a la idea que la gente se pasará y compartirá contenidos divertidos e interesantes.

(Wikipedia)


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?


Mumi:Entre los siuai de Bougainville (islas Salomon), era lo que nuestros antropólogos denominan un cabecilla, un agente que intensifica la producción y, posteriormente, la redistribuye. El joven que aspira a ser reconocido como mumi trabaja sin descanso en la preparación de festines con los que agasajar a la tribu. Con ellos obtiene cada vez más seguidores, que le proveerán de carne y cocos para nuevos festines, aún mayores.

(Marvin Harris)

Política 2.0 /BlogosferaPolítica 2.0 /Blogosfera

•Definición

•Algunos datos

•Características de un buen blog

•Lo que debes hacer

Política 2.0 /Redes SocialesPolítica 2.0 /Redes Sociales

Política 2.0 /Redes SocialesPolítica 2.0 /Redes Sociales

DEBEMOS ESTAR EN TODOS LOS SITIOS




Usabilidad

Accesibilidad.



3. Política 2.0


Blogosfera

Redes Sociales


Ruegos y preguntasRuegos y preguntas

Juan Diego Pé[email protected]

Juan Diego Pé[email protected]

GraciasGracias

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

Documents

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