imagen territorial.de la 1.0 a la 2.0. primeros pasos

21
De 1.0 a la2.0. Primeros Pasos

Upload: marivi

Post on 03-Jul-2015

249 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

De 1.0 a la2.0.

Primeros Pasos

Page 2: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

“Los clientes son los que opinan, recomiendan, se quejan… y esto lo han

hecho toda la vida, pero las redes permiten ahora que estas conversaciones

sean mucho mayores, más rápidas y amplias y las marcas tienen la posibilidad

(aunque diría yo la obligación) de entrar en ellas. La creación de valor pasa

por entender e involucrar al cliente en sus procesos.”

Marc Cortes

Page 3: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

Mi página web. ¿Qué muestra de mí (de mi marca) la página web?

Quien soy

Qué hago

Qué Quiero

Que ofrezco

Page 4: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

SEO y SEM.

Posicionamiento El posicionamiento es vital para una página web.

Vamos a ver un video de snmart muy ilustrativo

Page 5: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

Adwords o anuncios SEM La visibilidad online es vital a la hora de promocionar tu sitio web, ya que uno de

los objetivos de la cualquier empresa será atraer tantos visitantes cualificados como

sea posible.

Page 6: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

Por este motivo, cuando escribimos el texto para un anuncio de Adwords debemos

prestar atención a:

- Tema del anuncio. En qué consiste el producto/servicio.

- Naturaleza del sitio web con el que enlazará

- Keywords que mejor definan dicho producto/servicio

- Público objetivo

- Localización del mercado (cuando sea necesario)

Page 7: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

Mapa caliente de Google

Page 8: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

Esta es la retícula de

visión de una página

web

Page 9: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

Usabilidad Hacer que los textos sean legibles (tipos y tamaño de letra, contraste

texto/fondo, textos más cortos…)

Adecuada ogranización de las páginas (Arquitectura de la

Información)

Descarga rápida de las páginas (poco peso de las imágenes y

ficheros vinculados, buen etiquetado…).

Que la tecnología empleada no sea una barrera de entrada para nadie

(Accesibilidad)

Page 10: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

Ergonomía cognitiva y usos comunes en

Internet:

Acostumbramos a leer de izquierda a derecha y de arriba abajo Entendemos mejor las cosas si se las llama por su nombre más

común El logotipo suele estar arriba a la izquierda La navegación se suele basar en colocar los ítems en un rail

izquierdo, fichas superiores o categorías centrales El buscador tiende a figurar arriba y a la derecha La ayuda aparece arriba a la derecha Es difícil recordar una lista de items de más de 7 elementos

Page 11: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

Aspectos físicos de la legibilidad y percepción en una pantalla:

En una pantalla se leen mejor los tipos de letra sans-serif que los serif

El contraste entre texto y fondo influye en la legibilidad (negro sobre

blanco, amarillo sobre negro…)

Los tipos de letra demasiado pequeños se ven y leen mal

El ancho de línea y los márgenes influyen en la legibilidad,

Page 12: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

La ubicación de elementos como título, imagen e introducción al

texto es clave para que los usuarios lean o no los aspectos

importantes del texto

Los elementos animados o parpadeantes distraen la atención del

usuario

Page 13: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

Rotulación y ayudas a la navegación:

Son necesarias determinadas ayudas a la navegación, que permitan

ubicar al usuario dentro de la estructura de contenidos del web e

identificar visualmente la permanencia o no dentro de la misma interfaz

de trabajo:

Rastro de migas de pan (P.e. Inicio > Artículos > Usabilidad ) Correcta rotulación de los enlaces (deben identificar claramente el

destino. Nunca usar “pinche aquí”) Mapa de la web

Page 14: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

Legibilidad (aliada de la usabilidad) Los usuarios no leen Con gran rotundidad Nielsen expone que lo habitual es que un usuario no lea con detalle ni

siquiera una mínima parte de los textos de una página web. En su lugar, y por economía de

tiempo, el usuario se limita a hojear la página por encima. Es decir, el usuario realiza un

rápido barrido visual de cada página buscando elementos que llamen su atención.

Por otro lado, los usuarios aprenden pronto a ignorar los mensajes publicitarios exagerados,

incluso cuando intentan aparecer como información objetiva camuflados en el texto. Los

usuarios detestan la publicidad intrusiva de los sitios web que les aparta del contenido central

que están buscando en un momento dado.

Por ello, se ignoran sistemáticamente los anuncios publicitarios. Una consecuencia,

principalmente en usuarios con experiencia, es el cierre casi compulsivo de las habituales

ventanas emergentes (pop-up) que aparecen automáticamente en algunos sitios. Los usuarios han

aprendido que no suelen aportar información de valor y las cierran nada más abrirse para

acelerar la descarga de la página principal.

Page 15: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

Escribir para el barrido visual

Por las razones citadas anteriormente las páginas web deben estar

preparadas para este tipo de revisión rápida. Se deben hacer

resaltar los elementos más representativos utilizando distintos

métodos:

Palabras resaltadas mediante negrita y cambios de color o de

tamaño. En este sentido los hipervínculos actúan como

elementos de atracción visual pues se destacan del resto del

texto.

Listas de elementos con viñetas o numeradas.

Títulos de sección y titulares breves intercalados (también

llamados ‘ladillos’).

Page 16: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

Brevedad y sencillez

Nielsen recomienda usar menos del 50% del texto usado

habitualmente en una publicación escrita. Los usuarios se aburren

con los textos largos. Los párrafos deben ser cortos, de dos o tres

frases únicamente y muy directos en su estilo.

En textos largos se debe dividir y agrupar el contenido en partes

significativas, con su respectivos títulos descriptivos para

mostrarlo en distintas páginas. Cada página se enlaza entonces son

Page 17: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

el índice principal del artículo para permitir el acceso directo a la

misma. ( yo no haría textos largos).

Estilo de pirámide invertida

La idea principal o conclusión del texto debe escribirse al principio

del mismo para lograr interesar al usuario en la lectura del mismo.

Después se debe continuar con los razonamientos generales que

sustentan el argumento. Para terminar se pueden ofrecer enlaces a

otras páginas donde se ofrecen más detalles como tablas de datos,

resultados concretos o informaciones previas.

Page 18: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

Analitica web La Analítica Web es una herramienta que, bien utilizada, te puede ayudar a tomar mejores decisiones, porque éstas se basan en información. Ayuda a

Page 19: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

optimizar los elementos que has dispuesto en tu web, porque utiliza el rastro que deja el propio usuario para observar cuál es la experiencia que está teniendo durante su visita y detectar posibles problemas. Con la web 2.0 necesitas

Herramientas cuantitativas

Page 20: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

Herramientas cualitativas

Social Media

Page 21: Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos

Con la llegada de los medios sociales y la web 2.0, la analítica web comienza a mirar fuera de los límites de la propia web. El contenido, que antes vivía siempre encerrado bajo un dominio concreto, ahora se puede compartir, comentar, enlazar, reutilizar, etc.

Paginas para monitorizar