6 formas de integrar su sitio Web con las Redes Sociales

Integración de sitio Web con Redes Sociales

Imagen tomada de Noticiasdeinternet.net

En este artículo revisaremos las formas como podemos integrar nuestro sitio Web con Redes Sociales.

Los sitios Web modernos deben tener integraciones la página de inicio (home) con la presencia en redes sociales. El tipo de integración depende del objetivo del sitio.

A continuación revisaremos 6 formas de realizar esta integración de acuerdo al sitio Web:

1. Sitios cuyo objetivo es la promoción de la marca (Branding)

Para los sitios Web donde el principal objetivo es la promoción de la marca, la mejor forma de integrar el sitio Web con los canales de Social Media es a través de la invitación a seguirnos (sección de “Síguenos en:”). La posición de este elemento se ha generalizado en la parte superior derecha.

Un ejemplo de este tipo de sitios es MTV donde en toda la esquina superior derecha tiene el enlace:

Integración Social Media en MTV

2. Sitios o micro sitios cuyo objetivo es la creación de comunidades

Para los sitios Web donde el principal objetivo es la creación de comunidad, además de tener la opción de “Síguenos en:” debe tener el feed de Twitter y Facebook para promover la participación de la comunidad.

Un ejemplo de este tipo de sitios web es la revista ENTER donde además de invitar a seguir en las redes sociales se tienen los últimos post de Facebook, los últimos comentarios y los últimos tweets como se ve en la imagen siguiente:

Integración Social Media ENTER

4. Sitios de Comercio Electrónico

Los sitios de Comercio Electrónico que más venden en el mundo no utilizan la opción de “Síguenos en:”. Lo anterior debido a que si tenemos un usuario en el sitio Web que es donde generamos la conversión (venta) no tiene sentido llevárselo para las redes sociales.

Un ejemplo de este tipo de sitio es AMAZON que es el sitio Web que más vende en el mundo:

Integración Social Media AMAZON

 

5. Botones de Propagación Social

Los botones de propagación de Redes Sociales son elementos muy importantes para viralizar su contenido. Estos botones no deben faltar en los sitios de blogs y portales de contenido.

Para ilustrar este caso en la imagen siguiente se ve el portal de PUROMARKETING que tiene los botones de propagación en redes sociales en la parte izquierda del artículo.

Botones de promoción de Redes Sociales PURO MARKETING

6. Autenticación integrada con Facebook

La autenticación integrada con Facebook facilita mucho la autenticación de los usuarios. Cuando se realiza con Facebook se exige autorización de la persona que se está autenticando para que Facebook comparta la información de su perfil con el sitio Web. Facebook nos entrega el nombre completo y el e-mail de la persona que se autenticó.

Un ejemplo de este tipo de autenticación lo tiene PRIVALIA como se ve en la siguiente imagen:

Autenticación con Facebook PRIVALIA

 

Para reflexionar:

Les dejo con una pregunta para conocer su opinión:

¿Conoce algún otro sistema de integración del sitio Web con las redes sociales? Cuéntenos cuál.

Los invito a dejar su opinión sobre este artículo o realizar preguntas que con gusto las

NeuroMarketing aplicado al diseño Web: 10 técnicas de persuasión

NeuroMarketing 10 técnicas de persuasión en el diseño WebEn este artículo revisaremos 10 técnicas para aplicar el NeuroMarketing al diseño Web, tomado de una presentación de Víctor Puig llamada No es lo que dices es cómo lo dices.

En un artículo anterior de este blog llamado Guía de NeuroMarketing: ejemplos y usos en el marketing moderno tratamos los fundamentos del NeuroMarketing.

Las técnicas NeuroMarketing aplicadas al diseño Web son las siguientes:

1. Validación social

Saber la experiencia de otras personas con un producto o servicio lleva a las personas a la acción. Se ha probado que incluir calificaciones de un producto por otros usuarios incrementa las ventas en un 20%.

En la ilustración siguiente se muestra como Atrapalo.com utiliza la calificación de los servicios para mejorar sus ventas.

Atrapalo.com Ejemplo de validación social NeuroMarketing

2. Ofrecer información para la toma de decisiones

Es importante incluir estadísticas, gráficas y en general, hechos y datos que lleven a pensar que la decisión de compra es correcta.

También se refiere a validación social cuando se menciona por ejemplo que 2 de cada 3 usuarios que compraron este producto también compraron otro producto.

En la ilustración siguiente se muestra como Thefootballshirt.com utiliza la información de camisetas vendidas y número de visualizaciones para promover las ventas.

 es un ejemplo de Ofrecer información para la toma de decisiones NeuroMarketing

3. Contar historias

Los testimonios en forma de historia generan más probabilidades de ventas. Se debe tratar de incluir:

  • Quién da el testimonio
  • En qué situación estaba
  • Qué beneficio obtuvo

Expedia.es utiliza la estrategia de testimonios contando la historia para mejorar su persuasión.

Expedia.com ejemplo de contar una historia NeuroMarketing

La utilización de fotos del público objetivo o público aspiracional también ayuda a la conversión, esto se ve muy claro en los sitios que venden vestidos de baño donde se trabaja con imágenes aspiracionales.

