Cómo crear un sitio B2C fácil de usar

Mejorar la experiencia del cliente no consiste solo en hacer que tu sitio cargue más rápido. Aquí tienes 6 áreas más a tener en cuenta.

Cómo crear un sitio B2C fácil de usar

Ofrecer una experiencia cómoda y agradable, tanto dentro como fuera de internet, siempre ha sido fundamental para el recorrido del cliente. Por supuesto, hoy en día es aún más importante, ya que casi todo el mundo navega principalmente desde el móvil.

El uso de internet móvil superó al de escritorio en octubre de 2016, y esa tendencia no ha dejado de crecer desde entonces.

Esta migración al móvil es importante porque ofrece una experiencia completamente distinta a la del escritorio. Aunque la navegación web sigue siendo básicamente la misma, los elementos visuales, el contenido y la entrega deben adaptarse al móvil. Para empezar, los dispositivos móviles tienen pantallas más pequeñas, lo que no debe confundirse con una resolución menor. Los teléfonos modernos pueden mostrar contenido en alta definición casi tan bien como los ordenadores de sobremesa.

El aspecto clave de la navegación móvil es que puede hacerse desde cualquier lugar. Una experiencia adaptada al móvil debe ser rápida y fácil de usar.

Más allá de ofrecer una versión móvil o un sitio web adaptable, ¿cómo puedes garantizar una experiencia fácil de usar? ¿Cómo puedes mimar a tu audiencia sin simplificar demasiado la plataforma? Estas son las preguntas que deberás responder si quieres crear un sitio B2C o de comercio electrónico exitoso.

Aquí tienes algunos componentes necesarios para crear un sitio exitoso y formas de implementarlos.

1. Optimiza la navegación y el rendimiento

Si los clientes que visitan tu sitio se encuentran con problemas como tiempos de carga lentos o menús de navegación desastrosos, se frustrarán y se irán. Esto se traduce en menores ingresos y altas tasas de rebote.

Este problema es aún peor en el móvil. La mayoría de los usuarios móviles navegan mientras hacen otras cosas, lo que significa que quieren entrar y salir rápidamente. Es decir, buscan tiempos de carga rápidos y un rendimiento excelente.

Las herramientas de caché pueden acelerar la carga de imágenes y archivos multimedia, al igual que alojar tus vídeos en plataformas como YouTube o Vimeo. Los elementos visuales de alta calidad son fantásticos, pero ten cuidado de no sobrecargar tu sitio. Encuentra el equilibrio ofreciendo contenido atractivo sin sacrificar el rendimiento.

Aquí tienes algunos de los villanos más comunes de la carga lenta de páginas y lo que puedes hacer al respecto:

  • Imágenes: Usa el formato de imagen adecuado. Activa la función de imágenes adaptables de Webflow, y asegúrate de comprimir todas tus imágenes antes de subirlas al sitio. Photoshop ofrece varias herramientas de compresión en su interfaz "Guardar para web", o puedes usar una herramienta basada en la web como TinyPNG.
  • Fuentes: Sube solo las fuentes y los grosores que tu diseño realmente utiliza. Así que, si tu contenido está configurado en Roboto Light y Regular, no hay necesidad de subir las versiones Thin, Bold, Black, etc. Alternativamente, puedes usar las fuentes del sistema del usuario para no tener que cargar tipografías personalizadas de terceros.
  • Código: Cuanto más limpio y ligero sea tu código, más rápido cargará tu sitio web. Siempre que sea posible, aplica estilos a las etiquetas (por ejemplo, "Todos los encabezados H1") en lugar de crear clases únicas. Crea una guía de estilo al inicio de cada proyecto. Usa la función de "limpieza" de Webflow en el Navegador de estilos para eliminar los estilos no utilizados. Y minifica tu código en la configuración de tu proyecto.

Encontrarás muchísimos consejos más sobre la optimización de la velocidad del sitio en nuestro artículo “Cómo mejorar el rendimiento de tu sitio.”

¿No estás seguro de si tu sitio es rápido o no?

Ponlo a prueba en Google PageSpeed Tools y Pingdom.

Ten en cuenta que la primera herramienta no mide realmente la velocidad de tu sitio: solo comprueba si estás haciendo cosas que suelen mejorar la velocidad de carga. Los consejos que ofrecen son útiles, por supuesto, pero no te agobies si tu nota no es excelente.

