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

Podría estar vendiendo los mejores productos en el mundo a precios muy competitivos, pero si los compradores no los encuentran o se confunden en el camino, nunca conseguirá sacar todo el partido a su potencial de ventas.

Mejorar la usabilidad de su tienda online mejorará el proceso de compra haciéndolo más fácil y sencillo. Estos 10 pasos le ayudarán a mejorar las ventas y la satistacción del cliente.

1 Permita la compra sin registro

Cuando el usuario tiene la percepción de que va a hacer una compra única en su site se muestra reticente, y muchas veces con razón, a dejarle sus datos. Se le puede  ofrecer la posibilidad del registro ouna vez finalizado el proceso de cmpra, como una forma de evitarle la molestia de volver a cubrir los datos en otra ocasión.

2 Haga el proceso de alta lo más simple posible

¿Cuanta información necesita de su cliente realmente?. Normalmente lo único que se necesita es una dirección de correo y una contraseña. Utilizar el correo en vez de un nombre de usuario distinto suele evitar errores. Si más adelante para realizar un envío necesita más datos solicíteselos.

3 Uso de la miga de pan como orientación

La miga de pan es una necesidad en las tiendas online que se estructuran en categorías, subcategorías etc, y serviran al usuario para tener claro en donde está en todo momento, además, en el proceso de compra, ir indicando el paso en el que se encuentra el usuario y los que le quedan ayudará a que el visitante termine con éxito este proceso.

4 Hacer que los compradores se sientan seguros

Con razón la gente se preocupa al dar su número de tarjeta de crédito y datos personales en línea. Si desea vender debe intentar transmitir a sus clientes la máxima seguridad. Uilizar un certificado de seguridad le ayudará a que el cliente sepa que es un comerciante serio.

5 Confirmación

La confirmación en los procesos transmitirá seguridad a los compradores y le evitará gestiones con clientes que se confundan.

6 Búsqueda

Toda tienda de comercio electrónico debe tener un buscador situado en una zona altamente visible. Si su tienda online ofrece un número elevado de productos deberá además ofrecer una búsqueda avanzada que permita afinar más.

7 Especifique los artículos relacionados

Tantos los productos relacionados como las ventas cruzadas son altamente rentables en las tiendas de comercio electrónico si lo hace sin que el usuario se sienta presionado. Si va a comprar una aparato electrónico ofrecerle productos como baterías, cemables morias etc, puede ser muy rentable.

8 Botones de acción “call-to-action”

Estos botones son altamente efectivos y debe ser un elemento clave a la hora de diseñar su tienda online: letras grandes, claras y en un color que destaque sobre el fondo. Utilizar mejor “Añadir al carrito” que “Comprar ahora” que puede asustar a algunos usuarios.

9 Evite cargos ocultos

Si algo que enfade al cliente son los costes ocultos. Muestre siempre de manera clara los impuestos y los gastos de envío.

10 Mantenga la compra visible

El carro de la compra debe mostrarse en todo momento para que los usuarios puedan ver los pruductos y el coste de la operación.

Otros Artículos en este blog

• La usabilidad del proceso final de compra

Fuente: 10 Steps To A More Usable Ecommerce Website

Tambien te puede interesar

• CERMI denuncia que Facebook no respeta las pautas de accesibilidad
• Diseño de botones call-to-action, las claves del éxito
• 18 cosas que hacer y no hacer para mejorar la usabilidad de su web
• Usabilidad: No por ser más intuitivo y simple es mejor. ¿Y el aprendizaje?
• ¿Cómo adapto un interfaz web para móvil?

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

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