4. Personas como protagonistas

Se debe utilizar lenguaje natural, es decir hablarle al cliente como él habla. El lenguaje debe ser cercano para mostrar que somos reales y ser común con el público objetivo.

En el ejemplo gente como tú que le gusta este producto ha hecho esta receta, permite que las personas se identifiquen con el sitio Web.

La cocina de Serrats utiliza la persona como protagonista NeuroMarketing

5. Sentimiento de escasez

  • Escasez de producto: expresiones como “Oferta hasta agotar existencias” lleva a las personas a la acción.
  • Escasez de tiempo: expresiones como “Oferta por tiempo limitado” o “Cómpralo ahora” suelen ser muy efectivas.

Groupon.com.co trabaja muy bien el concepto de escacez de tiempo con un cronómetro regresivo (parte inferior izquierda) que informa cuándo termina la oferta.

Groupon.com utiliza el concepto escacez NeuroMarketing

6. Manejo del precio

  • Productos básicos con posibilidad de complementos hace parecer el producto barato.

Nissan.com.co utiliza este concepto para hacer parecer barato su vehículo. El valor desde es sin accesorios. La expresión llévatelo también tiene un fuerte llamado a la acción.

Nissan.com.co maneja del precio sin accesorios NeuroMarketing

7. El orden de los productos es importante

Los productos o servicios que están primeros son los que tienen más opción de ser vendidos.

Gap.com muestra sus productos más costosos primero y luego los más baratos. Esto genera mayores ventas de los productos costosos.

GAP muestra los productos de mayor a menor NeuroMarketing

8. Pocas opciones son mejores que muchas

Muchas veces cuando existen demasiadas opciones puede originar en el cliente incapacidad de tomar acción alguna. Es recomendable centrarse en uno o dos atributos del producto a la vez.

Dell.com simplifica su oferta compleja de un portátil a dos aspectos aumentar su poder y seguridad.

DELL simplifica su oferta compleja a pocos factores NeuroMarketing

9. Tú eres lo importante

Si se quiere captar la atención de alguien se debe captar la atención del cerebro, mensajes utilizando la palabra Tú suelen ser muy efectivos. No hable del producto, hable de lo que Tu puedes hacer con el producto.

Chevrolet.es utiliza la palabra tú el CTA “Aprovecha TU oportunidad ahora”, esto mejora de manera importante la conversión.

Chevrolet.com Tú eres lo importante NeuroMarketing

10. Sentirse en deuda.

Cuando se ofrece un regalo aumenta  el endeudamiento, lo que hace mayor la posibilidad que otros quieran corresponder ofreciéndole algo.

Zappos.com obsequia el envío, y la devolución del producto en caso de ser necesario. Esto ha aumentado de manera importante las ventas.

Zappos.com regala el envío y la devolución NeuroMarketing

Los invito a dejar su opinión sobre este artículo o realizar preguntas que con gusto las responderé.

Cómo crear una Propuesta Única de Valor para un sitio Web

Crear una Propuesta Única de Valor es fundamental para la conversión de un sitio WebEn este artículo revisaremos la importancia y la utilización de la Propuesta Única de Valor (PUV) en un sitio Web.

1. ¿Qué es la Propuesta Única de Valor (PUV)?

La Propuesta Única de valor (Unique Value Proposition) también es llamada Propuesta Única de Venta.

La PUV es un mensaje en Internet y Redes Sociales que expresa lo que hace diferente a tu producto o servicio de los demás de su tipo que existen en el mercado. Algo que nadie más tenga en su producto.

En otras palabras la Propuesta Única de Valor es expresar en palabras los beneficios que tiene su cliente actual o potencial con los valores agregados que usted le brinda con su producto o servicio y no podrá encontrar en los productos o servicios de la competencia.

2. ¿Cómo construir una Propuesta Única de Valor (PUV)?

2.1. Evaluación Interna

Para definir una buena Propuesta Única de Valor se debe hacer las siguientes preguntas:

¿Qué hace a su producto o servicio único respecto a productos similares en el mercado?

¿Por qué una persona debería comprar su producto o servicio y no el de la competencia?

¿Qué beneficios o valor agregado ofrece su producto o servicio que no tiene la competencia?

2.2. Evaluación externa

Responder estas preguntas no es suficiente ya que da una percepción que puede no ser la real cuando se consulta con el cliente.

Esto hace necesario validar sus hallazgos con sus clientes actuales y potenciales para identificar:

  • Qué valoran de nuestro producto o servicio.
  • Qué característica no tiene su producto o servicio y el cliente quisiera tener.

Esta validación ha permitido que muchas empresas ajustar su Propuesta Única de Valor.

Las Redes Sociales son un instrumento valioso y muy efectivo para indagar las necesidades de los clientes actuales y potenciales.