2. Utiliza proveedores de pago de confianza e indicadores claros

Los hackeos, las brechas de seguridad y el robo de identidad están a la orden del día. Tus clientes lo saben y desconfían a la hora de compartir información confidencial. Genera confianza eligiendo proveedores de pago fiables y colocando indicadores y logotipos claros donde sea pertinente. Algunos logotipos que los usuarios consideran fiables son los de la Better Business Bureau, Diamond Certified, entre otros.

Además, asegúrate de activar HTTPS en tu sitio. Esto mantiene los datos cifrados para que, si alguien logra acceder a ellos, estén mejor protegidos y sean más difíciles de leer o utilizar. Y además, obtienes esa pequeña y genial etiqueta de "seguro" que se muestra arriba.

3. Facilita el uso compartido con enlaces a redes sociales

Tanto si tu sitio web ofrece demostraciones, avances o descripciones de tus servicios, debes dar a los clientes una forma de compartir tu contenido. Colocar botones y enlaces a redes sociales por todo tu sitio web es la mejor manera de hacerlo.

La mayoría de los sitios de noticias y blogs, como TechCrunch, ofrecen excelentes ejemplos de una ubicación ideal para los botones y enlaces a redes sociales. Los botones en las páginas de destino facilitan compartir el contenido directamente en las redes.

Cuando haces clic en una noticia o artículo específico, encontrarás los botones para compartir justo debajo del título y la firma. (Una ubicación sensata según la ley de proximidad.)

Desplázate hasta el final del contenido y... ¡pum!, más botones sociales te esperan. Siempre que surja el impulso de compartir o comentar el sitio, los enlaces estarán a mano. Y ten en cuenta que compartir no es solo para hacerse "viral"; a veces, simplemente facilita mucho más comentar algo con amigos en línea.

Recuerda: el hecho de que TechCrunch sea un sitio con mucho contenido no significa que no puedas inspirarte en él para tu sitio B2C o de comercio electrónico.

La guía definitiva para la vida del diseñador freelance ya está aquí

Aprende todo lo necesario para dar el salto al trabajo independiente, desde cómo encontrar clientes hasta cómo poner precio a tus servicios.

→
↗
►
↓
←
↑
Leer ahora

4. Ofrece un servicio de atención al cliente intuitivo

¿Sabías que el 55% de los adultos en EE. UU. probablemente abandonará una compra en línea si no puede encontrar respuestas o ayuda fácilmente?

Tus clientes tendrán preguntas y surgirán problemas. Así que facilita la búsqueda de respuestas y la obtención de ayuda. Las redes sociales como Twitter pueden facilitar esto, pero también es una buena idea utilizar herramientas nativas en tu propio sitio.

La forma más obvia de ayudar a los clientes es proporcionar información de contacto en un lugar de fácil acceso, incluyendo una página dedicada con enlaces a direcciones de correo electrónico, páginas de soporte y números de teléfono, así como en el pie de página de tu sitio. Pero una forma más intuitiva de ofrecer atención al cliente es a través de herramientas de chat en vivo y mensajería instantánea. El chat en vivo es genial porque es rápido, siempre está disponible y, idealmente, es humano.

Las herramientas de chat en vivo están apareciendo por toda la web. Y tienen un aspecto mucho mejor que las versiones anteriores de esta idea.

5. Ofrece una opción de compra como invitado

Algunos clientes aprecian las opciones de personalización, como iniciar sesión en una cuenta de usuario. Una cuenta personalizada facilita ver y organizar detalles como el historial de compras, recibos, recompensas y garantías.

Pero no todo el mundo tiene el tiempo o el interés de iniciar sesión cuando visita un sitio. Lo mismo ocurre al realizar una compra. A veces, los usuarios solo quieren entrar a tu sitio desde su dispositivo móvil, añadir un artículo al carrito y pagar lo más rápido posible.

‍Un ejemplo de lo que no se debe hacer: obligar a los compradores a registrarse. ¿Por qué perder la venta de hoy por un posible cliente recurrente?

Soluciona esto con la opción de permanecer sin iniciar sesión y realizar compras como invitado. Ocho de los 10 principales minoristas de EE. UU. ofrecen actualmente opciones de compra como invitado.

Staples y Apple permiten a los clientes usar una cuenta de invitado para realizar compras en línea, pero también sugieren registrarse para crear una cuenta nueva o iniciar sesión si el cliente ya tiene una; dejan que sea el cliente quien decida.

