El documento aborda la importancia del diseño en la venta, resaltando factores clave como la experiencia del usuario, la organización del catálogo y el SEO. Se enfoca en cómo mejorar el proceso de compra, utilizando un diseño responsivo y una comunicación clara para aumentar la confianza y reducir el esfuerzo del consumidor. Además, destaca la necesidad de adaptar estrategias basadas en análisis de datos y pruebas de usabilidad para optimizar la experiencia de compra.

1. Vender con diseño.
ALGUNOS FACTORES CLAVE de DISEÑO para
OFRECER una MEJOR EXPERIENCIA de CONSUMIDOR.
#vendercondiseño

2. Realizamos
todo tipo de
proyectos
TRABAJAMOS EN TODOS LOS SECTORES:
• Servicios
públicos digitales
• Institucional
• eCommerce
• Industrial
• Cultural
• Editorial
• Servicios
• Startups
• Moda
• ...

3. Diseño de productos
y servicios digitales
Nuestros campos de actuación son:
• UX
/ Experiencia de Usuario
• Usabilidad
• Accesibilidad web
• IA / Arquitectura de la Información
• UI / Diseño de interfaz de usuario
• IxD / Diseño de interacción
• DCU / Diseño Centrado en el Usuario
• ...
Qué hacemos:
๏ Aplicaciones web / móviles
๏ Sitios web

4. Llegar al produc to.
( Vender es difícil. Y si tardan en encontrar lo que buscan... )

5. Home
Ficha de
producto
Olvidemos la página de inicio.
Construyamos / definamos el camino de abajo hacia arriba.
* Images: Creative Soapbox

6. * Image: Formstack
Landing page.
RECUERDA: Tu página de entrada no tiene porqué ser la home.

7. ¿Arroz con leche?
Naturales
Con frutas
¿Cremosos?
¿Con frutas?
Formato y tipo
mezclados. Pero no
en todos los casos.
Ordena tu catálogo.
No ‘sobrecategorices’. Ni justo lo contrario.
Ofrece un filtrado si el catálogo es amplio.

8. Vigila el SEO.
Si cometes un error, que sea “sin queriendo”.
El error tipográfico hay que contemplarlo.
Cuida los textos que describen tu producto.

9. Yo he buscado “chuleta”.
¿Fecha? Ruido innecesario.
Mismo resultado repetido.
Es mejorable.
Buscador que
no busca.
Si no puedes asegurar un
buen funcionamiento, mejor
no ofrecer un buscador.
No mezclemos cosas.
CATEGORIZA BIEN Y LISTO.

10. No te abandones.
Es mejor que quites la
opción de pedidos online a
que ocurra esto.
O PON EL TELÉFONO DE TODA
LA VIDA Y TIRA MILLAS.

11. ¿Quieres vender?
¿De verdad?
No cierres puertas a tu tienda.
Cuida los puntos de enganche.

12. Presentarse.
Ponerse guapo.
Haz que el FRÍO ACTO de la COMPRA se
CONVIERTA en ALGO IMPULSIVO.

13. Adelántate.
Estructura la información y el código.
Las grande compañías ya lo hacen.
Informa al comprador.
๏ No relegar totalmente la información
asociada a un apartado corporativo. Si
se hace, enlazar claramente para
ampliar la información.
๏ Enriquecer la información.
๏ Estructurar visualmente.
๏ Facilitar la lectura.
๏ Pensar en SEO.

14. Así da gusto
comprar.

16. Reducir el ruido.

17. No refleja el
producto.
Desconcierta.
¿Cerezas?
¿O frutas del
bosque?

18. ¿Moho?

19. ¡ALGO MEJOR, pero
se debe mejorar la
descripción! :)
Google Images es un aliado importante.
Cuidad las etiquetas “alt”.

20. Esto es magret.
Me gusta ver el género en detalle.
MUÉSTRAMELO.
Y esto.
Me gusta ver cómo me llegará.
MUÉSTRAMELO.
Esto también.
CONVÉNCEME. VÉNDEMELO.

21. Seducir.
SEAMOS ATRACTIVOS y SEDUZCAMOS
con PALABRAS al COMPRADOR.
(Secreto: Lo que toda la vida ha hecho un buen vendedor.)

22. Robótico
Robótico.
Dictatorial.
…
vs.
Persuasivo.
Cercano.
...
Elige la voz y el tono.
Y sé coherente.
ES UNA CUESTIÓN DE MARCA.
Humano

23. Conoce el poder de las palabras.
Gratis. Nuevo. Ahora.
ANTES
DESPUÉS
Más info: The 3 Words Your Customers Love Most

