Infórmate sin compromiso, ¡Te llamamos gratis!

Webbing Barcelona catalán Webbing Barcelona castellano info@webbing.cat - Telf: +34 93 169 65 46
Proceso creativo Design Sprint

¿Qué es el Design Sprint y para qué se utiliza?

El diseño web y el marketing digital son dos mundos en expansión constante y que requieren, por supuesto, de investigación para estar al día y ofrecer lo mejor a todos los clientes, que buscan ganar presencia en la red. En un esfuerzo por conseguirlo, se ha diseñado y afianzado un nuevo concepto, el Design Sprint. Hoy veremos en qué consiste y para qué se utiliza.

¿Qué es el Design Sprint?

El Design Sprint es una metodología a camino entre el Scrum y el Lean Design. Esta se implementa en cinco días (acortable si se dan las circunstancias) en los que se trabaja la idea hasta llegar al producto diseñándose un plan de validación en mercado. Su finalidad es reducir o solventar los problemas de diseño.

Durante este tiempo se llevan a cabo una serie de técnicas que van a determinar su tu idea podría tener éxito y en qué medida. Esto se consigue combinando el diseño estratégico, la innovación y técnicas ágiles.

Metodología Design Sprint

Con ello se busca alinear las necesidades a la vez que cocrearemos una solución a estas necesidades en la que todos los implicados sean partícipes. Para ello, el conocimiento de los integrantes de nuestro equipo, de sus capacidades, de sus aptitudes y de sus mejores y peores puntos es totalmente necesario.

¿Cómo se lleva a cabo un Design Sprint?

Veamos qué debemos hacer día a día.

  • Día 1: Definir la meta. Se comienza por analizar la información con que cuentan todos los participantes en relación al producto y el problema que tenemos. Coge datos cualitativos y cuantitativos de recursos como entrevistas o incluso Google Analytics.
  • Día 2: Inspirarse. En esta jornada debemos esforzarnos por encontrar soluciones dentro de un proceso en el que nos valdremos de técnicas como el prototipado veloz, que consiste en dibujar la solución que tiene en mente y explicarla apoyándose en él.
  • Día 3: Tomar una decisión. Parece un día sencillo, pues “solamente” vamos a tomar la decisión. Eso sí, está claro que hay que pensar en las propuestas detenidamente, analizando cuán viables son, qué potencialidad tienen, en qué medida se cubren las necesidades y qué posibilidades se tiene con cada una de ellas.
  • Día 4: Realizar un prototipado. Un día de mucho trabajo en el que se tendrá que crear un prototipo realista basado en las decisiones que se han tomado en la jornada anterior.

Diseño de prototipado

  • Día 5: Hacer entrevistas. Finalmente, habrá que ofrecer el prototipo a los que serán cinco usuarios ideales, que serán quienes lo prueben. Tendrás que trabajar en los momentos que han vivido con el producto o servicio y conocer sus expectativas para ajustar el modelo de negocio a cada contexto. Tu equipo tendrá que hacer un reporte lleno de reflexiones sobre el aprendizaje durante el proceso. Con ello será fácil establecer cuáles serán los siguientes pasos a dar.

Sin duda, se trata de un recurso, cuanto menos, curioso en su forma, que comporta, en cualquier caso beneficios como la acertada formación de un MVP, el surgimiento de nuevos negocios y el ahorro económico.

Optimizar conversión ecommerce

Mejora la conversión de carritos abandonados

Si tienes un ecommerce, seguro que al revisar las estadísticas te has dado cuenta de que muchas personas introducen cosas en el carro, pero esto queda en el olvido y nunca se termina de hacer la compra. Quizás merezca la pena revisar esto desde Marketing Online para poder mejorar la conversión de carritos abandonados y lograr, así, reducir la estadística de pérdidas.

El drama de los carros de compra abandonados

Según uno de los estudios realizados por Baymard, más del 69% de las personas que introducen artículos en sus carros de compra online dejan dichas compras sin finalizar.

Ocurre principalmente en las tiendas online de juguetes (86%), artículos infantiles (83%) y en telefonía móvil (92%). El sector donde esta pauta se cumple en menor grado es en la compra online de supermercados (52%), donde los usuarios que comienzan la compra suelen finalizarla en la mitad de las ocasiones, lo cual es lógico si consideramos que son clientes más fieles y con mayor intención de compra por tratarse de productos de primera necesidad y de uso diario.

