las tic en la comunicación institucional y el marketing político. juan diego pérez jiménez
TRANSCRIPT
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ónMotivación
ObjetivosObjetivos
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
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
Ejemplos
4. Ruegos y preguntas
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
Usabilidad /El UsuarioUsabilidad /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
Usabilidad /El UsuarioUsabilidad /El Usuario
Uso supuesto
Usabilidad /El UsuarioUsabilidad /El Usuario
Uso real
Usabilidad /El UsuarioUsabilidad /El Usuario
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
Crear una jerarquía visual clara
Relacionado Lógicamente/Relacionado visualmente
Usabilidad / Los elementosUsabilidad / Los elementos
Crear una jerarquía visual clara
Delimitar los bloques
Usabilidad / Los elementosUsabilidad / Los elementos
Aprovechar las convenciones
•Colores
•Tamaños
•Elementos (Botones, listas etc..)
•Disposición de los elementos
•…
Usabilidad / Los elementosUsabilidad / Los elementos
Dejar claro las zonas sobre las que se puede hacer clic de ratón
Usabilidad / ElementosUsabilidad / Elementos
Minimizar el ruido
•Griterío continuo: Demasiados elementos solicitando la atención.
•Ruido de fondo: Ninguna elemento importante destaca lo suficiente.
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?
Usabilidad / NavegaciónUsabilidad / Navegación
Proceso de navegación
Usabilidad / NavegaciónUsabilidad / Navegación
Herramientas
•Dibujar un esquema de la Web.
•Identificar correctamente el sitio.
•Dividir los contenidos en secciones y subsecciones.
•Dejar “miguitas”
Usabilidad / NavegaciónUsabilidad / Navegación
Herramientas / Dibujar un esquema de la Web.
Usabilidad / NavegaciónUsabilidad / Navegación
Herramientas / Identificar correctamente el sitio
Elementos:
•El logotipo
•La etiqueta (tagline)
•Clara y precisa
•Extensión justa
Usabilidad / NavegaciónUsabilidad / Navegación
Herramientas / Secciones y subsecciones
Usabilidad / NavegaciónUsabilidad / Navegación
Herramientas / Dejar miguitas.
Esta usted aquí Esta usted aquí
Usabilidad / Redactar para hojearUsabilidad / Redactar para hojear
Omitir palabras innecesarias
•Reducir el discurso innecesario.
•Eliminar las instrucciones.
REGLA GENERAL: QUITE LA MITAD
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 UsabilidadUsabilidad / Principios de Usabilidad
•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 / Revisión conjunta de websUsabilidad / Revisión conjunta de webs
•http://www.psoe.es
•http://www.pp.es
•http://www.psoeandalucia.es
•http://www.ppandaluz.es
•http://www.elpais.es
•http://www.elmundo.es
•http://www.diariodesevilla.es
•http://www.correoandalucia.es
•http://www.congreso.es
•http://www.parlamentoandalucia.es
Usabilidad /BibliografíaUsabilidad /Bibliografía
http://www.useit.com
ContenidosContenidos
1. ¿Dónde estamos?
2. La web institucional
Usabilidad
Accesibilidad.
Posicionamiento en buscadores.
Tecnologías Relacionadas
3. La Nueva Web. La Web 2.0
Conceptos Relacionados.
Blogosfera
Redes Sociales
4. Ruegos y preguntas
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
•…
Accesibilidad / DiscapacidadesAccesibilidad / Discapacidades
Protanopia:ausencia de color rojo
Deuteranopia:ausencia de color verde
Tritanopia:ausencia de color azul
Problemas Visuales / Colores
Accesibilidad / DiscapacidadesAccesibilidad / Discapacidades
Problemas Visuales / Colores
ProblemaAvisoÉxito
Sin azul
Sin rojo
Sin verde
Accesibilidad / DiscapacidadesAccesibilidad / 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.
Accesibilidad / DiscapacidadesAccesibilidad / Discapacidades
Problemas Visuales / Visión Reducida
Accesibilidad / DiscapacidadesAccesibilidad / 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.
Accesibilidad / DiscapacidadesAccesibilidad / 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..
Accesibilidad / DiscapacidadesAccesibilidad / 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.
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.
Accesibilidad / JustificaciónAccesibilidad / 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).
Accesibilidad / JustificaciónAccesibilidad / Justificación
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
Accesibilidad / JustificaciónAccesibilidad / 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.
Accesibilidad / JustificaciónAccesibilidad / 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
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.
Accesibilidad / LegislaciónAccesibilidad / 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.
Accesibilidad / LegislaciónAccesibilidad / 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.
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
Accesibilidad / Niveles de AccesibilidadAccesibilidad / Niveles de Accesibilidad
- accesible
+ accesible
http://usuarios.discapnet.es/disweb2000/PautaWAI/TPVWCAG10.htm
Accesibilidad / Niveles de AccesibilidadAccesibilidad / 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).
•…
Accesibilidad / Niveles de AccesibilidadAccesibilidad / 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).
•…
Accesibilidad / Niveles de AccesibilidadAccesibilidad / 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..
•…
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/
ContenidosContenidos
1. ¿Dónde estamos?
2. La web institucional
Usabilidad
Accesibilidad.
Posicionamiento en buscadores.
Tecnologías Relacionadas
3. La Nueva Web. La Web 2.0
Conceptos Relacionados.
Blogosfera
Redes Sociales
4. Ruegos y preguntas
ContenidosContenidos
1. ¿Dónde estamos?
2. La web institucional
Usabilidad
Accesibilidad.
Posicionamiento en buscadores.
Tecnologías Relacionadas
3. La Nueva Web. La Web 2.0
Conceptos Relacionados.
Blogosfera
Redes Sociales
4. Ruegos y preguntas
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?
Tecnologías RelacionadasTecnologías Relacionadas
¿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?
Tecnologías RelacionadasTecnologías Relacionadas
¿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.
Tecnologías Relacionadas / VideoCastTecnologí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.
Tecnologías Relacionadas / VideoCastTecnologías Relacionadas / VideoCast
¿Cómo escucho un VideoCast?
Ruegos y preguntasRuegos y preguntas
Juan Diego Pé[email protected] de Lneguajes y Sistemas Informáticos
Universidad de Sevilla
Juan Diego Pé[email protected] de Lneguajes y Sistemas Informáticos
Universidad de Sevilla
GraciasGracias