7 tácticas de diseño para tu tienda Shopify

Imagina si tú y tus amigos quisieran vender algún equipo de snowboard en línea. No te gustaba ninguna de las plataformas de comercio electrónico disponibles, así que creaste la tuya propia. Ahora imagina que tu nueva plataforma de comercio electrónico se vende mejor que tu equipo de snowboard. Así, en pocas palabras, es como nació Shopify.

¿Y si la plataforma de comercio electrónico que creaste para vender material de snowboard terminara siendo más vendida que el propio material?

Hoy en día, Shopify es la tercera plataforma de comercio electrónico más popular del mundo. Comprende el 4% de todas las tiendas en línea del mundo, y obtuvo 389,3 millones de dólares en ingresos en 2016.

Pero aparte de los números, Shopify ofrece una visión única de las plataformas de comercio electrónico que sus competidores no han dominado del todo: la conveniencia. Aunque no para todas las tiendas en línea, Shopify es la mejor plataforma para sitios rápidos y simples. Eso no quiere decir que los sitios en sí no puedan ser robustos, pero el proceso de diseño en sí es fácil y toma menos tiempo. El problema es que las opciones de personalización son limitadas y el enfoque del diseño es más rígido y lineal, pero eso es precisamente lo que atrae a muchos administradores de sitios.

En pocas palabras, si quieres tener un enfoque más práctico y controlado del diseño, con más esfuerzo a cambio de más opciones, te irá mejor con una plataforma como Magento o WooCommerce. Pero , si buscas una plataforma rápida y fácil que quite el aguijón de los detalles técnicos y te permita concentrarte en la gestión del negocioShopify es lo mejor para ti.

Pero no confundas “fácil” con “sin cerebro”. Todavía tienes que hacer un esfuerzo para construir el sitio que quieres, y de eso se trata este artículo. A continuación, encontrarás 7 tácticas de diseño clave que el éxito de Shopify propietarios de tiendas citadas como las más útiles, para los principiantes y las tiendas establecidas.

Elija el mejor tema para su sitio

Lo primero y más importante es que tienes que elegir el tema correcto. El tema es la columna vertebral de su sitio y afectará directamente a la atmósfera, la experiencia del usuario y la sensación general de su sitio.

La tienda temática de Shopify es un gran lugar para navegar, con filtros para perfeccionar lo que estás buscando.

Shopify ofrece docenas de temas, cada uno con múltiples variaciones de estilo para una mayor personalización. Aunque algunos temas son de uso gratuito, la mayoría cuestan entre 140 y 180 dólares.

Esta decisión tan importante también puede ser una de las más abrumadoras, sobre todo si es tu primer encuentro con Shopify o las tiendas temáticas en general. Por eso Tucker Schreiber, que escribe en el blog de Shopify, recomienda reducir las opciones concentrándose en lo que exactamente quieres que tu tema logre. Cuando busques tu tema, ten en cuenta estas preguntas:

  • ¿Qué clase de experiencia estoy tratando de crear para mi cliente? – El diseño, los tamaños de las imágenes, la colocación del texto, etc., contribuirán a la atmósfera, que en última instancia da forma a la experiencia general del usuario.
  • ¿Cuáles son algunas de las características deseadas que quiero para mi tienda? – ¿Quieres una imagen normal o grande? ¿Necesita una alimentación Instagram amplia? ¿Desplazamiento infinito? Diferentes temas ofrecen diferentes características, así que asegúrate de saber lo que quieres, o lo que estás dispuesto a sacrificar.
  • ¿Qué están haciendo mis competidores? – Tome nota de lo que sus competidores están haciendo no sólo para emular lo que funciona, sino también para saber lo que usted puede hacer de manera diferente … y mejor.
  • ¿Cómo quiero que se muestren mis productos? – La forma en que se muestran tus productos es una consideración principal para el comercio electrónico, ya que contribuye en gran medida a UX. Considere qué tipo de productos tiene: los productos tecnológicos que se basan principalmente en especificaciones no necesitan imágenes grandes, mientras que los artículos de moda son lo contrario.
  • ¿Cuál es mi presupuesto para el diseño del sitio? – Los plugins y aplicaciones adicionales también pueden costar más dinero, por lo que deberías planear tu presupuesto general antes de comprometerte con un tema caro. Puede ser más económico usar un tema gratuito y luego aumentarlo con aplicaciones de pago.

