El porcentaje de rebote indica la cantidad de usuarios que llegan a tu web y la abandonan sin visitar ninguna página más.

Cierto es que esté indicador hay que contrastarlo con el tiempo de permanencia en el sitio, ya que no es lo mismo si pasa 2 segundos en la web que si pasa 3 minutos leyendo un artículo.

Tambien que el tiempo de las visitas sea cero tenemos que relativizarlo sabiendo que (por ejemplo Google Analytics) lo calcula desde que llega un usuario hasta cuando visita otra página, por lo que si sólo visita una página  y abandona el site este tiempo será cero.

Los blogs y medios de comunicación tienen un porcentaje de rebote alto en general ya que el usuario suele ir a leer un contenido concreto y abandor la web al terminar la lectura.

Cómo reducir el porcentaje de rebote

1 Enlaces en el contenido

Ofrece enlaces a otros artículos de tu web en el contenido de cada artículo cuando puedan completar o aclarar algún aspecto que están nombrando.

2 Contenidos relacionados

Situar al final del artículo otros contenidos relacionados de tu blog o web pueden animar al vistante a seguir ampliando información sobre el contenido que acaba de leer.

3 Listados de destacados

Listado auxiliares como los más leído o lo más comentado ayudará al usuario a interesarse por los contenidos que otros usuarios consideraron de interés.

4 Titulares claros y descriptivos

La decisión de quedarse en la web o no de muchos usuarios se tomará simplemente leyendo el contenido del titular, uno inadecuado o confuso hará que el usuario abandone sin leer el artículo.

5 Utiliza los términos de interés por los que llegan a tu página web

Al llegar vistantes a tu web por buscadores, puedes utilizar el término de búsqueda que usaron para ofrecerle además otros contenidos que respondan a esa misma búsqueda.

6 Optimiza el tiempo de descarga

Hacer esperar demasiado a un usuario para ver un contenido puede hacer que abandone incluso antes de que termine la carga de la página

7 Menú de navegación claro

Ofrece un menú de navegación que permita al usuario seguir profundizando en las categorías y otros contenidos de tu web

8 Página 404 con navegación

Aunque es un error a evitar, a veces en sites grandes y con contenidos que caducan, como páginas de ofertas temporales, puede ser que queden en la  web referencias a ellas o indexadas en buscadores. Una página de error que ofrezca contenidos de interés o un mapa de la web puede  ayudar a que el usuario continúe con la navegación.

9 Ofrece incentivos

Si la web tiene contenidos gratuítos ofrecelos de manera clara para que interesar al usuarios.

10 Busca la interacción

Pequeñas llamadas a la acción del usuario, como una encuesta, puede ayudar a que el usuario siga en la web una vez finalizada la lectura del contenido que le llevó a entrar en tu web.

Más información

• Porcentaje de rebote (bounce rate): verdades y mitos
• 5 estrategias para reducir el porcentaje de rebote

Tambien te puede interesar

• Diseño de botones call-to-action, las claves del éxito
• Como utilizar los iconos para mejorar el diseño de su web
• Landing Page. La primera impresión es lo que cuenta. 30 Tips
• 10 malententidos sobre la usabilidad y sus matices
• 18 cosas que hacer y no hacer para mejorar la usabilidad de su web

Algunas claves para el éxito de un call to action

1 Textos descriptivos

Textos como “Comprar”, “Suscribirse” son claros, pero pueden reforzarse más detallando más la acción “Comprar Revista”, “Suscribirse al RSS”. Estos textos no solo ayudarán a definir la acción fuera de contexto, sino que además al ser más largos aumentará el peso visual de los mismos.

Intente explicar al máximo lo que se va encontrar el usuario despues de pulsar el bótón.

Debe empezar por un verbo, sino no es una llamada a la acción.

2 Diseño atractivo

Un diseño atractivo nos ayudará a atraer la atención del usuario y a transmitir mayor confianza. Dar un efecto 3D de relieve ayudará a que el usuario lo perciba como un botón clicable.

3 Alto contraste de colores

El color del botón tiene que destacar y contrastar con el fondo de la página.