2.3. Características de la Propuesta Única de Valor (PUV)

  • La PUV debe cumplirse, es decir lo que realmente hace que una PUV tenga éxito es que la promesa que se hace en la propuesta se cumpla.
  • La PUV debe presentar un beneficio directo que le diga a tu cliente claramente que beneficios tendrá al comprar el producto o servicio.
  • El beneficio mencionado en la PUV debe ser algo que el cliente realmente valore y desee.
  • La PUV debe expresar un beneficio que los competidores no tengan.
  • El beneficio mencionado en la PUV debe ser fácil de recordar y simple.

3. Veamos algunos ejemplos de Propuesta Única de Valor (PUV)

  • Dell tiene una PUV corta y contundente: The power to do more (El poder para hacer más)
  • Zappos tiene una PUV impactante y agresiva: 365 day return policy and Free shipping both ways (Devoluciones 365 días y envío gratis en ambas direcciones)
  • Facebook tiene una PUV enfatiza en el relacionamiento: Facebook te ayuda a comunicarte y compartir con las personas que forman parte de tu vida.
  • Twitter tiene una PUV corta pero explícita: Sigue lo que te interesa.
  • FourSquare tiene una PUV que invita a la acción: Encuentra a tus amigos, desbloquea tu ciudad.

4. ¿Cómo utilizar la Propuesta Única de Valor (PUV) en Internet?

Se debe utilizar la Propuesta Única de Valor en el sitio Web para genera conversión. Generalmente debería tener cuatro elementos principales que se pueden visualizar en el home de Twitter cuando no estamos autenticados.

Propuesta Única de Valor Twitter

4.1. Propuesta Única de Valor:

Para construir la Propuesta Única de Valor se deben seguir los pasos mencionados en el punto 2 de este artículo.

En el caso de Twitter es Sigue lo que te interesa. Como mencioné antes es corta pero explícita, además tiene llamado a la acción.

4.2. Breve explicación de la PUV:

Esta explicación es más amplia que la PUV y es importante ya que si algún visitante no queda convencido con la Propuesta Única de Valor (PUV), con la explicación y ampliación se puede lograr una mayor conversión. El uso de viñetas en esta parte para facilitar la lectura por parte del usuario.

Es importante aclarar que muchos visitantes harán clic en el botón de acción (conversión) sin leer esta explicación.

En el caso de Twitter (imagen anterior) es: Actualizaciones instantáneas de tus amigos, expertos, tus artistas favoritos y lo que está pasando alrededor del mundo.

4.3. Botón de Acción (CTA):

El botón de acción es el elemento que produce la conversión. Pueden existir botones de acción primarios y secundarios dependiendo de la importancia de la conversión para la empresa. Los botones primarios debe ser llamativos para garantizar que el visitante lo mire.

En el caso de Twitter (imagen anterior) existen un botón de acción principal (Regístrese) y dos secundarios (iniciar sesión y Buscar en Twitter). Como se puede ver el botón de acción principal sobresale de los demás elementos de la imagen.

4.4. Imagen de fondo:

La imagen de fondo ambienta los elementos de conversión y en muchas ocasiones mejora las tasas de conversión cuando la imagen es bien seleccionada.

En el caso de Twitter la imagen de fondo es un mapa mundo queriendo representar el alcance de la herramienta.

4.5. Pruebe los elementos de su PUV en el sitio Web

Es muy importante realizar dos tipos de pruebas a la Propuesta Única de Valor en el sitio Web:

  • Seguimiento ocular: esta prueba nos permite identificar si el botón de acción principal si está llamando suficientemente la atención del visitante.
  • Pruebas A/B: permite realizar cambios a los elementos mencionados (PUV, resumen, CTA e imagen de fondo) para establecer la combinación que genera más conversión.

4.6. Veamos otro ejemplo

Si vemos el sitio de FourSquare.com vemos que también aplica los cuatro elementos mencionados.

Propuesta Única de Valor FourSquare

Para reflexionar:

Les dejo con una pregunta para conocer su opinión:

¿Usted utiliza en su sitio Web el concepto de Propuesta Única de Valor?

Los invito a dejar su opinión sobre este artículo o realizar preguntas que con gusto las responderé.

Sitio Web y comercio electrónico con alcance internacional: pautas de diseño

Diseño de comercio electrónico y sitio Web  con alcance InternacionalSi su sitio Web y/o Comercio Electrónico (ecommerce) tienen alcance internacional es muy importante que cumpla las pautas de diseño que describiré a continuación para que sea exitoso.

Antes de iniciar con las pautas de diseño quisiera realizar dos recomendaciones a aquellas empresas que piensan utilizar Internet como canal para internacionalizar la empresa:

  • Estudio profundo del cliente y del mercado. En mi experiencia como docente y consultor he encontrado que muchas empresas que inician una estrategia de internacionalización a través de Internet no le prestan la suficiente importancia a un estudio profundo del cliente y el mercado.
  • Logística en el país destino. Es fundamental garantizar que su proveedor de entrega tenga cubierto el país destino para evitar incumplimientos y por tanto pérdida de confianza.

Cuando vamos a diseñar un sitio Web con alcance internacional, es importante que se comparta el lenguaje y costumbres con el público objetivo. Para lograrlo debemos utilizar la premisa de los Negociadores Internacionales “Piense globalmente y actúe localmente”.

Las siguientes pautas permitirán darle un matiz regional a su sitio Web:

