$30 off During Our Annual Pro Sale. View Details »

Vender con diseño

La Personnalité
September 16, 2013

Vender con diseño

Algunos factores clave de diseño para ofrecer una mejor experiencia al consumidor. Presentado por Goio Telletxea.

La Personnalité

September 16, 2013
Tweet

More Decks by La Personnalité

Other Decks in Design

Transcript

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

    View Slide

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

    View Slide

  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:

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  7. Ordena tu catálogo.
    No ‘sobrecategorices’. Ni justo lo contrario.
    Ofrece un ltrado 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?

    View Slide

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

    View Slide

  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.

    View Slide

  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.

    View Slide

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

    View Slide

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

    View Slide

  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.

    View Slide

  14. Así da gusto
    comprar.

    View Slide

  15. View Slide

  16. Reducir el ruido.

    View Slide

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

    View Slide

  18. ¿Moho?

    View Slide

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

    View Slide

  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.

    View Slide

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

    View Slide

  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

    View Slide

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

    View Slide

  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.

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  28. View Slide

  29. 42.50€
    42.5€

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

    View Slide

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

    View Slide

  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.

    View Slide

  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

    View Slide

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

    View Slide

  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 ar?
    ¿Dónde estáis?
    ¿Quiénes sois?

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  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.

    View Slide

  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

    View Slide

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

    View Slide

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

    View Slide