Además el color es un elemento con el podemos jugar para destacar unos botones de otros. Por ejemplo color llamativo para continuar una acción y color neutro para cancelar o volver para atrás.

4 Tamaño

Para hacerlo más evidente al usuario, el botón debe destacar en tamaño con respecto al resto de los elementos de texto, maximizando además el área activa.

5 Libere espacio alrededor

Crear un adecuado espacio libre alededor del botón hará que aumente su importancia visual, ayudando a atraer la atención

6 Acompáñelo de un icono descriptivo

Un icono adecuado logrará no solo atraer la atención de los usuarios, sino que reforzará de manera importante el mensaje del texto del botón. Ayudará a que el usuario entienda la acción rápidamente.

7 Transmita urgencia

Frases como “descargar ahora”, intentan transmitir la sensación de inmediatez para evitar que el usuario pase de largo por el botón con la intención de volver más tarde, cosa que en pocas ocasiones ocurre.

En resumen: Affordance

Tal como Donald Norman apunta en The Design of Everyday Things, el affordance es aquella cualidad que un objeto tiene para autodescribir las posibilidades que ofrece y hacerlo de forma perceptible para el usuario.

Es decir, si es un elemento pulsable, tiene que verse claramente está propiedad, si lleva a una acción que quede clara cual es, si en el diseño de la página lo consideramos importante, que destaque visualmente sobre el resto de los elementos.

Más información

• 25 Examples of Convincing Call-to-Action Buttons
• Web Design Trends: Call To Action Buttons
• Good Call-to-Action Buttons
• 10 techniques for an effective ‘call to action’
• Call to Action Buttons: Examples and Best Practices

Tambien te puede interesar

• Reducir el porcentaje de rebote, 10 consejos
• Como utilizar los iconos para mejorar el diseño de su web
• Diseño de enlaces en nuestra página web
• 10 pasos para hacer más usable tu tienda online
• 18 cosas que hacer y no hacer para mejorar la usabilidad de su web

Este artículo nos da 18 consejos de cosas que debemos hacer y de otras que debemos intentar evitar para diseñar una página web usable.

1. No utilice una rejilla para su diseño web: Las estructuras demasiado rígidas pueden condicionar el diseño y la distribución de los contenidos
2. No olvides el formulario de búsqueda: Sobre todo si tu web tiene muchas páginas. Si son pocas páginas no pasa nada si la arquitectura de la información y la navegación es correcta
3. Haz la navegación sencilla para encontrar y leer
4. No untilices el enlace mailto:  para el contacto: Mejor siempre un formulario.
5. Utiliza las aplicaciones web que sea posible para testear la experiencia de usuario: Un par de pruebas de la web, puede ayudarte a corrgir una gran cantidad de errores.
6. No inundes las barras laterales con widgets: que no aporten valor al contenido de la página
7. Comprueba que tu web se bien en diversos navegadores
8. No hagas al usuario saltar al vacío al rellenar un formulario: Simplifica los formularios al máximo para que el usuario los puedas rellenar fácilmente.
9. Dales a tus páginas una estructura consistente
10. No olvides una hoja de estilos para los usuarios que quieran imprimir una página
11. Asegurate que tu página es fácil de hojear: A los usuarios les gusta “echar un ojo” rápido a la página web al llegar. Usar encabezados (h1,h2,), y cuadros destacados y de resumen facilitarán al usuario encontrar los contenidos que busca.
12. No introduzcas mas contenido en un espacio que el quepa comodamente.
13. Introduce la miga de pan en tus diseños: La miga de pan ayudará al usuario a saber entodo momento donde está y como volver al nivel anterior
    
14. Utiliza colores y contrastes adecuados para centrar la atención
15. No te olvides de revisar los enlaces rotos
16. No desprecies el pie de página y el poder que tiene: Aprovecha el pie de página para ofrecer enlacse a los artículos destacados, formularios de subscrición etc.
17. Utiliza wireframes en el proceso de diseño
18. No escribas para los buscadores, escribe para los lectores

Tambien te puede interesar

• La importancia de un diseño centrado en el usuario
• Usabilidad: No por ser más intuitivo y simple es mejor. ¿Y el aprendizaje?
• Redactar web para una lectura rápida
• Fases del diseño de una web
• No existe usuario malo. Existen diseñadores inconscientes.