Una última consideración al elegir el tema es no preocuparse demasiado por la tipografía y la combinación de colores. La mayoría de las veces estos pueden ser personalizados más tarde.

Evitar el desorden (sobrecarga cognitiva)

Según Mark Perini, el fundador de Icee Social, el problema más común en el diseño del comercio electrónico es sobrecargar su sitio con demasiada información.

“Estarás tentado de mostrar todo lo que tienes en tu arsenal, ya sea una plétora de información o un atraso de cada producto que hayas hecho. Si bien es cierto que habrá clientes que quieran ver toda la historia de su marca, esas personas son pocas y distantes entre sí. Averigua cuáles son tus mejores productos y dales un lugar de honor en tu sitio”.

No hay ningún desorden en la página principal del sitio de Shopify Caravan Coffee Roasters. De hecho, la empresa opta por sólo dos opciones por encima del pliegue hablar de no hacer pensar al usuario.

En el mundo del diseño, el exceso de información se conoce como “sobrecarga cognitiva”. En su libro Steve Krug Don’t Make Me Think, explica que los usuarios quieren que la experiencia de un sitio funcione lo mejor posible; demasiadas opciones ponen a prueba sus cerebros mientras deciden a dónde ir.

Como sugiere Perini, enfóquese sólo en un puñado de productos especializados en un momento dado. Estos podrían ser bestsellers, productos promocionales o productos que intentan descargar.

Tampoco tengas miedo de recortar la grasa. Aprende a diferenciar entre los que deben tener y los que quieren tener.

Mejorar los tiempos de carga

Aunque no estés usando un sitio de Shopify, los tiempos de carga pueden matar todo tu negocio si tardan demasiado. Cada segundo extra que su página tarda en cargarse reduce las conversiones en un 7% y las visitas a la página en un 11%. Incluso fuera de la experiencia del cliente, los sitios más rápidos obtienen una clasificación más alta en Google, por lo que mejorar los tiempos de carga ayuda tanto a su UX como a su SEO.

Los sitios minimalistas como la Abscisa de Felicidad de Shopify funcionan mejor para los tiempos de carga, siempre y cuando las fotografías sean de un tamaño manejable.

Mientras que muchos factores diferentes pueden pesar el tiempo de carga, hay algunas técnicas que deberían ayudar en general a reducir los tiempos de carga:

  • Comprimir imágenes – Seguro que quieres imágenes de productos de alta calidad para ayudar a vender tus mercancías, pero la desventaja es que éstas tardan más en cargarse. Ten tu pastel y cómetelo también comprimiendo las imágenes. Las herramientas gratuitas en línea como Compressor.io pueden reducir el tamaño de los archivos en alrededor de un 50% sin afectar notablemente a la calidad de la imagen.
  • Eliminar los widgets no esenciales – En exceso, los accesorios del sitio como los widgets, aplicaciones y otros plugins pueden pesar los tiempos de carga. Elimina todo lo que no sea esencial para racionalizar tu sitio.
  • Evita los temas de terceros – Aunque no siempre es así, a veces los temas de terceros pueden tener añadidos inesperados que ralentizan el tiempo de carga de todo el sitio. Si tu tema no está hecho directamente por Shopify, ponte en contacto con el desarrollador para ver cómo puedes mejorar los tiempos de carga.
  • Salta los carruseles – Los carruseles tienden a anclar los tiempos de carga. Eso no quiere decir que no debas usarlos nunca (tienen sus ventajas), pero si te cuesta hacer tu sitio más ligero, un carrusel es el peso muerto perfecto para dejar caer.

