Inicio/Guías de comercio electrónico/Elegir el diseño de…

Una vez que haya elegido la plataforma adecuada para su operación de comercio electrónico, lo siguiente que debe tener en cuenta es el diseño. El diseño es tan importante para el éxito o no de su empresa, más allá de la mera estética del sitio. Los sitios web bonitos no siempre se convierten a la tasa más alta, y lograr cualquier ajuste al alza en sus tasas de conversión puede hacer una gran diferencia en sus ingresos (y, en última instancia, en su resultado final).

Al mismo tiempo, eso no significa que usted debe centrarse únicamente en las tasas de conversión, a expensas de un diseño creíble, de aspecto profesional. Su tasa de conversión se verá gravemente afectada si su sitio web parece poco confiable, o algo menos que legítimo y creíble. Simplemente las cosas hacen una gran diferencia aquí, por lo que realmente vale la pena encontrar un buen diseñador independiente y presionar por un diseño más atractivo, centrado en la conversión.
Plantillas

Por supuesto, también hay cientos de miles de plantillas de comercio electrónico por ahí, muchos de los cuales han sido diseñados específicamente para la integración con varias plataformas de software de comercio electrónico libre o de pago. Estas plantillas suelen estar diseñadas profesionalmente y listas para salir de la caja, ya sean versiones gratuitas o de pago, con diseños que giran en torno a varios nichos y opciones de diseño diferentes.

No se deje de usar una plantilla, incluso para una tienda a mayor escala. OK, por lo que el diseño no será único, pero todavía será capaz de poner su propio logotipo y sello de marca a través de él, y la realidad es que usted conseguirá beneficiarse de un diseño sólido, profesional y las conversiones más altas que pueden traer.
Temas

Si estás usando WordPress (o WordPress / WooCommerce), Magento o Shopify, tienes acceso a una amplia gama de temas prediseñados, que pueden instalar un nuevo skin en tu sitio web. Desde el color hasta los estilos de botón, fuente y encabezado, estos temas le permiten completar el cambio de diseño y el diseño de cada página de su sitio en sólo un par de clics.

Los temas pueden ser gratuitos o de pago, y a menudo se diseñan en torno a colores o temas específicos. Con un poco de búsqueda, usted puede encontrar un diseño de tema altamente profesional que puede transformar el aspecto de su sitio web.

Hay un montón de lugares a los que puedes ir para tomar temas gratis y premium para diferentes plataformas.

wordpress-blanco

https://wordpress.org/themes/http://wwww.themeforest.net/category/wordpresshttp://www.elegantthemes.com

woo-commerce-white

http://www.woothemes.com/product-category/themes/woocommerce/http://themeforest.net/category/wordpress/ecommerce/woocommercehttp://evowpthemes.net/10-of-the-best-wordpress-woocommerce-themes/

magento-blanco

http://themeforest.net/category/ecommerce/magentohttp://www.templatemonster.com/magento-themes.phphttp://www.rockettheme.com/magento/themes

shopify-blanco

https://themes.shopify.com/http://themeforest.net/category/ecommerce/shopifyhttp://www.shopifythemes.net/

Capítulo 2: Diseño y configuración de la tienda

Una vez que haya pensado más en la plataforma más adecuada para su tienda en línea, es el momento de profundizar en el diseño, la configuración y la estructura de su sitio. Establecer su tienda en línea de la manera más eficaz es como diseñar el diseño de una tienda física, esencial para garantizar que los clientes vean los productos que desea que compren en un flujo optimizado para los ingresos a través de su sitio web.

Independientemente del software de comercio electrónico que haya elegido en el capítulo 1, hay ciertos fundamentos de la estructura y el diseño que han resistido la prueba del tiempo para maximizar los ingresos y asegurar los mejores resultados de la tienda en línea.

Diseño de la tienda

Cada vez que hay un problema de diseño de sitio web en el comercio electrónico, hay dos objetivos, a veces contradictorios: la conversión y la estética. Un sitio web que convierte no siempre es un sitio web que se vea más atractivo visualmente, y un sitio web que se vea más atractivo no siempre cerrará más ventas.