Iconos para mejorar el contenido

Los iconos pueden ser elementos decisivos en el diseño de su web, ya que pueden funcionar como un respiro para el contenido y pueden servir como guía visual para el lector. Los usuarios primero ojean el contenido y después deciden que leer. En la mayoría de los casos el visitante simplemente pulsan en un enlace y se va. El contenido solo no es suficiente, tiene que estar estructurado para sea más cómodo para el lector.

Los iconos hacen el contenido menos intimidante y divide el contenido en bloques que el usuario es mejor de asimilar y entender.

Los iconos deben acompañar al contenido y aportarle valor, no pueden servir para distraer la atención del lector.

Iconos para embellecer las listas

Una lista mal diseñada, puede arruinar la estructura general de la página. Con la ayuda de los iconos se puede lograr presentaciones atractivas y coherentes.

Iconos para señalar las nuevas características de sus aplicaciones

Utilizando iconos para  ayudar a entender de manera simple las características nuevas. Un icono puede ser un buen cebo para que sus visitantes se interesen en algo que de otro modo podría pasar desapecibido.

Icono para apoyar los principales enlaces

Las cabeceras grandes son visualmente muy atractivas, una gran línea con iconos adecuados ayudará a los visitantes en su primera visita.

Iconos para visualizar la lista de productos

Iconos para la lista de servicios

Iconos para redes sociales

Iconos como ilustraciones de cabecera

Iconos para identificar secciones

Iconos en los menús

Una pequeña imagen puede ayudar en gran medida a reconocer las distintas opciones que se le ofrecen

Artículo original : How tu use icons to enhace your desings

Tambien te puede interesar

• Reducir el porcentaje de rebote, 10 consejos
• Diseño de botones call-to-action, las claves del éxito
• 10 malententidos sobre la usabilidad y sus matices
• Diseño de enlaces en nuestra página web
• 18 cosas que hacer y no hacer para mejorar la usabilidad de su web

¿Cómo afecta?. La mejor forma de pensar sobre ello es poniéndose en el asiento del usuario

Al llegar a una web desde cualquier fuente, buscadores, redes sociales, enlaces, recomendaciones personales, lo que un usuario busca es información sobre la empresa propietaria del sitio para despues, si le interesan, contratar los servicios.

A la hora de comparar entre distintos servicios que parecen ofrecer lo mismo lo que se necesita es más información. Las entradas en los blogs corporativos en los que se demuestra su saber sobre el tema, la descripción de los artículos que ofrece será junto con el precio los elementos más importantes para tomar una decisión.

Una web bien estructurada y que haga sencillo el acceso a los contenidos de valor de su web hará que el usuario se sienta especialmente cómodo al encontrar la información que desea.

El contenido de la web aumenta la usabilidad de su página web dando a los visitantes exactamente lo que quieren.

1. Información sobre el tema que domina
2. La fé en tí como proveedor de servicios mediante la demostración de tu conocimiento y compromiso con el servicio
3. Preselección para ver si eres el proveedor de servicios para ellos.

Lo que parece que puede ser contraproducente, que es enseñarle a un potencial  cliente lo que sabes, se convierte en el factor decisivo para demostrar el conocimiento sobre la materia y probablemente se convierta en la principal razón para que contrate tus servicios.

Tambien te puede interesar

• Redactar web para una lectura rápida
• 10 malententidos sobre la usabilidad y sus matices
• No existe usuario malo. Existen diseñadores inconscientes.
• Reducir el porcentaje de rebote, 10 consejos
• Diseño de botones call-to-action, las claves del éxito

Si hay algo crítico en cualquier proceso de compra de comercio electrónico es el momento del pago.  Perder una compra en el momento que el usuario está decidido a comprar es el mayor fracaso en un diseño de una tienda de comercio electrónico, ya que echa por tierra todoel esfuerzo realizado.

Al diseñar una tienda de comercio electrónico muchas veces estudiamos con cuidado la clasificación de los productos, el buscador, los productos destacados, las ofertas, pero no entramos a definir con cuidado el proceso final del pago que es lo que al final se convierte en facturación.