1. La página principal debería tener enlace al portal de cada país.

  • El nombre del país debe estar escrito en el lenguaje del país. Se debe evitar utilizar solamente la bandera de los países.
  • Se debe cargar automáticamente el país por dirección IP. Se debe evitar la página para seleccionar países antes del home.

2. El sitio Web debe ser traducido al lenguaje de cada país.

  • El sitio debe tener una traducción profesional para evitar deteriorar la imagen de la empresa.
  • Es deseable que el traductor del sitio Web sea nativo del país al que se le está escribiendo el contenido.
  • Cuando es el mismo idioma se debe regionalizar el lenguaje, lo que significa que el portal de Colombia debe ser tener un lenguaje diferente al de España.

3. Los formularios deben ser adaptados a cada país.

  • No pedir Zip Code cuando no aplique
  • Preguntar por Departamento, Estado, etc. de acuerdo al país
  • El botón CTA (Call To Action) debe ser de acuerdo al lenguaje del país.

4. Nombres de dominio

  • El nombre de dominio principal del sitio Web debe ser sin código regional (.com). Ejemplo: www.miempresa.com
  • Se debe comprar el nombre de dominio regional de cada país. Ejemplo: www.miempresa.com.mx

5. Adaptarse lo más que se pueda a cada país

  • Se debe tener en consideración la legislación e impuestos de cada país.
  • Se debe informar las condiciones de entrega reales en cada país.
  • Siempre que sea posible debemos utilizar la moneda local.
  • Siempre que sea posible se deben dar una línea telefónica de servicio al cliente local.
  • Siempre que sea posible se deben dar una dirección de oficina local.

Una empresa que en mi opinión utiliza todas pautas mencionadas es Dell.com.

Para terminar realizo dos aclaraciones:

  • Una empresa que no tiene negocios internacionales lo mínimo que debería hacer es traducir el sitio al inglés.
  • La estrategia propuesta se debe utilizar cuando un país es (o se espera que sea) importante en la participación de ventas de la empresa.

Para reflexionar:

Les  dejo con una pregunta para conocer su opinión:

¿Conoce algunas empresas que no utilicen estas pautas en su abordaje internacional del sitio Web?

Los invito a dejar su opinión sobre este artículo o realizar preguntas que con gusto las responderé.

Diseño de Mega-menús para mejorar la usabilidad y conversión de su sitio Web

Mega-menú mejora la usabilidad y conversion del sitio WebEl mega-menú desplegable es una evolución de los menús desplegables de los sitios Web que permiten mostrar mayor cantidad de información de una manera más amigable y fácil de usar. Mejora la usabilidad ya que disminuye la cantidad de clics necesarios para llegar a cualquier parte del sitio Web.

Considero que todos los sitios Web, sin excepción, debían tener menú desplegable y que los sitios grandes o complejos deberían modernizar su menú a Mega-menú desplegable. Me asombra ver hoy en día sitios importantes sin menú desplegable. Un ejemplo de esto es el sitio del Citi Bank.

Características de los mega-menús

Las principales características de los mega-menús son:

  • Generalmente se diseña a varias columnas lo que evita el scroll que se generan en muchos menús desplegables a una columna.
  • Puede tener elementos de conversión, tal como el registro, suscripción a boletín, solicitud de pedidos entre otros.
  • Puede tener imágenes, lo cual mejora la conversión para muchos tipos de negocios ya que permite mostrar la foto de los productos.
  • La tipografía es muy importante para darle orden, agrupar opciones y facilitar su uso

Aspectos a tener en cuenta en el diseño de mega-menús:

  • Rapidez: debe cargar rápidamente (de 0.1 segundo o menos) para que sea natural su uso.
  • Amigable con motores de búsqueda: es muy importante que el mega-menú se forme con la etiqueta HTML <li> para que Googlebot pueda reconocer la estructura del sitio Web.
  • Tener en cuenta el escaneo vertical: Cuando se diseñe el mega-menú se debe tener en cuenta que el escaneo es vertical y no horizontal. Si escribimos opciones en orden alfabética se debe tener en cuenta este aspecto.

Ejemplos de sitios con mega-menús

A nivel internacional el diseño de mega-menús en los sitios Web se viene generalizando en los últimos días debido a sus múltiples beneficios. Veamos un ejemplo de un sitio complejo que utiliza este tipo de menú para mejorar la usabilidad: Whitehouse.gov

El sitio sin activar el menú se ve como sigue:

White house sin megamenú

El mismo sitio con el mega-menú activo se ve como sigue:

Whitehouse con megamenu

Como se puede ver estos menús permite tener muchas opciones y elementos de acción.

Otros ejemplos de sitios con Mega-menú son:

Para reflexionar:

Les  dejo con una pregunta para conocer su opinión:

¿Su empresa ya utiliza el mega-menú para mejorar la usabilidad y conversión?

Los invito a dejar su opinión sobre este artículo o realizar preguntas que con gusto las responderé.

Cómo crear una infografía (infographic): Pasos para diseñarla