Al decidir el diseño óptimo para su tienda, hay varios factores que debe tener en cuenta.

No confundas ni distraigas

Como objetivo general, el diseño de tu tienda no puede ser confuso. Confundir al cliente dañará las conversiones, porque los visitantes se sentirán menos cómodos en el pedido, y menos capaces de encontrar los productos que están buscando para comprar.

lings-coches

Cuidado con las páginas desordenadas, como www.lingscars.com (tan malo que es casi bueno).

Como se ve en Dragons' Den de la BBC, LingsCars.com es quizás el mejor ejemplo en existencia de cómo no diseñar su tienda web. Este diseño confuso y disperso de la pistola no es apto para la conversión, y aunque podría funcionar para Ling, no todo el mundo puede lograrlo.

La información del producto es difícil de encontrar, y las capturas de pantalla anteriores están rodeadas de dibujos, garabatos, juegos y otras cosas "divertidas". Incluso puedes 'annoy Guy', uno de los empleados de Ling, en la oficina tocando The Proclaimers en bucle en la oficina con solo hacer clic en un botón.

Hay un encanto indudable sobre el sitio web de Ling, y por todas las cuentas su negocio funciona bien. Sin embargo, desde el punto de vista de un diseño de tienda convencional, es casi imposible encontrar los productos que está buscando (en su caso, alquilar coches) sin hacer contacto, o primero distraerse con el último juego de Ling o webcam de oficina.

Amazon

Contraste esto con el diseño de una sin duda la plataforma de comercio electrónico líder de la web, Amazon. Cuando se trata de encontrar lo que necesita encontrar, está claro que el sitio de Amazon es mucho más fácil de entender, y no confunde ni distrae al visitante del objetivo principal: canalizarlos a los productos que quieren comprar, y apretarlos a través del proceso de pago de la forma más rápida y cómoda posible.

No confunda ni distraiga a sus visitantes con diseños poco convencionales y detalles innecesarios. Mantenga el diseño de su tienda limpio, libre de desorden y enfocado, para que sus clientes puedan encontrar la información que necesitan y los productos que quieren comprar. Cuanto más fácil sea el proceso para sus clientes, más probable será que lo compren.

Equilibrio de texto / visuales

arngren

Obtener el equilibrio entre el texto y la información visual es otro elemento importante del diseño de la tienda. Esencialmente, los compradores necesitan ver una imagen de lo que están comprando, pero también determinar claramente suficiente información del producto para saber que están tomando la decisión correcta por adelantado. No obligues a la gente a buscar detalles, pero presenta la información de una manera agradable y limpia digestible. Algunos sitios web (como arngren.net en la imagen de arriba) son demasiado estresantes para mirar los aspectos y el uso, y esto sin duda se reflejará en sus tasas de conversión.

Asos

Contraste esto con el diseño de relación visual-texto limpio y equilibrado de Asos, uno de los sitios de comercio electrónico de ropa más grandes de la web. La captura de pantalla siguiente muestra la primera ventana, encima de la vista de pliegue (es decir, sin desplazamiento) del sitio web de Asos. Mira cuánto más limpio es el diseño y lo fácil que es encontrar lo que estás buscando (ropa para hombres o mujeres) basado en el equilibrio correcto de texto y objetos visuales en la página.

El punto de partida aquí es que usted necesita estar centrado en su diseño de diseño, construyendo alrededor de las ideas clave de simplicidad, claridad y elección mínima. Si quieres que tus usuarios tomen una decisión de acción (por ejemplo, haciendo clic para ver las categorías de Hombres o Mujeres), no los confundas con un millón de otras decisiones y posibles acciones que pueden tomar (y ciertamente no les ofrezcas la oportunidad de jugar un juego, en lugar de comprar en tu sitio, al estilo Ling).