24. No sólo palabras. También números.
El poder del 9.
Antes 60€,
ahora sólo 45€!
vs.
Antes 60€,
ahora sólo 49€!

25. PROCESO DE COMPRA
No confundir.
No hacer pensar.
Evaluar el contexto.
Volver. Continuar. Enviar.
Ser claro y conciso.
Seguir comprando
Confirmar pedido
Confirmar los datos

26. No es una carrera de vallas.
CRONOMETRA en CUANTO TIEMPO
EFECTÚAS una COMPRA en tu TIENDA

27. "Llamadas a la acción"
claras.
Sin hacerle dudar.
Guiar claramente al usuario en cada paso.

29. 42.50€
42.5€
42,5 €
Precios de diseño sencillo.
Discernir rápidamente los datos.

30. ¿Disponibilidad?
No les hagas perder el tiempo.

31. Reducir el esfuerzo.
๏ Pedir datos al usuario al ir a efectuar el
pago.
๏ Sólo los necesarios.
๏ Evitar distracciones.
๏ Informar de cada paso del proceso lineal.
๏ Recolectada toda esta información, pedir
al usuario si queremos guardarlo todo
con una contraseña.
๏ Informarle de ventajas: en su próxima
compra no tendrá que meterlos, podrá
hacer un seguimiento de su compra, etc.
๏ Y si no se crean una cuenta, no les
impidamos hacer el pedido.

32. The Multi-Screen
integrated CX.
๏ ¿Habéis oído hablar de
‘responsive design’?
๏ Diseñar una vez, vender en
cualquier dispositivo.
๏ Hay gente que consulta en
móvil y compra en escritorio.
๏ Ojo con la carga. Estrategia
de contenido bien medida.
๏ Crear experiencia coherente.
Sin limitar posibilidades.
๏ Exige medir mejor la
usabilidad y la experiencia
de uso.
Ejemplo: Simulación de Nuts.com en diferentes dispositivos.
responsinator.com/?url=www.nuts.com
๏ Optimiza para los móviles +
habituales. (Analytics)
๏ Google lo recomienda.

33. Resultar creíble.
QUE CONFÍEN EN TI.

34. ¿Me puedo fiar?
¿Dónde estáis?
¿Quiénes sois?
Contacto claro: Teléfono y contactos visibles.
(redes sociales)
Quién está detrás: Dirección, Razón social, CIF
Sobre nosotros: Enlazar con apartado más
corporativo
Mostrar apartado de seguridad en pagos.

35. Transparencia.
Informar sobre el negocio, marcando diferencias
respecto a la competencia.

36. Preguntas
frecuentes.
Costes de envíos
Devoluciones
Cancelaciones
Empaquetado
Métodos de pago
...

37. ¿Eres legal?
Información sobre cookies
Términos y condiciones
Aviso legal
Política de privacidad
Recalcar la seguridad en el pago.
...

38. Observar qué pasa ahí detrás.
VER y ESCUCHAR. ADAPTARSE o MORIR.

39. Analítica web
๏ Sirve para muchas cosas. Entre otras:
๏ Palabras clave. Reforzar esos términos. Remodelar contenidos o la
arquitectura de éstos.
๏ Quién te enlaza. Establecer relaciones. Reputación.
๏ Tipos de dispositivos. Optimizar para éstos.
๏ Funnel de conversión. Ver mejorar se usabilidad.
No olvidemos lo que la
gente busca a través de
nuetro buscador.
๏ Detectar errores al ver puntos de abandono.
๏ Usuarios recurrentes.
๏ Grabar al usuario y ver cómo se comporta. Mapas de calor, alcance de
scroll, etc.

40. Más info:: How does A/B Split testing work? de Mailchimp
Tests A/B y Test multivariante
๏ Te permiten comparar entre 2 propuestas.
๏ Ejemplos:
๏ Qué texto persuade más.
๏ Qué color de botón convierte más.
๏ Qué foto atrae más...

41. Tests de usabilidad
๏ Evaluar complejidad de tareas, tiempos...
๏ Evaluar emociones.
๏ Evaluar legibilidad.
๏ Grabar a usuarios en sus quehaceres.
๏ Evaluar prototipos o proyectos finalizados.
๏ etc.

42. HEMOS LLEGADO AL FINAL. :)
¿Hablamos?
PRESENTADO POR:
Goio Telletxea & Ana Malagon
TWITTER:
E-MAIL:
@lapersonnalite
hq@lapersonnalite.com
Visit us: www.lapersonnalite.com
Write us: hq@lapersonnalite.com