Si no estás seguro de cómo se acumulan los tiempos de carga o de cómo mejorar los tiempos de carga lentos, consulta la herramienta gratuita PageSpeed Insights de Google. No sólo analizará la velocidad de tu sitio, sino que también te dará consejos directos sobre cómo mejorarlo.

Emparejar con el diseñador adecuado

A veces, simplemente se trata de conocer tus limitaciones. Si sientes que el diseño de sitios es una habilidad que está más allá de ti, no hay que avergonzarse de contratar a un profesional para que te ayude. Incluso si has diseñado sitios antes, la experiencia de un diseñador profesional podría llevarte a nuevos conocimientos.

Como cualquier otra industria, los diseñadores se especializan en ciertas áreas y plataformas. Puedes contratar a un diseñador especializado en Shopify, que ya está familiarizado con todos los diferentes temas, plugins y características. Esto también puede ser un gran ahorro de tiempo, así que no tienes que recorrer las tiendas de Shopify buscando los detalles que quieres.

Otra cosa buena de los diseñadores es que vienen con una gama de experiencia y un rango de presupuestos.

Usted hace usted: reflejar su individualidad

Cuando usas una plantilla de construcción de sitios, corres el riesgo de crear un sitio que se parezca a todos los demás. Afortunadamente esto puede evitarse con un poco de planificación extra. Sí, es posible que tu sitio se destaque entre la multitud, incluso entre los que usan el mismo tema.

WaterAid, construida sobre Shopify, demuestra su personalidad claramente con caricaturas, texto y tipografía. Un simple vistazo te dice que la marca es lúdica y familiar.

Aquí están las tres áreas principales donde puedes dejar que esa pequeña luz tuya brille:

  • Fotografía del sitio – En general, tu estilo de fotografía determina la apariencia de tu sitio más que el tema general. La forma en que estilizas tanto las fotos de productos como las fotos promocionales puede mostrar tu personalidad única. Por ejemplo, un fondo blanco liso se ve mejor para los sitios tradicionales y profesionales, mientras que las fotos de productos en contexto (es decir, tomadas en el parque) pueden añadir un sabor peculiar que puede adaptarse bien a su sitio.
  • Copia – Después de los visuales, las palabras que usas son la siguiente mejor estrategia para mostrar tu personalidad. Las marcas jóvenes y modernas usarán una jerga más casual, tal vez incluso emojis, mientras que las marcas que buscan aumentar la confianza del consumidor o mostrar sofisticación pueden usar un lenguaje más formal. El tono de tu texto no es sólo para las páginas de Inicio y Acerca de, sino para todos los lugares en los que usas palabras, incluyendo las descripciones de productos.
  • Configuración de Shopify – Puede que no sea conocido por los principiantes de Shopify, pero la mayoría de los temas permiten personalizar la configuración para una personalización adicional. Aprovecha al máximo estas opciones subiendo tus propios logotipos, personalizando tu combinación de colores y tipografía y eligiendo la cantidad de elementos a mostrar por línea. A veces incluso puedes decidir cómo presentar tus botones de medios sociales.

Muchos críticos de Shopify dirán que el mayor inconveniente de Shopify es la falta de diversidad, pero si exploras el sistema lo suficiente, encontrarás muchas maneras de construir un sitio que es tuyo y sólo tuyo.

Grita tu propuesta de valor desde los tejados

Una buena estrategia para cualquier negocio, sea o no de comercio electrónico, es mostrar clara y distintivamente su propuesta de valor. ¿Cómo puede su marca ayudar a la vida de un cliente potencial? ¿Por qué deberían molestarse en pasar por su sitio en primer lugar? A menudo, sólo tiene unos pocos momentos para convencer a los visitantes de no rebotar, por lo que quiere su propuesta de valor al frente y en el centro.