1. Pregunta solo lo imprescindible:  Cada campo a cubrir es una posibilidad de error y una posible causa de abandono. Este momento no parece el más adecuado para intentar que se suscriba a un boletín o para recabar datos sobre el perfil de usuario, ya tendrás tiempo cuando haya pagado.
2. Haz referencia a la seguridad de la operación: si el usuario siempre es receloso al dar sus datos personales, cuando se trata de dinero sus temores se multiplican. Ofrécele enlaces a las medidas de seguridad y la política de privacidad.
3. Usa campos estándar: Utiliza los controles en los formularios lo más adecuados posibles y que limiten la psibilidad de error, radio para una selección única entre varias posibilidades; para campos de longitud conocidad, como el dni, número de tarjeta, ajusta las longitudes. Intenta que los controles  sean reconocibles por el usuario y minimicen la posibilidad de error
4. Detecta los errores del usuario lo antes posible: Tras cubrir un formulario de varios campos, no hay nada más frustante que ver que la mitad de los campos están mal cubiertos y tener la sensación de que tienes que empezar desde cero. Las validaciones AJAX pueden ayudarnos  a detectar rápidamente los errores y a situar el mensaje de error justo al lado de donde se produjo y evitarle dar vueltas buscando donde se produjo el error.
5. ¡Silencio! está comprando: Una vez que se inicia el proceso de pago no distraigas al comprador. Elimina toda la navegación que sea posible, no le ofrezcas más cosas, haz que el proceso fluya…
6. Las preguntas de más fáciles a más dificiles: Si la primera pregunta que le haces le obliga a levantarse de la silla e ir a buscar el pin que no sabe donde guardó…. mal empezamos. Si conseguimos que cubra las primeras preguntas de manera simple conseguiremos que a medida que aumenta la dificultad este más motivado por no “perder” el tiempo que utilizó en cubrir los datos iniciales.
7. Confirma la compra antes de finalizar el proceso. Hay que transmitir al usuario confianza y conseguir que sepa que el tiene el control en todo el proceso y que cuando quiera lo puede abandonar. Muestrale todos los productos que tiene en el carrito, los gastos totales desglosados de manera clara, IVA, gastos de envío, descuentos aplicados. Que en el momento de pagar con la tarjetao recibir contrarrembolso el pedido la cantidad coincida exactamente con la que se lo mostró.
8. Ofrece las respuestas en los momentos que puedan surgir las preguntas.  ¿Cuanto tarda en llegarme el pedido? ¿Que tarjetas se aceptan? ¿Contrareembolso es más caro?. Ofrecer las respuestas en el momento que le puedan surgir al comprador evitará que abandone el proceso buscando las respuestas en otra parte de la web y tenga despues que reiniciar el proceso.
9. Facilitales las cosas a los clientes habituales: Si ya cubrió una vez los datos ¿por qué tiene que volver a cubrirlos?. Almacena los datos del cliente y no les haga cubrir los mismos datos cada vez que compre, esto hará que el proceso sea más corto y el cliente repita con mayor facilidad la ser todo más simple y rápido.
10. Informa sobre el proceso: Explica previamente en que consiste el proceso y que pasos va a seguir. Indicale en cada momento en que paso de los marcados está y cuanto le queda para terminar. “Paso 1 de 5: Sus datos personales, Paso 2 de 5…: Dirección de envío”.
    Mostrarle al usuario siempre en qué paso está y cuántos pasos le quedan para finalizar la compra. Vamos, que sepa cuánto tiempo más le va a durar esa “pequeña tortura” que es rellenar un formulario de compra. (sugerido por Pablo Iglesias).

Referencias

• Shopping basket usability: Nine tests for a usable checkout

Tambien te puede interesar

• No Related Post

Hay clientes poco exigentes y clientes que quieren ver sus resultados, que se cumplan sus objetivos, al tener un sitio, más allá de bonitos afiches transformados en sitios Web.

Estando de acuerdo con Carlos Neri, cómo no, hay un detalle que me gustaría aclarar. Yo no me encontré con ningún cliente que me dijera “no quiero una web que cumpla los estándares”. Básicamente porque no saben que existen y no tienen por qué saberlo. Me tienen pedido webs saltarinas, efectistas, de muchos colores y movimiento, con un contador a la vista para presumir de sus visitas, de todo… pero nada que no hayan visto antes en la web de una amigo, de la competencia o en la televisión.