Creación y diseño de una infografía (infography)Las infografías, llamadas en inglés Infographics están adquiriendo cada día más importancia en las redes sociales por la manera fácil y creativa de mostrar datos y explicar conceptos.

Los pasos para crear una infografía son:

1. Defina el tema de la infografía

Lo primero que se debe determinar es el tema de la infografía. Algunos temas posibles son:

  • La explicación de un concepto
  • La explicación de una tecnología
  • Datos estadísticos
  • Resumen de un documento

Debemos buscar que el tema sea interesante y de actualidad para facilitar la propagación (viralidad) de la infografía cuando esté realizada.

2. Recopilar la información necesaria

Usted puede utilizar fuentes de información primaria o secundaria.

  • Investigación primaria. La persona crea la información, las encuestas en Internet son las muy útiles herramientas para cumplir esta objetivo.
  • Investigación secundaria. La persona utiliza fuentes existentes tales como: Google, Youtube, Facebook, Twitter, Wikipedia, blogs, periódicos electrónicos, sitios especializados, etc.

3. Cree el primer borrador de su infografía

Debe organizar la información recopilada y empezar a realizar bosquejos de su infografía. Estos bosquejos se pueden realizar a mano o con algún programa especializado en el tema de wireframe.

Esta etapa es fundamental ya que será la que le de creatividad y claridad a la infografía.

4. Diseñe la infografía

En el diseño debes tener en cuenta:

  • Estilo único: Una infografía debe tener un estilo único, se debe evitar copiar conceptos gráficos.
  • Integración: Una infografía es una integración y conexión de elementos gráficos, se debe evitar que tenga mucho texto.
  • Color: El manejo del color es muy importante en una infografía, deben ser colores con buen contraste para que facilite la lectura. Una herramienta para facilitar la selección de colores la puede encontrar en kuler.adobe.com
  • Fuentes: Una infografía debe tener un uso creativo de las fuentes y tamaños de letras. El sitio Dafont.com es una buena alternativa para tener variedad de fuentes.
  • <Íconos: Una infografía debe contener imágenes simples (íconos) para poder comunicar de manera adecuada. El sitio Iconarchive.com tiene muy buen material.

Revisar infografías hechas por otros le puede ayudar a familiarizarse con los conceptos mencionados. Un sitio que recopila infografías en castellano es: Infografiasencastellano.com

5. Otros aspectos importantes

Algunos aspectos adicionales que se deben tener en cuenta son:

  • Se deben aclarar las fuentes de la información, las URL utilizadas y otros aspectos de propiedad intelectual.
  • El tamaño de la infografía debe ser tal que se pueda leer con un ancho de 600 pixeles que es lo disponible en la mayoría de los blogs.

6. Herramientas gratuitas para realizar infografías

Las principales herramientas gratuitas para infografías son:

  • Stat Planet es una herramienta que permite crear imágenes de bastante calidad.
  • Creately es una herramienta que permite crear esquemas y diagramas de flujo.
  • Google Public Data es una herramienta de Google que permite utilizar datos públicos y convertirlos en una infografía.
  • Wordle es una herramienta que permite crear visualizaciones con el texto que desee.

Para reflexionar:

Les  dejo con una pregunta para conocer su opinión:

¿Su empresa ya está utilizando infografías para darle viralidad a su información?

Los invito a dejar su opinión sobre este artículo o realizar preguntas que con gusto las responderé.

Métricas en el Diseño Web: importancia de los KPI en la usabilidad y conversión

Importancia de las métricas en el diseño WebLa creación y  seguimiento de métricas Web son aspectos fundamentales lograr un buen diseño Web. En este artículo revisaremos como utilizar estas métricas para el diseño de un sitio Web con criterios de usabilidad y conversión.

El uso de métricas web (KPI) permite pasar al diseño Web del campo de la subjetividad (basado en gustos y sentires) al campo de la objetividad (basada en hechos y datos).

Definición de métricas Web:

Las métricas Web son indicadores que permiten establecer el éxito o fracaso de una estrategia en Internet, su evaluación y análisis permite optimizar las estrategias de marketing digital.

Las métricas Web son también llamadas KPI, iniciales de las palabras en inglés Key Performance Indicators (Indicadores Claves de Desempeño).

Existen múltiples herramientas para administrar estas métricas Web, sin embargo Google Analytics es la más utilizada hoy en día por ser gratis y de excelente calidad.

Siempre he considerado que un diseño Web profesional sería imposible si no tuviéramos las métricas web. Veamos algunos usos:

Algunos de los indicadores que permiten dar objetividad al diseño Web son:

1. Google Analytics

