Diseño web B2B: cómo la agencia líder de diseño de UX de Los Ángeles utiliza datos y procesos para una experiencia de usuario que convierte

El 67% de las decisiones de compra B2B están influenciadas por lo digital, sobre todo, su sitio web.

Y el 37% de los visitantes abandonará su sitio web si es difícil de navegar.

¿Qué significa esto para su negocio B2B?

Esto significa que:

• La experiencia de usuario (UX) bien diseñada puede retener un 37% más de visitantes en su canal de ventas
• La optimización de su sitio web, junto con otros canales digitales, puede acercar el 67% de sus clientes potenciales a la conversión.

En este artículo, discutimos el diseño web B2B con Jinny Oh, fundador y director ejecutivo de la agencia de diseño de UX líder en Los Ángeles, WANDR.

Nos basamos en la rica experiencia y experiencia de WANDR en el diseño de UX B2B para identificar las mejores prácticas, ejemplos de la industria y herramientas.

Vamos a sumergirnos.

1. DR: Hola Jinny, comencemos con una breve descripción de los antecedentes de WANDR en el diseño web B2B.

Jinny Oh: Comencé WANDR en junio de 2016. Desde entonces, nuestro equipo ha trabajado con muchos clientes notables, incluido World Wildlife Fund (WWF); Sostenible; Fuerza Aérea de los Estados Unidos; Dollar Shave Club; IBM Watson; y Seguro de Autopista (Confie).

Varias plataformas de calificación nos han clasificado como la agencia de experiencia de usuario número 1 y hemos votado como la mejor empresa de diseño de experiencia de usuario por usted, Design Rush, para las áreas de Los Ángeles y SF. (¡Gracias! ?? )

2. DR: ¿Cuáles son los elementos clave –o cualidades– de un buen diseño web B2B?

JO: Es imperativo centrarse en por qué los usuarios han visitado su sitio web en primer lugar.

¿Tiene contenido claro que le habla a sus clientes? ¿El contenido de su sitio web atrae a los visitantes y los mantiene comprometidos? ¿Les agrega valor? ¿Cómo?

Estas preguntas definen su enfoque. Impulsa su diseño web B2B.

Otra característica fundamental, pero que a menudo se pasa por alto, es tener una visibilidad clara de los números de teléfono. Desea dirigir rápidamente a los usuarios a los representantes de ventas / representantes de servicio al cliente.

Además, un enlace de llamada a la acción (CTA) "Programe una demostración" es imprescindible para cualquier diseño web B2B. Esto convierte a los visitantes del sitio web en clientes potenciales de ventas.

Haga que esta CTA sea divertida y única con un video teaser. De esta manera, los clientes saben lo que pueden esperar al programar una demostración. También agrega un factor humano, establece credibilidad y aumenta las conversiones. Para obtener más información sobre los aspectos fundamentales y los elementos clave del tablero, consulte nuestra publicación de blog sobre Los mejores ejemplos de tableros de 2019.

Por último, la transparencia es el nombre del juego en 2020.

Asegúrese de que los clientes potenciales tengan claro que ha identificado su problema y que su software es su solución. Aborde claramente cómo funciona el plan de precios y cómo su producto puede agregarles valor.

3. DR: Explíquenos su proceso: ¿Cómo aborda el diseño B2B UX?

JO: En general, en WANDR, creemos que el enfoque más importante para el diseño de UX B2B implica datos y un equipo sólido.

Nuestro marco:

• Comprenda los objetivos, visiones y KPI de los clientes. Hacemos preguntas como '¿Qué recursos tiene (o de los que carece) que nos prohibirían implementar y / o ejecutar sus visiones y objetivos?'
• ¡Es hora de investigar! Queremos saber quiénes son los clientes de nuestros clientes. A continuación, queremos comprender cómo los competidores atienden a sus clientes y qué tienen que decir los clientes sobre los competidores (¿qué les gusta o disgusta a los usuarios del servicio de un competidor?). Finalmente, identificamos brechas.
• Audite el producto existente. ¿La brecha coincide con el diagnóstico del producto?
• ¡Tiempo de producción! Comenzamos a construir el viaje de usuario más óptimo en función de la investigación que hemos realizado. Construimos la arquitectura de la información y luego los wireframes de baja fidelidad.
• Pruebas de usabilidad utilizando wireframes.
• Por último, pero ciertamente no menos importante, es hora de implementar la dirección de arte / diseños visuales para llevar los wireframes probados a diseños visuales de alta fidelidad.