Hace tiempo que renuncié a hablar a mis clientes de la accesibilidad web y de sus principios técnicos y de sus fundamentos. Simplemente los aplico, les hablo de las maldades del Flash, de las ventajas de hacer webs simples y que se vean bien en todos los navegadores presentes y futuros (ejem, ejem).

No es responsabilidad del cliente saber de estándares, ni de markéting online,  ni de diseño su única obligación es fiarse de los que se supone que sabemos algo más que ellos de diseño web.

Si existiese un código deontológico del diseño web… ¿existe? sino creo que ya somos un sector que lo va necesitando.

Tambien te puede interesar

• Diseño de botones call-to-action, las claves del éxito
• 10 pasos para hacer más usable tu tienda online
• Usabilidad: No por ser más intuitivo y simple es mejor. ¿Y el aprendizaje?
• Alzheimer y páginas web
• Fases del diseño de una web

Se denomina página de aterrizaje (landing page) a una página web a la que una persona llega, después de haber pulsado en el enlace de algún banner o anuncio de texto situado en otra página web o portal de internet.
(Fuente: Wikipedia)

Como hacer una landing page efectiva

1. Contenido seleccionado y enfocado para:
   1. Dar motivos
   2. Resolver dudas
   3. Dar la opción de convertir

   Si algún texto o imagen no da información sobre alguno de estos tres objetivos no debería estar.

2. Textos claros y simples, pero convincentes. Lo que se diga debe reflejar el motivo de búsqueda del usuario.
3. Informaciones de apoyo: Incluir también los contenidos que puedan apoyar el valor añadido de la oferta como mencionar la gama completa de productos, incluir testimonios o referencias, experiencia de la empresa, etc.
4. Trabajar teniendo en cuenta el “look and feel”: debe apoyarse la oferta con logos, sellos de calidad, etc.
5. Crea unos contenidos centrados en el usuario, en los beneficios de la propuesta de valor de tu producto o servicio. Asegúrate que en el texto del mensaje de la página diga más veces “túZ” que “nosotros”.
6. Una página, un producto: Información detallada sobre un producto específico solamente. Muestra una oferta clara y llamando a tu cliente potencial a la acción.
7. Sin scroll: Presentación del producto sin necesidad de scroll y asegurarse que el “Call to Action” esté dentro del primer scroll.
8. Links repetidos: Si el texto principal es muy extenso, incluir botones o links repetidos que conduzcan al objetivo de conversión.
9. Coloca muchos puntos de conversión.
10. Orientarlas al tipo de usuario: Estudiar detalladamente los perfiles de usuario y crear páginas distintas para cada uno, según el origen, las palabras claves de búsqueda, etc…
11. Transmitir credibilidad y profesionalidad: La gente es muy reticente a comprar en páginas web que por su apariencia no transmiten confianza.
12. Evita errores ortográficos o gramaticales: ya que reportan una mala imagen del vendedor
13. Redacción del título de la página y del titular : Son los elementos principales a la hora de que un usuario conozca la información que la página le va a ofrecer.
14. El título de la landing page con las palabras clave: debe corresponderse con las palabras clave que la gente busca para encontrar tu producto o servicio.
15. Minimizar el tiempo de carga: La carga de la web es un elemento especialmente crítico cuando estás navegando hacia una página que no conoces ni sabes lo que vas a encontrar.
16. Pedir explícitamente lo que queremos que haga el usuario.
    Estos son las famosas call-to-action: “Haga clic aquí para añadir al carrito”, “Suscríbase aquí”, “Rellene este formulario para recibir el regalo”…