Los indicadores más importantes de Google Analytics que permite evaluar el diseño Web son:

  • Tiempo en el sitio Web: es el tiempo promedio de las visitas al sitio Web y nos da información de la utilidad del sitio Web para el visitante, los problemas de usabilidad pueden originar menores tiempos en el sitio Web.
  • Promedio de páginas vistas: son el promedio de páginas vistas por visitante, en la medida que el número es cercano a uno puede significar que existen problemas de usabilidad en el sitio Web.
  • Páginas de salida del sitio Web: indica cuáles fueron las páginas utilizadas para abandonar el sitio Web. Esto puede indicarnos un problema de usabilidad en las páginas que sean muy utilizadas como página de salida.
  • Porcentaje de rebote: es el porcentaje de visitas en una sola página, es decir, visitas en las que el usuario no pasa de la página de acceso. Esto puede indicar un problema de usabilidad en la página de inicio del Sitio Web.
  • Tasas de conversión: se deben configurar las conversiones de nuestro sitio Web en Google Analytics para establecer el porcentaje de visitantes que logramos convertir en un estado de registro. Ejemplos de conversiones serían: usuarios registrados, usuarios suscritos al boletín, pedidos realizados, compras realizadas, etc.

2. Pruebas de eye tracking:

Las pruebas de eye tracking llamado en español seguimiento de los ojos o seguimiento ocular,  hace referencia a un grupo de tecnologías (equipos y programas) que permiten registrar la forma como una persona mira un sitio Web, una imagen o una película.

Las pruebas de eye tracking permiten establecer dos aspectos fundamentales:

  • Mapas de calor y focos de atención: si realizamos una prueba de mapa de calor y focos de atención podemos realizar ajustes en el diseño Web (colores, contrates, posición de elementos, etc.)hasta lograr que la mirada del visitante se concentre en los elementos que nuestra empresa necesita para lograr los objetivos de mercadeo.
  • Identificar problemas de usabilidad del sitio Web: con equipos de eye tracking también se pueden identificar problemas de usabilidad en los procesos de registros o túneles de conversión de nuestro sitio Web.

Para los que estén interesados les informo que MarketView tiene un moderno laboratorio de eye tracking para el servicio de sus clientes.

Les dejo un video (en inglés con closed caption en español) donde pueden apreciar esta técnica para verificar el diseño Web.

3. Pruebas A/B:

Tal como lo mencióné en un artículo anterior, las pruebas A/B son una técnica de usabilidad que permite realizar evaluaciones con los visitantes reales del sitio Web para medir de manera objetiva la mejor página Web entre varias alternativas. Se puede evaluar:

  • Entre dos páginas de inicio completamente distintas cuál genera más ventas.
  • Cuál diseño de botón de acción (CTA) genera más clics.
  • Cuál disposición de espacio en mi sitio Web genera más usuarios registrados.
  • Cuál es el contenido (copy) más efectivo para mi sitio Web.
  • Cuál diseño de boletín generó más negocios.

Para reflexionar:

Los  dejo con una pregunta para conocer su opinión:

¿Considera que se puede llegar al mejor diseño Web sin utilizar métricas?

Los invito a dejar su opinión sobre este artículo o realizar preguntas que con gusto las responderé.

Accesibilidad Web: Usabilidad Web para personas discapacitadas

Accesibilidad Web: Usabilidad Web para personas con discapacidadLa accesibilidad Web hace parte de la usabilidad y es la capacidad de acceso a los sitios Web por las personas con algún tipo de discapacidad:

  • Visual
  • Motriz
  • Auditiva
  • Cognitiva
  • Neurológico
  • Habla

Para lograra que el contenido Web sea accesible, se han creado las Pautas de Accesibilidad al Contenido en la Web (WCAG), cuy objetivo más importante es orientar el diseño de sitios Web hacia un diseño accesible, reduciendo las barreras a la información. WCAG tiene 14 pautas de diseño que facilitan el acceso a la información de las personas discapacitadas.

La falta de criterios de accesibilidad en los diseños web, hace que la mayoría de personas con discapacidad no puedan utilizar la Web. Entre más sitios Web sean diseñados con criterios de accesibilidad, más personas con discapacidad podrán navegar en Internet.

Componentes esenciales de la accesibilidad

Los componentes principales que intervienen en la accesibilidad son los siguientes:

1. Contenido: es la información presente en una página Web o en una aplicación Web
2. Navegadores Web y reproductores multimedia
3. Tecnología de apoyo a los discapacitados que incluyen los lectores de pantalla, teclados digitales, lectores de retina, etc.
4. Conocimiento de los usuarios y estrategias de adaptación para la utilización de la Web
5. Desarrolladores y diseñadores web, autores, etc.
6. Programas administradores de contenido (CMS)
7. Herramientas de evaluación  de la accesibilidad Web: validadores de HTML, validadores de CSS, etc.

Pautas de Accesibilidad al Contenido en la Web (WCAG)

  • Proporcione alternativas equivalentes para el contenido visual y auditivo.
  • Asegúrese de que los textos y gráficos son comprensibles cuando se vean sin color.
  • Utilice marcadores y hojas de estilo y hágalo de tal forma que facilite la accesibilidad.
  • Identifique siempre el idioma usado.
  • Asegure que las tablas tienen los marcadores necesarios para transformarlas mediante navegadores accesibles y otras aplicaciones de usuario.
  • Asegúrese de que las páginas son accesibles incluso con navegadores antiguos, accesos lentos o incluso cuando se está desconectado.
  • Asegúrese de que las páginas que se mueven puedan ser detenidos o parados.
  • Asegure que la interfaz de usuario sigue los principios de un diseño accesible: funcionalidad de acceso independiente del dispositivo, teclado operable, voz automática, etc.
  • Utilice características que permitan la activación de los elementos de la página a través de diversos dispositivos de entrada.
  • Proporcione información de contexto y orientativa para ayudar a los usuarios a entender páginas o elementos complejos.
  • Proporcione mecanismos claros de navegación
  • Asegure que los documentos son claros y simples para que puedan ser más fácilmente comprendidos.