4. DR: Hablemos de auditoría de UX: ¿Qué es y por qué es importante?

JO: ¡ Ahh, la famosa pregunta!

Aquí está la cosa: la UX está directamente asociada tanto con su línea superior como con su línea inferior.

Dado que la UX está directamente relacionada con su ROI financiero y los éxitos generales de su organización, es importante llevar esto a la primera línea de cada conversación de toma de decisiones. De hecho, las estadísticas muestran que las empresas impulsadas por el diseño superan a S&P en un 228% en diez años.

Una auditoría de UX, o auditoría de usabilidad, es una forma en que los líderes de producto / gerentes de producto identifican áreas que pueden mejorar el rendimiento de su producto en general.

La auditoría de UX identifica dónde puede estar ocurriendo la fricción y por qué.

Para obtener una guía sobre cómo realizar su propia auditoría de UX, descargue nuestro libro electrónico gratuito que tenemos en la parte inferior de la página de inicio de nuestro sitio web.

Piense en ello como una revisión de mantenimiento regular para su automóvil o su examen físico anual; es una forma de mantener su producto bajo control.

Si está más interesado en cómo las auditorías de UX aumentan las ventas, escribí una publicación de blog sobre esto que puede consultar aquí.

Basándonos en nuestra experiencia, realizar una auditoría de UX trimestralmente ayuda a los equipos de productos a mantenerse enfocados en crear las experiencias de usuario más óptimas para sus clientes.

5. DR: ¿Cuáles son algunos de los conceptos erróneos más comunes sobre el diseño web B2B?

JO: La idea errónea más común que escucho con frecuencia es que el diseño web B2B o cualquier cosa relacionada con B2B es que es simple y estático.

En WANDR, nuestra misión es acabar con la idea errónea de que el diseño web B2B es aburrido y poco atractivo para el público.

Queremos que B2B sea tan divertido, sexy, fácil de usar y tan fácil de entender como los productos de consumo.

6. DR: ¿Cuáles son algunas de las tendencias en diseño web B2B que le gustaría que fueran?

JO: Hmmm, pregunta difícil.

Creo que la tendencia de diseño web B2B de tener chatbots de IA no vale la pena ni el tiempo ni el esfuerzo, ya que los datos muestran que no funciona tan eficazmente como la interacción humana real (a través del chat, correo electrónico, teléfono, etc.) para convertir a los usuarios en clientes de pago. .

Es posible que esto no se aplique a organizaciones más grandes, que han gastado tiempo, energía y otros recursos para hacer que su chatbot de IA sea muy eficiente.

Por ejemplo, Time Warner tiene un gran chatbot, que termina disminuyendo la cantidad de llamadas al servicio de atención al cliente.

Sin embargo, aparte de eso, no veo la necesidad de ellos en otros sitios que generalmente me preguntan "¿En qué puedo ayudarlo?" - Es más una ventana emergente molesta que me distrae y ocupa demasiado espacio.

En resumen, creo que la cantidad de tiempo, esfuerzo y dinero que muchas empresas y algunas agencias de marketing SaaS invierten en el desarrollo de chatbots no vale el valor que se le da al cliente. Además, no termina generando ni ahorrando dinero de SaaS a largo plazo.

7. DR: Hablando de tendencias, ¿cómo se asegura de que los sitios web de sus clientes sigan siendo relevantes a largo plazo? ¿Y qué constituye el largo plazo en el diseño de UX y UI? ¿Con qué frecuencia las empresas deben actualizar su diseño web?

Siempre alentamos a los clientes a que realicen una auditoría de UX con nosotros una vez al año, si no más a menudo (nuestros clientes auditados trimestralmente tienen los mejores resultados).