Cuando se trata de la jerarquía de su sitio, prácticamente todas las tiendas de comercio electrónico tienen páginas de categorías y páginas de productos. Las páginas de categorías enumeran una gama de productos agrupados por tipo y las páginas de productos presentan la información específica para cada producto individual. Con estos dos tipos de páginas, hay algunos otros factores en los que debe pensar en términos de la mejor manera de establecer su puesto. Profundicemos más.

Categoría Páginas

Supongamos que dirige una tienda de comercio electrónico que vende instrumentos musicales. Mantener su diseño enfocado significa que es poco probable que desee presentar kits de batería y cuerdas de guitarra en la misma página, junto con amplificadores de bajo y violona. Simplemente no se mezclan como tipos de productos, y por lo general se pedirían de forma bastante lógica en categorías independientes – Batería, Accesorios de guitarra, Amplificadores e instrumentos de cuerda, muy probablemente.

Cuando un visitante llega a su tienda de música en línea que busca comprar una nueva guitarra acústica, lo más lógico haría clic en la página de categoría Guitarras, y profundizar más desde allí para encontrar la página de producto específica del artículo que desea comprar. La forma en que ordena y estructura sus páginas de categorías puede tener una influencia importante en si los clientes son capaces de encontrar lo que necesitan encontrar, y si finalmente hacen clic a través de para comprar desde su sitio web.

Mantener todo fácil y lógico

No diseñes tu sitio web para que un genio navegue. En teoría, un niño debe ser capaz de navegar y realizar la compra correcta desde su sitio, y esto significa que las páginas de categoría que fluyen fácilmente hasta el destino final correcto. Elige las categorizaciones más básicas que puedas: si tus clientes se quedan adivinando, o preguntándote qué opción es la mejor para hacer clic, esa es la fracción de segundo que podría alejarlos de tu sitio y ponerte en manos de tu competencia. Todo tiene que ser lo más fácil y lógico posible, para que cuando los visitantes empiecen a navegar por su estructura y sus páginas de categorías más específicamente, todo tiene sentido y los lleva a donde necesitan ir.

Parálisis de análisis

Al mismo tiempo, sus agrupaciones deben ser lo suficientemente amplias como para presentar una gama limitada de opciones de una lista significativamente más grande de productos. Los estudios muestran que cuantas más opciones tengas, más visitantes atraerás a tu sitio web.

Compras

Sin embargo, espera que un porcentaje menor se convierta en clientes, gracias al fenómeno de la "parálisis del análisis". La gente se confunde y se confunde fácilmente cuando se enfrenta a una gran variedad de opciones, y a menudo deciden pasar por encima de la página, o volver en una fecha posterior para tomar la decisión. Algunas opciones son buenas – demasiadas son demasiadas molestias, momento en el que ha perdido la venta.

Horizontal vs. Alineación vertical

Apreciar la variedad es difícil, y no desea que la parálisis del análisis se establezca y disuadir a sus clientes listos para tarjetas. Cuando venga según la variedad dentro de sus páginas de categorías, tiene la opción de presentar vertical u horizontalmente. Entonces, ¿qué es lo mejor para alentar las conversiones y limitar un sentimiento de elección abrumadora?

Agrupe horizontalmente e introduzca la variación a través del eje vertical. Esto permite a sus visitantes apreciar la elección que se ofrece, sin hacerles sentir como si se les hubiera presentado demasiada información para tomar una decisión razonada.

Todos los que hacen el comercio electrónico bien grupos horizontalmente, e incluso los supermercados prefieren este diseño en la presentación de la elección. Por lo general, es un buen indicador de que puede haber algo en él.

Páginas de productos

El quid de la conversión se encuentra lo más importante en la propia página del producto, donde los compradores decidirán proceder a su pago (o añadir al carrito), o dejar la página del producto e ir a otro lugar. "Elsewhere" podría estar presionando el botón Atrás para dirigirse en una dirección alternativa a través de sus categorías. O podría ser para el próximo vendedor. No se arriesgue: al hacer que sus páginas de productos sean lo más eficaces posible, aumenta las probabilidades de ofrecer mejores conversiones, convirtiendo a más de sus visitantes en clientes felices.