Una excelente recopilación de las pautas de accesibilidad para personas con discapacidad la puede encontrar en el portal Discapnet.es.

El gobierno colombiano ha creado unas pautas de usabilidad para las entidades del estado donde se incorporan algunos elementos de accesibilidad.

Existen tres programas principales que miden el cumplimiento de las pautas de accesibilidad en un sitio Web:

Para terminar les recomiendo esta excelente conferencia de accesibilidad.

Les  dejo con una pregunta para conocer su opinión:

¿El sitio Web de su empresa pasó las pruebas de accesibilidad con las herramientas anteriores?

Los invito a dejar su opinión sobre este artículo o realizar preguntas que con gusto las responderé.

El contenido es estratégico en el Marketing Electrónico

El contenido es el REY en Marketing Digital“En SEO el contenido es el Rey” es una expresión completamente cierta que he comprobado en mi ejercicio profesional. Yo la cambiaría por “En el Marketing Electrónico el contenido es el Rey” ya que el contenido en Internet además de ser importante para el posicionamiento en buscadores (SEO), también es importante para la usabilidad, la conversión, las estrategias de Redes Sociales, el comercio electrónico, las campañas de Pago por Clic en resumidas cuentas para todo.

Veamos algunos beneficios del contenido de calidad en el sitio Web:

1. Posicionamiento en buscadores (SEO):

Cómo hemos visto en artículos anteriores Google siempre favorece el contenido de calidad Crear contenido propio para su sitio web de manera frecuente es una efectiva forma de crear tráfico hacia su sitio desde motores de búsqueda.

Es importante que ese contenido tenga las palabras claves de interés para la empresa. Las personas que estén interesadas en profundizar sobre este tema les recomiendo un curso de creación de contenido amigable para motores de búsquedas, que se ha dictado a los periódistas de la versión electrónica de los periódicos ElColombiano.com y ElPais.com.co.

Para complementar los aspectos mencionados los invito a ver un video del vocero técnico de Google en el tema de SEO: Matt Cutts (tiene closed caption en Español).

2. Usabilidad y conversión:

El contenido de calidad también es muy importante para mejorar la usabilidad y conversión en el sitio Web. Algunos aspectos en los que es muy importante el contenido son:

  • La comunicación adecuada de la propuesta única de valor (UVP) de la empresa es fundamental para lograr los objetivos de Marketing. La propuesta única de valor debe expresar de forma clara y contundente porqué los visitantes deberían contratar o utilizar los productos y servicios de nuestra empresa, mostrando en que nos diferenciamos de otros servicios o productos similares.
  • La Comunicación debe llevar a la acción: es fundamental utilizar expresiones con llamado a la acción para lograr atraer la atención del visitante y convertirlo en cliente. Esto es fundamental para aumentar la conversión ya que como dijimos en un artículo anterior el cliente controla la interacción (está a un clic de distancia de la competencia).
  • Entregue “montañas” de información es la expresión que usan muchos expertos en usabilidad, ya que en general gran cantidad de contenido relevante genera confianza y aumenta la conversión.

Existen empresas en Colombia que están especializadas en el uso de contenido como una herramienta de usabilidad y conversión.

En Amazon puede conseguir un libro bastante bueno que habla del contenido que lleva a la acción (en inglés): Web Copy That Sells: The Revolutionary Formula for Creating Killer Copy That Grabs Their Attention and Compels Them to Buy

3. Campañas de Pago por Clic:

El contenido tiene dos aspectos muy importantes relacionados con las campañas de Pago por Clic (también llamado PPC o SEM).

  • El copy de los anuncios de las campañas de Pago por Clic es uno de los aspectos más importantes para garantizar el éxito de una campaña. Si creamos un buen copy (que incluyan las palabras claves de interés) los anuncios lograrán una mejor tasa de clic (CTR) y por tanto disminuirá el valor de cada clic.
  • El contenido de calidad en las páginas de arribo (landing page) permitirá convertir mayor cantidad de visitantes en clientes en sus estrategias de Adwords. Las páginas de arribo tienen varios lineamientos, pero uno de los más importantes es cumplir, a través de contenido de calidad, con la expectativa del visitante al hacer clic en el anuncio.

También existen empresas en Colombia certificadas por Google para realizar de manera profesional y efectiva las campañas de Pago por Clic (PPC).

4. Estrategia de Redes Sociales y otros canales de Social Media:

Considero que de las áreas del mercadeo electrónico mencionadas en este artículo, donde toma mayor relevancia el contenido es en Redes Sociales y otros canales de Social Media.

Es por esto que una empresa que quiera incursionar en Social Media debe contratar un Community Manager, que sería el responsable de generar el contenido de calidad que se requiere en este canal. Aunque el Community Manager tiene más resposibidades la de generación y adecuación del contenido para las redes sociales es uno muy importante.