La mayoría de las veces, esto se logra mediante un rápido y sucinto titular en la página de inicio. El texto en sí es típicamente más grande que el otro texto, con un color o fuente que llama la atención inmediatamente.

¿Qué es el Lápiz? Es un lápiz para todos. Al eliminar todas las demás distracciones de la página, se anima a los visitantes a centrarse en la proposición de valor, lo que explica por qué el lápiz óptico del Lápiz es útil.

Al igual que otras copias de su sitio, su tono dirá mucho sobre su marca. Un titular simple y directo se adhiere a las pautas más tradicionales, mientras que las marcas más informales pueden utilizar un juego de palabras inteligente o una broma.

El gurú del diseño Peep Laja ofrece consejos adicionales para escribir propuestas de valor. Comúnmente, los sitios siguen el titular de la propuesta de valor con un subtítulo y/o viñetas para elaborar los puntos más finos de la propuesta de valor. Esto le da más flexibilidad con su titular principal, ya que puede centrarse en un único beneficio central, pero también mencionar beneficios secundarios. En los subtítulos o en los puntos de enumeración se pueden mencionar extras como el “envío gratuito” o los descuentos.

Tenga en cuenta que las proposiciones de valor son no eslóganes. Ambos sirven a fines diferentes: las propuestas de valor comunican cómo su marca puede mejorar la vida de sus compradores; los eslóganes están pensados para ser pegadizos y memorables de forma que influyan en la actitud de la gente.

Perfecciona las conversiones…

El trabajo de un gerente de sitio nunca termina. Incluso después de que su sitio se construye a su gusto, puede no ser optimizado al gusto de su comprador objetivo. Personalizar su sitio a las preferencias específicas de su mercado objetivo único puede ser frustrante si sólo está apuñalando en la oscuridad; es mucho más efectivo utilizar pruebas de usuario para optimizar las conversiones.

El blog Shopify demuestra A/B probando un botón “Add to Cart” para Fab.com. Las diferentes opciones se dan en diferentes productos y se prueban largamente para ver cuál funciona mejor.

Como explica el propio creador de contenidos de Shopify, Kevin Donnelly, las pruebas A/B son una de las pruebas de usuario más efectivas para optimizar sus tasas de conversión. También conocidas como “pruebas de división”, las pruebas A/B toman dos versiones de la misma pantalla y monitorean cómo se comporta la gente en cada una. Siendo todas las condiciones iguales, es decir, el tiempo y la cantidad de tráfico, cada versión de la pantalla se prueba para ver qué variables crean resultados más favorables.

Las pruebas A/B le ayudan a adaptar su sitio a las necesidades de su cliente. Puede ajustar todos los detalles de su sitio, como por ejemplo:

  • localización de CTAs, anuncios, widgets, etc.
  • colores de los botones específicos
  • opciones de navegación
  • frases para microcopias, etiquetas, CTAs, etc.
  • diseño de botones de medios sociales
  • imágenes que mejor promueven las conversiones

Las mejores prácticas para cada uno de estos factores varían dependiendo del grupo de clientes, así que nunca hay una respuesta correcta. Y no importa cuánta experiencia tengan usted o su diseñador, siempre es mejor tomar decisiones basadas en pruebas contundentes que en el puro instinto. Ya han pasado los días de “¡Llama ahora! Los operadores están a la espera!” Pero mientras la tecnología ha evolucionado, el espíritu sigue siendo el mismo. Siga los pasos anteriores para traer ese mismo gusto, entusiasmo e influencia al mercado digital moderno.

¿Tienes alguna pregunta sobre el diseño de Shopify? ¿Tienes algún consejo personal que te gustaría compartir? ¡Queremos escuchar tus pensamientos! Comparte tus opiniones en la sección de comentarios de abajo.

admin

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Publicar un comentario