Este documento ofrece consejos sobre factores clave de diseño para mejorar la experiencia del consumidor, incluyendo optimizar la navegabilidad de la tienda online, mejorar la presentación de los productos, y utilizar análisis web para comprender el comportamiento de los clientes.

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

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

3. Diseño de productos
y servicios digitales
• 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
• ...
Nuestros campos de actuación son:
๏ Aplicaciones web / móviles
๏ Sitios web
Qué hacemos:

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

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

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

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

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

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. 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.
Estructura la información y el código.
Las grande compañías ya lo hacen.
Adelántate.

14. Así da gusto
comprar.

16. Reducir el ruido.

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

18. ¿Moho?

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

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

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

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

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

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

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

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.
๏ Optimiza para los móviles +
habituales. (Analytics)
๏ Google lo recomienda.
Ejemplo: Simulación de Nuts.com en diferentes dispositivos.
responsinator.com/?url=www.nuts.com

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

34. 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.
¿Me puedo fiar?
¿Dónde estáis?
¿Quiénes sois?

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. Información sobre cookies
Términos y condiciones
Aviso legal
Política de privacidad
Recalcar la seguridad en el pago.
...
¿Eres legal?

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.
๏ 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.
No olvidemos lo que la
gente busca a través de
nuetro buscador.

40. 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...
Más info:: How does A/B Split testing work? de Mailchimp

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. ¿Hablamos?
Visit us: www.lapersonnalite.com
Goio Telletxea & Ana Malagon
PRESENTADO POR:
TWITTER: @lapersonnalite
E-MAIL: hq@lapersonnalite.com
HEMOS LLEGADO AL FINAL. :)
Write us: hq@lapersonnalite.com