Conversión carritos abandonados

Esto se puede dar por múltiples motivos, aunque generalmente ocurre debido a que se esté realizando la compra desde un móvil o porque se quieren añadir más cosas que al final terminan por no adquirirse. Sea por un motivo o por otro, son los propios vendedores quienes deben gestionar un recordatorio para sus clientes de manera que en un porcentaje alto se pueda terminar ese proceso, mejorando la conversión de los carritos abandonados.

Motivos principales de abandono de un carrito de compra online

Se dice que una vez que se conocen los motivos por los que ocurre algo, se puede atacar cualquier problema. Pues bien, en este párrafo vamos a bucear en los confines de la mente humana para conocer cuál es la motivación que propicia el abandono de las cestas de compra online en los usuarios. Desde Google Analytics, tras realizar un estudio, se cree que estos pueden ser las dificultades del comprador online:

  • El usuario pretende hacer una comparativa sobre el precio del mismo producto en varias webs diferentes.
  • El usuario considera que el precio con gastos de envío es demasiado elevado.
  • La compra se hace en varias fases (esto ocurre dentro del mercado de la alimentación o supermercados).
  • El usuario no tiene la posibilidad de comprar en ese momento. Esto sucede cuando la compra se realiza desde un móvil y se pretende finalizar en un ordenador.
  • La compra que se realiza es poco madura, puesto que se está seleccionando un artículo con un precio muy alto que no se repone con demasiada continuidad.

Análisis carritos abandonados

El vendedor puede utilizar la táctica de enviar un email recordando el olvido de dichos carros y proporcionando un medio sencillo de volver a cargar dicha compra. Con este método tan fácil y personalizado se puede mejorar la conversión de carritos de compra abandonados, siendo los mercados donde más se consigue el de la alimentación, el de la farmacia, el del hogar, el de los deportes, el de los eventos, el del motor, el de la perfumería y el de la papelería.

Pequeños descuentos, muestras gratuitas o algún incentivo suelen funcionar a la perfección. Y tú, ¿ya lo has probado? 🙂

Incentiva las ventas de tu ecommerce durante las rebajas

Todo el que tenga una tienda online busca vender su producto/servicio, esto es evidente. Sin embargo, hay ciertos momentos en los que deseamos, por uno u otro motivo, que esto se multiplique. ¿Quieres incentivar las ventas de tu ecommerce durante las rebajas? Podemos darte algunos buenos consejos para que lo consigas fácilmente. Verás que, con unos cambios sencillos vas a conseguir una conversión altísima; sólo tienes que invertir algunos recursos.

Recursos a exprimir durante las rebajas de tu ecommerce

Vamos a ver cuatro maneras diferentes de hacer que los usuarios que pululan por tu sitio web terminen comprando algo interesante de todo lo que puedas ofrecerles en esos días especiales de compras.

Banner promocional

¿Quién no quiere ver un precioso banner de su tienda online en todo tipo de webs? No dudes en diseñar un banner y buscar espacios de interés para tu público objetivo donde colaboren contigo colocándolo.

Así mismo, tendrás que hacer, por supuesto, otro banner para tu web el cual enlace a una landing específica para todo aquello que se puede adquirir durante los días de precios bajos.

Oferta página web y marketing

La cuenta atrás

Tremendamente efectivas pero, eso sí, te aconsejamos que sea una cuenta real. No hay nada más horrible que descubrir que te han engañado para que compres. Si pones una cuenta atrás, ya sea para un producto en particular o para el período de rebajas en general, no mientas. Cuando la cuenta atrás acabe, se acaba la oferta, en serio.

Un simple pop-up

Son intrusivos, sí, pero funcionan, y muy bien. Lo ideal es, por supuesto, no lanzar una notificación neutra o estanca sino buscar la personalización en función del tipo de usuario, el salto después de una determinada acción, del tiempo que se esté en la web… Si tienes dudas sobre qué versión utilizar, puedes realizar un Test A/B para conocer el más efectivo.

Por supuesto, en el caso de un período de rebajas, es más que evidente que hay que explotar el hecho de que el tiempo es finito y que los productos o servicios se agotan, de manera que incitemos a la compra en el momento.