Además de identificar y solucionar problemas que conducen a abandonos o quejas de los clientes, también auditamos el diseño web de nuestros clientes para conocer las tendencias actuales.

Esto asegura que nuestros clientes sean proactivos para mantenerlos y adelantarse a la competencia.

8. DR: ¿Cuáles son algunos de los mejores ejemplos de diseño B2B UX en sus libros? ¿Qué los hace grandes?

Consulte nuestras dos últimas publicaciones de blog sobre los 10 mejores sitios web UX y los 10 mejores sitios web SaaS de 2019. A continuación, se muestran tres ejemplos que he tomado de mi blog:

1. Tenable

(uno de los nuestros)
Lo que quiero resaltar aquí es la UX de su tablero y la visualización de datos.

La cantidad de producción y pruebas que hemos realizado para la visualización de sus datos es bastante extensa.

Creamos varios temas para el mismo panel (por ejemplo, la versión oscura para los usuarios a los que les gusta trabajar hasta altas horas de la noche; y también el tema de alto contraste para los usuarios que requieren una mejor accesibilidad).

Es uno de los mejores debido a la gran cantidad de tratamientos que hemos realizado para su visualización de datos.

2. Zoe Financial

(uno de los nuestros)
Este fue un diseño realmente basado en datos.

Trabajamos muy de cerca con su jefe de producto en su sitio web y la incorporación de usuarios, asegurándonos de que todo lo que diseñamos fuera rastreado y analizado.

Además de las pruebas de usabilidad que solemos realizar, contamos con amplios puntos de datos que guiaron la forma en que diseñamos la experiencia del usuario.

3. AirTable

¡Estos chicos son increíbles!

Realmente saben cómo incorporar nuevos usuarios y hacer que los usuarios actuales descubran más formas de utilizar sus herramientas.

Para la mayoría de las aplicaciones, la tasa de abandono más alta se produce justo después de que los usuarios se registran, porque los usuarios a menudo se sienten abrumados, perdidos o no saben por dónde empezar, pero estos chicos salvaron la brecha.

9. DR: ¿Qué herramientas utiliza WANDR para producir diseños web líderes en la industria?

JO:

• Figma: si Sketch es como Microsoft Word, Figma es como Google Docs para software de diseño. Es en tiempo real y está basado en la web, por lo que todos los miembros de su equipo de producto pueden editar al mismo tiempo en el mismo archivo. También es ideal para el control de versiones.
• Airtable: esta ingeniosa herramienta es increíble para la organización. Puede personalizar cómo desea organizarlo, según el proyecto o la tarea que esté enfrentando y sin importar el tamaño (esto es un poco difícil de explicar sin verlo usted mismo, pero hemos descubierto que esta es la mejor herramienta para los gerentes de proyectos , amantes de la organización y todos los demás).
• Zoom: Nos encanta esta función para realizar videollamadas y grabaciones claras y fiables.
• Loom: increíble y una herramienta tan fácil para grabar su pantalla para comentarios y tutoriales / instrucciones. Excelente para incorporar y capacitar a nuevos miembros del equipo, o grabar una reunión de grupo, a la que alguien de su equipo no pudo asistir.

10. DR: Finalmente, ¿qué podemos esperar ver en el diseño web B2B este año, en cuanto a tendencias?

JO: Escribí un artículo sobre las 5 tendencias de UX que podemos esperar ver en 2020 que puedes consultar aquí.

Al ritmo que la tecnología se mueve, predigo que 2020 traerá algunas actualizaciones en:

• Interfaz de voz en off
• Más enfoque en las necesidades / problemas del cliente en comparación con lo que hace la empresa
• Diseño 3D y animaciones HTML5
• Accesibilidad como DEBE
• Diseño basado en datos
• Personalización de contenido dinámico

¡Gracias Jinny!

¿Quiere ofrecer a sus usuarios una experiencia in situ inolvidable? Póngase en contacto con WANDR a través de [email protected] o llame al +1 (323) 690-7705.