17. Botones de acción: Los botones largos y rojos suelen mejorar la conversión.
18. Información actualizada: Mantén siempre la información de caracterísiticas y precios actualizada.
19. Actualización periódica: Para mejorar la indexación en los buscadores y para comparar con las versiones anteriores.
20. Diseño simple y limpio. Evita el uso de popups, popunders, u otros elementos que puedan obstaculizar la navegación del usuario.
21. Eliminar elementos que distraen, por ejemplo, botones de navegación, banners de autopromoción.
22. Usable: Asegúrate de que estás utilizando buenas prácticas.
23. Mostrar el precio o un rango de precios ayudará al comprador a continuar en el proceso.
24. Ofertas especiales: Vincular descuentos o regalos especiales a la campaña específica.
25. Sin necesidad de registro: Permite al usuario avanzar lo más posible en el proceso, sin necesidad de registrarse o iniciar una sesión de usuario.
26. Minimizar la cantidad de clics en el redireccionamiento de los “pasos” hacia la conversión
27. Dar varios canales para generar la conversión: formularios en la misma página, teléfonos, MSN, Skype, etc. Mostrar estas vías
    de comunicación en forma destacada.
28. Prueba diferentes modelos de landing page, mide y compara los resultados.
29. Optimización por prueba-error: Compara resultados cambiando los titulares, la distribución de los contenidos, las fotos, etc…
30. Realiza un seguimiento de las conversiones latentes, de las diferidas y del abandono.

Te puede interesar

• Reducir el porcentaje de rebote. 10 Consejos
• Diseño de botones call to action

Referencias y recursos

• Landing pages : Diseño de landing pages
• The Landing Page Design Toolbox: 100 Tools, Tips and Resources: 100 herramientas para medir la efectividad de tu landing page
• El porqué invertir esfuerzos en un landing page
• Herramientas para Evaluar tus Páginas de Aterrizaje
• Diseño de una Landing Page
• Los 10 Principios de la optimización de páginas de conversión B2B
• Landing pages
• No hacen falta landing pages

Tambien te puede interesar

• Reducir el porcentaje de rebote, 10 consejos
• Diseño de botones call-to-action, las claves del éxito
• La web de la competencia, un punto de partida.

Fijándonos en la competencia podemos conseguir:

1 Un entorno ya conocido para el usuario

Si nuestro objetivo es captar clientes de la competencia,

• Entorno conocido: ofreciendole un entorno que ya le resulta familiar , al llegar a nuestra web podrá fácilmente reconocer los pasos que tiene que realizar
• Evitamos aprendizajes en los procesos y sabrá que hacerdesde el primer momento evitanto dque se sienta perdido.
• Terminología familiar. ¿Tienda online?, ¿Tienda virtual?, ¿Tienda electrónica?, ¿Compra virtual?; ¿Atención al cliente?, ¿servicio 24/7/365?, ¿FAQ?, ¿Ayuda?, ¿Soporte técnico?; ¿Zona privada?, ¿Acceso a clientes?, ¿tu cuenta?, ¿particulares?, ¿empresas?, ¿tus servicios?; ¿regístrese?¿hágase cliente?, ?
  
• Iconografía reconocible: Analizando tiendas de comercio electrónico, vemos que el carrito de la compra es común a la mayoría para indicar compra. ¿Para que vamos a inventar otro que el usario no va a reconocer a primer golpe de vista?

2 Posicionamiento en buscadores

El objetivo de nuestra web es dar a conocer nuestro producto y venderlo. Normalmente nuestra capacidad para dar a conocer la web por medios off-line (prensa, radio, televisión) es baja.

Investigar a la competencia nos dará información de la metodología utilizada por ella y nos ayudará a marcar nuestras estrategia.

Queremos estar por delante de ella en buscadores y conseguir que donde esten presentes tambien lo estemos nosotros, esto nos acercará a los clientes potenciales que estamos buscando.

• rankings en los buscadores: Posicionamiento en los buscadores y en cuales tiene presencia.
• listados de promociones de pago por click: Campañas de publiciad en activo, palabras clave a las que está orientado.
• palabras clave objetivo: ¿que términos considera estratégicos para vender su producto?
• estrategias de enlaces:¿cómo consigue enlaces a su web?, artículos en otras publicaciones , intercambio con empresas relacionadas, publicaciones propias como blogs, publicaciones propias especializadas en el sector.

Tambien te puede interesar

• Reducir el porcentaje de rebote, 10 consejos
• Landing Page. La primera impresión es lo que cuenta. 30 Tips