Diseño popup rebajas

Ofertas promocionales destacadas

Evidentemente, si quieres vender algo tendrás que hacerlo destacar entre todo lo demás. Modifica el diseño de tu sitio para colocar un anuncio en el que dejes ver lo que propones esos días de ofertas. Puede ser un botón lateral, una imagen de tu carrusel de novedades…

De esta manera, el usuario puede acceder directamente a la promoción en cuestión, siendo más sencillo para él hacerlo y, por ende, existiendo más oportunidades de que termine comprando algo.

Con estas cuatro sencillas acciones verás que vas a incentivar las ventas de tu ecommerce durante la época de rebajas. Por supuesto, habrá que tener en cuenta todas las consideraciones propias relativas a un diseño web atractivo y, por supuesto, a las campañas de marketing específicas para la temporada de rebajas.

Finalmente, queremos aconsejarte que siempre, no importa el tipo de venta que hagas, te dirijas al cliente para agradecerle la confianza depositada y para preguntarle qué opina de la promoción, del producto o del aspecto que más te interese conocer.

Consejos para realizar un Test AB

Test A/B: Consejos y cómo hacer uno

Cuando nuestra web ya está lanzada en la red y obteniendo una cantidad de tráfico considerable toca comenzar a implementar cambios enfocados ya no en conseguir más público sino en aspectos para mejorar la relación entre estos y el sitio, con nosotros, etc. Sin embargo, dichas modificaciones no deben realizarse a fuerza bruta, por ensayo y error, sin un plan. Resulta necesario, antes de hacer nada, realizar algunas pruebas, y ahí es donde entrará una de las mejores estrategias de marketing online, el test A/B.

¿Qué es un test A/B?

Google nos ofrece, una vez más, una herramienta inestimable, en este caso Google Optimize, que es la que nos permite realizar el test A/B.

Este test A/B, o Split Test, es un trabajo de experimentación el cual busca indicarnos si los cambios que realizamos en un sitio web van a tener el efecto que buscamos. Sus características principales incluyen:

  • El uso de la web en su versión original, que sería es punto denominado A.
  • El uso de variables del sitio, denominadas B.
  • Se establece un objetivo para el test que pueda medirse de acuerdo a las métricas disponibles (más tiempo de permanencia en el sitio, mayor conversión…).
  • Lo recomendable es introducir un único cambio por vez. Así se determina con la mayor exactitud lo que dicha modificación supone sin que se crucen valores.
  • La muestra con la que estudiar debe ser representativa de nuestro tráfico, es decir, realista.
  • Debemos establecer una duración determinada.

Optimizar un test A/B

Cómo hacer un test A/B

Aunque realmente damos con más herramientas que nos permiten hacer un test de este tipo, lo cierto es que, para no complicarnos más (no hace falta), trabajaremos con Google Optimize, que es un software completo y gratuito. El procedimiento para analizar si los cambios en tu sitio tendrían éxito pasa por:

  • Definir ciertos aspectos. El objetivo del test. Los elementos a modificar. La página del experimento. La métrica a utilizar para la medición final.
  • Entrar en nuestro perfil de Google Optimize.
  • Vincula la cuenta de Analytics para que se sincronicen las métricas.
  • Ir al menú “Experiencias”.
  • Pulsar en “Crear una nueva de tipo Prueba A/B” (o sólo “Prueba A/B”).
  • Ponle un nombre.
  • Indica la página a analizar.
  • Define una programación para este test. Puedes hacerlo por un total de 90 días como máximo.
  • Realiza, si lo deseas, algunas variantes. Para ello cuentas con un editor visual que te mostrará los cambios.
  • Ahora es momento de introducir nuestro objetivo para el examen.
  • Establece a quién va a afectar el cambio introducido en esta prueba. Puedes segmentar.
  • Obtendrás un código, fruto de la vinculación de Optimize y Analytics, que debes incluir en tu sitio web.
  • Ya puedes iniciar la prueba.

Accede a la pestaña de “Informes” para ver cómo van apareciendo resultados del test. Estos son los que debes encargarte de analizar para comprobar si estás teniendo el éxito esperado.