El comercio minorista es detalle

Dicen que 'retail es detalle', y eso nunca es más cierto que en el entorno en línea. Pequeños detalles proporcionan a los compradores el conocimiento y la confianza que necesitan para realizar la compra desde su sitio, y pequeños errores simples en sus páginas de productos pueden tener un impacto grave en la eficacia de su sitio web. No filtre las conversiones pasando por alto los detalles pertinentes, ya sea en sus descripciones o en el diseño de la página del producto. Al ser preciso en cada detalle, cada imagen y cada ubicación de texto, podrá ajustar mejor lo que sus visitantes experimentan cuando vienen a comprar en su tienda en línea.

Información para comprar

Cuando usted está escribiendo descripciones de productos está bien ser 'ventas', pero con mucho su objetivo principal debe ser escribir descripciones informativas que la gente se siente segura de comprar. Todos los detalles del producto necesitan ser incluidos, y es una buena idea para evitar párrafos de largo viento que no gritan inmediatamente la información que necesita para ser escuchado.

Al mismo tiempo se necesitan imágenes de producto de calidad, por lo que el comprador puede tocar el producto. No escatimes en las imágenes del producto, y cuanto las imágenes de mayor resolución que puedas usar, mejor. Estos muestran lo que tiene sin embargo en su mejor luz, por lo que está en camino de sellar el trato.

Aquí hay un adelanto de todo lo que las páginas de sus productos necesitan para cerrar a los visitantes en la venta.

product-page-example-ecommerce

  • Descripciones detalladas: Las descripciones informativas venden productos. Incluya todo lo que su cliente podría querer saber sobre el producto, incluidos los detalles sobre el modelo o la variación que está ofreciendo. Algunos sitios de comercio electrónico resumen los detalles clave al comienzo de su descripción (y por lo tanto por encima del pliegue), asegurando que todos los visitantes de una página de producto se muestran las características clave que indican que están comprando el producto adecuado para sus necesidades.
  • Envíos y devoluciones prominentes: Una de las razones más comunes para el vuelo del comprador es la información de envío poco clara. La gente quiere saber cuánto va a costar conseguir que sus productos se entreguen, y si pueden enviarlo de vuelta a usted si no están contentos. Aclare estas políticas de manera prominente en nuestras páginas de productos y ponga la mente de sus clientes a gusto para que se sientan cómodos para seguir adelante y completar la venta.
  • Fotografía de calidad: Amazon expone varias imágenes de alta calidad y alta resolución en cada página del producto, para que los compradores puedan ver con suficiente detalle el producto que están mirando. Cuando se trata de comprar algo, en realidad tocar y sentir el producto es a menudo el mejor convencidor. En ausencia de tacto, alta resolución, fotografías bien iluminadas desde una variedad de ángulos pueden ayudar a convencer al comprador de que están tomando la decisión correcta.
  • Llamada a la acción: nunca subestime el poder de las llamadas a la acción dentro de la descripción de su producto. Las llamadas a la acción solicitan la venta y le dicen al cliente que complete la compra ahora mismo. Crear una fuerte llamada a la acción aumentará la tasa de conversión de la página de su producto, y colocarla por encima del pliegue e idealmente cerca del botón Comprar aumentará sus probabilidades aún más.
  • Demostraciones de vídeo: Donde se puede, las demostraciones en vídeo de los productos son incluso mejores que las imágenes, y el acompañamiento perfecto para las fotografías para ayudar a mostrar el producto. Una vez más, vaya a realizar demostraciones bien iluminadas si está grabando las suyas propias, o considere animar a los clientes a enviar sus propias demostraciones de vídeo y revisiones para los productos que poseen.
  • Opiniones: Comentarios son absolutamente esenciales para cualquier página de productos de comercio electrónico, porque la gente necesita sentirse seguro en la elección de compra que están a punto de hacer. Las opiniones de los demás son extremadamente influyentes y beneficiosas cuando quieres que alguien tome una decisión – las palabras de otros son a menudo más convincentes que las palabras de los tuyos, así que deja que tus otros clientes cierren la venta por ti.
  • Botón de compra fuerte: La acción deseada debe ser visible y destacar en la página. Haga que sea lo más fácil posible comprar sus productos, y dejar al visitante en sin duda en cuanto a lo que necesitan hacer a continuación.
  • Botones para compartir en redes sociales: botones para compartir en redes sociales absolutamente esenciales para Facebook, Twitter, Google+ y Pinterest, si corresponde. Las redes sociales son una fuente vital de tráfico para sus páginas de productos, ¿por qué no quiere animar a los clientes a compartir productos geniales y promocionar sus páginas a sus fans, seguidores y amigos en línea? Mira alrededor de grandes sitios de comercio electrónico si quieres obtener un sabor de cómo los principales jugadores hacen esto.