6. Haz espacio para el contenido generado por el usuario

Really Good Emails permite debatir sobre el contenido destacado mediante un sencillo módulo de Disqus.

A los clientes les gusta saber que los escuchas. Esto va más allá de ofrecer un acceso fácil a redes sociales o enlaces para compartir. Considera crear espacios para contenido generado por los usuarios en tu sitio. Esto puede incluir entradas de blog, artículos, fotos, vídeos, guías prácticas e incluso contenido más promocional como testimonios, reseñas y demostraciones de productos hechas por clientes.

Amazon permite contenido generado por el usuario en forma de reseñas. También cuenta con un sistema único de preguntas y respuestas donde los usuarios resuelven las dudas de otros. Esto aprovecha directamente la experiencia de quienes ya han usado un producto. En otras palabras, obtienen respuestas de la propia comunidad.

Si te entusiasma la idea del contenido generado por el usuario, ten en cuenta que sí requiere moderación. Cualquier cosa que se publique en tu sitio puede interpretarse como contenido de tu empresa, lo que podría llevar a situaciones bastante comprometidas...

Además, hay quienes siguen practicando esa dudosa "táctica SEO" de llenar las cajas de comentarios con enlaces hacia sus propios sitios.

Un sinfín de funciones para mejorar la experiencia de usuario

Las funciones que he destacado son algunas de las mejores y más populares, pero aún puedes hacer mucho más para darle un lavado de cara a la usabilidad de tu sitio. Asegúrate de ofrecer páginas de producto y descripciones de alta calidad, establece una política de devoluciones fiable, ofrece envíos gratuitos o promociones exclusivas, y mucho más.

El objetivo es crear una experiencia cómoda y agradable para tu audiencia. Deben disfrutar en cada etapa del proceso de compra, desde que descubren tu marca hasta que se convierten en clientes fieles.

¿Por dónde vas a empezar para que tu sitio sea más fácil de usar? ¡Cuéntanoslo en los comentarios!


Última actualización
October 17, 2017
Categoría

Artículos relacionados

Puntuaciones de velocidad del sitio: qué se considera bueno y cómo mejorar la tuya
Puntuaciones de velocidad del sitio: qué se considera bueno y cómo mejorar la tuya

Puntuaciones de velocidad del sitio: qué se considera bueno y cómo mejorar la tuya

Puntuaciones de velocidad del sitio: qué se considera bueno y cómo mejorar la tuya

Desarrollo
Por
Liz Huang
,
Equipo de Webflow
,
Leer artículo
Funciones de optimización para que tu sitio vuele.
Funciones de optimización para que tu sitio vuele.

Funciones de optimización para que tu sitio vuele.

Funciones de optimización para que tu sitio vuele.

Dentro de Webflow
Por
Barrett Johnson
,
,
Leer artículo
8 formas infalibles de potenciar el rendimiento de tu sitio en Webflow
8 formas infalibles de potenciar el rendimiento de tu sitio en Webflow

8 formas infalibles de potenciar el rendimiento de tu sitio en Webflow

8 formas infalibles de potenciar el rendimiento de tu sitio en Webflow

Desarrollo
Por
David Bitton
,
,
Leer artículo
Cómo comprobar y mejorar los tiempos de carga de tu sitio web
Cómo comprobar y mejorar los tiempos de carga de tu sitio web

Cómo comprobar y mejorar los tiempos de carga de tu sitio web

Cómo comprobar y mejorar los tiempos de carga de tu sitio web

Diseño
Por
Equipo de Webflow
,
,
Leer artículo
Cuatro formas geniales en las que las plataformas no-code están mejorando la incorporación de usuarios
Cuatro formas geniales en las que las plataformas no-code están mejorando la incorporación de usuarios

Cuatro formas geniales en las que las plataformas no-code están mejorando la incorporación de usuarios

Cuatro formas geniales en las que las plataformas no-code están mejorando la incorporación de usuarios

Estrategia
Por
Abe Storey
,
,
Leer artículo
<w0>¿Qué es la tasa de rebote y por qué es importante?</w0>
<w0>¿Qué es la tasa de rebote y por qué es importante?</w0>

<w0>¿Qué es la tasa de rebote y por qué es importante?</w0>

<w0>¿Qué es la tasa de rebote y por qué es importante?</w0>

Estrategia
Por
Nick Babich
,
,
Leer artículo

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.