Sin duda, el test A/B resulta un muy buen recurso para comprobar si cualquier cambio que hayas pensado introducir mejora los resultados que esperas mejorar o no pues, si no llevásemos un control de este tipo sería muy difícil determinar qué aspecto es el que arroja unos u otros valores.

Preprocesadores CSS para diseño web

Preprocesadores de CSS: ¿Qué es Sass?

A la hora de programar toda ayuda es buena. Los profesionales de la rama cada vez nos vemos más colapsados pues, por suerte, el comercio digital es el presente y el futuro, de manera que todo el mundo quiere estar en Internet. Esto hace que, por supuesto, nosotros tengamos que utilizar recursos variados que se adapten a las peticiones de cada cliente. Y uno de ellos son los preprocesadores de CSS, de los que hablaremos a continuación.

¿Qué es un preprocesador CSS?

Volviendo con terminología de diseño como las diferencias entre UX y UI, vamos a ver qué es un preprocesador CSS:

Un preprocesador CSS es una herramienta de traducción de hojas de estilo que son comunes, todas ellas, a un código estándar que los navegadores pueden reconocer. Esto es, un útil para escribir en un código más básico, con bucles, condiciones, variables y funciones, que el CSS que después será convertido.

Cuentan con utilidades que no encontramos en el lenguaje CSS y que, por ende, los navegadores no pueden interpretar. Algunas son mixins, anidación de servidores, variables…

Preprocesadores CSS Mixin

Con este economizamos el tiempo gracias a que podemos, simplemente, escribimos menos código. También debemos destacar que tiene un mantenimiento sencillo y que es un recurso fácil de comprender, pues está muy bien organizado.

Como puntos negativos de esta herramienta encontramos el hecho de tener que aprender un nuevo lenguaje y que el código no sea tan común como se ve en otras circunstancias, pues requiere de compilación específica. Este, además, afecta directamente al flujo de desarrollo creado.

¿Qué Sass?

Sass es uno de estos preprocesadores mencionados. Hay otros que también tienen su sitio en el mercado, como es el caso de Stylus o de Less, si bien, queremos hablar en específico de Sass debido a que es el más utilizado de entre los preprocesadores actuales y tiene una demanda altísima.

Sass cuenta con una sintaxis de código que bien se puede dividir en dos grandes partes.

  • Sintaxis Sass. Difiere un poco de la sintaxis de CSS estándar, eliminando puntos y comas en algunos puntos, utilizando indentados…
  • Sintaxis SCSS. Se parece más a las de CSS, incluyendo algunos aspectos extra simplemente.

Código diseño CSS

A priori podría parecer que realizar estas modificaciones, alejándonos del CSS puro para aprender a usar código nuevo puede ser negativo, pues requiere de un mayor tiempo de aprendizaje, si bien, esta es la opción más acerada para el medio (y no tanto) plazo.

La solución pasa con centrarnos en esa parte de la sintaxis de Sass que se da en SCSS y que se acerca, por tanto, al estándar. De esta manera estamos utilizando código CSS validado y mantenemos nuestros conocimientos previos, que siguen siendo útiles en el caso que nos ocupa, así como la posibilidad de integrar códigos de estilo que ya pudiésemos tener.

La sintaxis SCSS nos permite trabajar diferentes aspectos de una variable que CSS no posibilita, pues, simplemente, se trata de declaraciones que aquí no existen. CSS tiene sus propias variables, pero trabajan con otra sintaxis.

0
Connecting
Please wait...
Enviar un mensaje

Lo sentimos, ahora mismo no estamos online. Déjanos un mensaje y te contestaremos lo antes posible.

Nombre
* Correo electrónico
* Mensaje
Teléfono
    Entra en el Chat

    ¿Necesitas ayuda o deseas un presupuesto? Háblanos por el Chat online y te contestaremos al momento.

    Nombre
    * Correo electrónico
    * ¿Qué pregunta tienes?
    * Teléfono
    ¡Estamos Online!
    ¿Qué te ha parecido nuestra atención?

    ¡Ayúdanos a mejorar! ¿Te ha resultado efectivo nuestro chat?

    ¿Cómo nos puntuarías?
      Uso de cookies

      Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra Política de cookies, pinche el enlace para mayor información.

      ACEPTAR
      Aviso de cookies