Nota: Cuando agregas botones para compartir en redes sociales, debes tener cuidado de no distraerte del proceso de venta. Los botones que son demasiado grandes, o que llevan a los clientes fuera de su sitio web a su pantalla de inicio de sesión de Facebook pueden interrumpir el proceso de venta – mientras que vale la pena hacer olas en las redes sociales, no debe interrumpir la venta, o peor arrastrar a su cliente lejos hasta el sitio de otra persona en el punto de compra.

Estructura de URL

Tanto las páginas de categorías como las páginas de productos deben estar vinculadas desde la página de inicio si van a ser descubiertas por los visitantes de su sitio. Los sitios de comercio electrónico a menudo pueden resultar ser extensos, con innumerables páginas individuales para descubrir. Su estructura de URL es una forma en la que los visitantes pueden navegar por su sitio web si es necesario, al tiempo que proporciona beneficios cruciales de SEO al indicar a Google cómo debe interpretar y clasificar su sitio.

Al estructurar los enlaces URL, vale la pena pensar en incluir categorías y nombres de página, para que los visitantes puedan ver "rutas de navegación" de la ubicación de la página dentro de su sitio. Las migas de pan muestran a los visitantes el viaje que han realizado para llegar desde la página de inicio hasta la página que están viendo. Al estructurar su categoría de URL1/categoría2/nombre de producto, obtiene un efecto de ruta de navegación que es útil para permitir que los visitantes (y Google) entiendan cómo se cataloga su sitio y cómo podrían navegar alrededor de él.

Evite colocar productos en dos o más categorías. Apégate a una categoría por producto, para evitar crear contenido duplicado en tu sitio web, contenido que te perjudicará en el frente SEO más de lo que te ayudará en el frente de ventas.

Webmaster

Herramientas de Google Webmaster

Una vez que hayas finalizado el diseño y la estructura de tus URL, páginas de productos y páginas de categorías, todo lo que queda en el sitio es asegurarte de que estás listo para Google. Google Webmaster Tools es una forma de ayudar a afinar su sitio web y establecer exactamente lo que Google piensa sobre su sitio. Google Webmaster Tools le permite:

  • Envía sitemaps para que Google pueda identificar todas las páginas de tu sitio web e indexarlas en consecuencia.
  • Comprobar estadísticas de palabras clave
  • Identificar problemas de clasificación que Google ha detectado
  • Optimiza y ajusta tu sitio tanto para los visitantes como para Google

Webmaster Tools es completamente gratuito, y puede proporcionar información invaluable sobre los ajustes que su sitio web necesita para funcionar mejor, ya sea para Google directamente, o por extensión para aquellos que vienen a visitar y con suerte comprar desde su sitio web.

Puede crear una cuenta para Webmaster Tools y obtener más información en: http://www.google.com/webmasters/tools.

Lectura/Recursos adicionales:

Suscríbete a nuestro boletín para recibir actualizaciones en tu bandeja de entrada:
Follow us on Twitter

Leave a Reply