Aquellas empresas que no requieren una persona tiempo completo para la administración de las redes sociales, pueden contratar un servicio de Outsourcing de Community Manager.

Los  dejo con una pregunta para conocer su opinión:

¿Cuáles otros beneficios le brinda el CONTENIDO al Marketing Digital?

Los invito a dejar su opinión sobre este artículo o realizar preguntas que con gusto las responderé.

Las pruebas A/B permiten optimizar su sitio Web

En nuestro trabajo de consultoría hemos identificado que las empresas con presencia en Internet siempre quieren saber cuál es el mejor diseño de su sitio Web, de acuerdo a su tipo de producto, sus clientes, su mercado, etc.

Debido a un importante componente subjetivo (basado en gustos, sentires y modas) de los diseños de sitios Web es difícil para las empresas establecer cuál es el mejor diseño, sin recurrir a costosas pruebas y en muchas ocasiones con resultados limitados.

Existe hoy una herramienta que permite establecer de manera objetiva y gratis el mejor diseño para su sitio Web.

Pruebas A/B

pruebas A/BLas pruebas A/B son una técnica de usabilidad que permite realizar evaluaciones con los visitantes reales del sitio Web para medir de manera objetiva la mejor página Web entre varias alternativas. Se puede evaluar:

  • Entre dos páginas de inicio completamente distintas cuál genera más ventas.
  • Cuál diseño de botón de acción (CTA) genera más clics.
  • Cuál disposición de espacio en mi sitio Web genera más usuarios registrados.
  • Cuál es el contenido (copy) más efectivo para mi sitio Web.
  • Cuál diseño de boletín generó más negocios.

Estas pruebas dan la oportunidad de mejorar en forma continua nuestro sitio Web, optimizando los elementos que pensemos son susceptibles a mejora.

¿Qué es el Optimizador de Sitios Web o Google Website Optimizer?

Optimizador de Sitios WEb (Website Optimizer)El Optimizador de Sitios Web (Website Optimizer) es una plataforma Web gratuita de Google que permite evaluar y optimizar sitios Web existentes.

Esta plataforma de optimización permite probar con los visitantes actuales el sitio Web de forma rápida y sencilla de tal forma que incrementemos el porcentaje de conversiones y reduzcamos los rebotes.

Website Optimizer puede ser utilizado por expertos o personas nuevas en el marketing digital.

Para utilizarlo necesita una cuenta de Google (si tiene cuenta de Google Analytics esa le sirve) e ingresar al servicio de Optimizador de Sitios Web.

¿Cuáles son las ventajas de Optimizador de Sitios Web (Google Website Optimizer)?

Los beneficios del Optimizador de Sitios Web (Website Optimizer) son:

  • Es gratis.
  • Permite realizar pruebas continuas.
  • Establece, a través de métricas, la mejor opción de todas las evaluadas.
  • Presenta informes intuitivos que permiten identificar e implementar rápida y fácilmente la mejor combinación.
  • Permite probar todo, desde bloques de contenido e imágenes individuales hasta diseños de página completos.
  • Mejora el porcentaje de conversión.
  • Reduce el porcentaje de abandono de una página.
  • Mejora los tiempos de permanencia de los visitantes.

¿Dónde encuentro tutoriales del Optimizador de Sitios Web (Google Website Optimizer)?

Toda la información en español necesaria para utilizar el Optimizador de Sitios Web (Website Optimizer) la puede encontrar en el sitio de Google de ayuda de Optimizador de sitios Web.

También les comparto este video que realiza un tour por Website Optimizer. Aunque es en inglés tiene Closed Caption (CC) y se puede pasar al español.

Caso de éxito

Todo lo que hemos dicho suena muy bonito, pero ¿tanta belleza si es verdad?

Un caso de éxito que muestra la efectividad de esta técnica de usabilidad y conversión es Newegg.com (pionero en el mundo en venta de electrónicos). Este sitio Web aumentó sus ventas anuales en un 30% (US$1300 millones o 2,34 millones de millones de pesos) realizando pruebas A/B e implementando 7 cambios:

1. Fuentes grandes
2. Adición de Wish list
3. Calificaciones de clientes expuestas a motores
4. Ancho dinámico según resolución
5. Agregar contenido de proveedores
6. Cuatro páginas de inicio
7. Evaluación de 12 botones para adicionar al carro de compras

Los botones evaluados fueron:

botones en pruebas A/B Newegg.com

Fuente: http://www.marketingsherpa.com/article.php?ident=27178

Conclusión:

El Optimizador de Sitios Web de Google (llamado en inglés Website Optimizer) permite, de manera gratuita, realizar pruebas a su sitio Web para identificar el diseño que mejor se ajusta a sus necesidades y que es más efectivo para su negocio.

Para reflexionar:

Los  dejo con una pregunta para conocer su opinión:

¿Considera que sería posible llegar al mejor diseño de un sitio Web sin pruebas A/B?

Los invito a dejar su opinión sobre este artículo o realizar preguntas que con gusto las responderé.