B2B Web Design: Como a agência líder em design UX de Los Angeles usa dados e processos para UX que converte

67% das decisões de compra de B2B são influenciadas pelo digital, mais notavelmente, seu site.

E, 37% dos visitantes deixarão seu site se for difícil de navegar.

O que isso significa para o seu negócio B2B?

Significa que:

• A experiência do usuário bem projetada (UX) pode reter 37% mais visitantes em seu pipeline de vendas
• Otimizar seu site, junto com outros canais digitais, pode aproximar 67% de seus leads da conversão

Neste artigo, discutimos o design de web B2B com Jinny Oh, fundador e CEO da agência de design UX líder de Los Angeles, WANDR.

Nós nos baseamos na rica experiência e expertise da WANDR em design B2B UX para identificar as melhores práticas, exemplos da indústria e ferramentas.

Vamos mergulhar.

1. DR: Olá Jinny, vamos começar com uma breve visão geral da experiência da WANDR em web design B2B.

Jinny Oh: Comecei a WANDR em junho de 2016. Desde então, nossa equipe tem trabalhado com muitos clientes notáveis, incluindo World Wildlife Fund (WWF); Sustentável; Força aérea dos Estados Unidos; Dollar Shave Club; IBM Watson; e Seguro de Autoestrada (Confie).

Fomos classificados como a agência UX nº 1 por várias plataformas de classificação e eleitos a melhor empresa de design UX por você, Design Rush, para as áreas de Los Angeles e SF. (Obrigado! ?? )

2. DR: Quais são os elementos-chave - ou qualidades - de um bom web design B2B?

JO: É imperativo focar no motivo pelo qual os usuários pararam no seu site em primeiro lugar.

Você tem um conteúdo claro que fala aos seus clientes? O conteúdo do seu site atrai visitantes e os mantém engajados? Isso agrega valor a eles? Como?

Essas perguntas definem seu foco. Ele impulsiona o seu design da web B2B.

Outro recurso crítico, mas frequentemente esquecido, é ter uma visibilidade clara dos números de telefone. Você deseja direcionar rapidamente os usuários aos representantes de vendas / representantes de atendimento ao cliente.

Além disso, um link de call to action (CTA) “Agende uma demonstração” é OBRIGATÓRIO para qualquer web design B2B. Isso converte os visitantes do site em leads de vendas.

Torne este CTA divertido e único com um vídeo teaser. Dessa forma, os clientes sabem o que podem esperar do agendamento de uma demonstração. Ele também adiciona um fator humano, estabelece credibilidade e aumenta as conversões. Para saber mais sobre os fundamentos do painel e os principais elementos, confira nossa postagem no blog Os melhores exemplos de painel de 2019.

Por último, transparência é o nome do jogo em 2020.

Certifique-se de que está claro para os clientes em potencial que você identificou o problema deles e que o seu software é a solução. Aborde claramente como funciona o plano de preços e como seu produto pode agregar valor a eles.

3. DR: Acompanhe-nos em seu processo: Como você aborda o design B2B UX?

JO: No geral, na WANDR, acreditamos que a abordagem mais importante para o design de UX B2B envolve dados e uma equipe forte.

Nossa estrutura:

• Entenda as metas, visões e KPIs dos clientes. Fazemos perguntas como 'Quais recursos você tem (ou falta) que nos proíbem de implementar e / ou executar suas visões e objetivos?'
• É hora de pesquisar! Queremos saber quem são os clientes dos nossos clientes. Em seguida, queremos entender como os concorrentes estão atendendo seus clientes e o que os clientes têm a dizer sobre os concorrentes (o que os usuários gostam / não gostam no serviço de um concorrente?). Finalmente, identificamos lacunas.
• Audite o produto existente. A lacuna corresponde ao diagnóstico do produto?
• Tempo de produção! Começamos a construir a jornada do usuário ideal com base na pesquisa que conduzimos. Nós construímos a arquitetura de informação e então wireframes de baixa fidelidade.
• Teste de usabilidade usando wireframes.
• Por último, mas não menos importante, é hora de implementar a direção de arte / designs visuais para trazer os wireframes testados em designs visuais de alta fidelidade.

4. DR: Vamos falar de auditoria UX: O que é e por que é importante?

JO: Ahh, a famosa pergunta!

Aqui está o problema: UX está diretamente associado tanto à sua linha superior quanto à sua linha inferior.

Como a UX está diretamente ligada ao seu ROI financeiro e aos sucessos gerais de sua organização, é importante trazer isso para a linha de frente de todas as conversas de tomada de decisão. Na verdade, as estatísticas mostram que as empresas orientadas para o design superam a S&P em 228% em dez anos.

Uma auditoria UX, ou auditoria de usabilidade, é uma maneira para os líderes / gerentes de produto identificarem áreas que podem melhorar o desempenho em seu produto geral.

A auditoria UX identifica onde o atrito pode estar ocorrendo e por quê.

Para obter um guia sobre como conduzir sua própria auditoria de UX, baixe nosso e-book gratuito que temos na parte inferior da página inicial do nosso site.

Pense nisso como uma verificação de manutenção regular para seu carro ou seu exame físico anual - é uma maneira de manter seu produto sob controle.

Se você estiver mais interessado em como as auditorias de UX aumentam as vendas, escrevi uma postagem no blog sobre isso que você pode conferir aqui.

Com base em nossa experiência, a realização de uma auditoria UX trimestral ajuda as equipes de produto a manter o foco na criação das melhores experiências de usuário para seus clientes.

5. DR: Quais são alguns dos equívocos comuns sobre web design B2B?

JO: O equívoco mais comum que ouço com frequência é que o web design B2B ou qualquer coisa relacionada a B2B é que é simples e estático.

Na WANDR, é nossa missão quebrar o conceito errôneo de que o web design B2B é chato e desagradável para o público.

Queremos que o B2B seja tão divertido, atraente, fácil de usar e de entender quanto os produtos de consumo.

6. DR: Quais são algumas das tendências em web design B2B que você gostaria que fossem?

JO: Hmmm, pergunta difícil.

Acho que a tendência de web design B2B de ter chatbots AI não vale o tempo ou esforço, como os dados mostram que não funciona tão eficazmente quanto a interação humana real (por meio de chat, e-mail, telefone, etc.) na conversão de usuários em clientes pagantes .

Isso pode não se aplicar a organizações maiores, que gastaram tempo, energia e outros recursos para tornar seu chatbot de IA muito eficiente.

Por exemplo, a Time Warner tem um ótimo chatbot, que acaba diminuindo o número de ligações para o suporte ao cliente.

No entanto, além disso, não vejo necessidade deles em outros sites que geralmente me perguntam “Em que posso ajudá-lo?” - é mais um pop-up chato que me distrai e ocupa muito espaço.

Em resumo, acho que a quantidade de tempo, esforço e dinheiro que muitas empresas e algumas agências de marketing de SaaS investem no desenvolvimento de chatbots não vale o valor dado ao cliente. Além disso, ele não acaba ganhando ou economizando dinheiro com SaaS no longo prazo.

7. DR: Falando em tendências, como você garante que os sites de seus clientes permaneçam relevantes a longo prazo? E o que constitui longo prazo em design de UX e UI? Com que frequência as empresas devem atualizar seu design da web?

Sempre incentivamos os clientes a fazer uma auditoria UX conosco uma vez por ano, se não com mais frequência (nossos clientes auditados trimestralmente têm os melhores resultados).

Além de identificar e corrigir problemas que levam a desistências ou reclamações de clientes, também auditamos o design da web de nossos clientes para as tendências atuais.

Isso garante que nossos clientes sejam proativos em relação a mantê-los e à frente dos concorrentes.

8. DR: Quais são alguns dos melhores exemplos de design B2B UX em seus livros? O que os torna excelentes?

Confira nossas duas últimas postagens no blog sobre Os 10 melhores sites UX e Os 10 melhores sites SaaS de 2019. Abaixo estão três exemplos que peguei do meu blog:

1. Tenable

(um dos nossos)
O que quero destacar aqui é a UX de seu painel e a visualização de dados.

A quantidade de produção e testes que fizemos para sua visualização de dados é bastante extensa.

Criamos vários temas para o mesmo painel (por exemplo, versão escura para usuários que gostam de trabalhar até tarde da noite; e também o tema de alto contraste para usuários que precisam de melhor acessibilidade).

É um dos melhores por causa da extensa quantidade de tratamentos que fizemos para sua visualização de dados.

2. Zoe Financial

(um dos nossos)
Este foi um design verdadeiramente baseado em dados.

Trabalhamos em estreita colaboração com o chefe de produto em seu site e na integração do usuário - garantindo que tudo o que projetamos fosse rastreado e analisado.

Além dos testes de usabilidade que normalmente realizamos, tínhamos muitos dados que orientaram a maneira como projetamos a experiência do usuário.

3. AirTable

Esses caras são incríveis!

Eles realmente sabem como integrar novos usuários e fazer com que os usuários atuais descubram mais maneiras de utilizar suas ferramentas.

Para a maioria dos aplicativos, a maior taxa de rotatividade ocorre logo após os usuários se inscreverem, porque os usuários muitas vezes se sentem sobrecarregados, perdidos ou não sabem por onde começar, mas esses caras preencheram a lacuna.

9. DR: Quais ferramentas WANDR usa para produzir designs de web líderes de mercado?

JO:

• Figma: Se o Sketch é como o Microsoft Word, então o Figma é como o Google Docs for Design Software. É em tempo real e baseado na web, para que todos em sua equipe de produto possam editar ao mesmo tempo no mesmo arquivo. Também é ótimo para controle de versão.
• Airtable: Esta ferramenta bacana é incrível para a organização. Você pode personalizar como deseja organizá-lo, com base em qualquer projeto ou tarefa que esteja enfrentando e não importa o tamanho (isso é meio difícil de explicar sem ver por si mesmo, mas descobrimos que esta é a melhor ferramenta para gerentes de projeto , amantes da organização e todos os demais).
• Zoom: adoramos isso para chamadas e gravações de videoconferência nítidas e confiáveis.
• Loom: incrível e uma ferramenta tão fácil para gravar sua tela para feedback e tutoriais / instruções. Ótimo para integrar e treinar novos membros da equipe ou gravar uma reunião de grupo, onde alguém de sua equipe não pôde comparecer.

10. DR: Finalmente, o que podemos esperar do web design B2B este ano, em termos de tendências?

JO: Eu escrevi um artigo sobre as 5 tendências de UX que podemos esperar ver em 2020 que você pode conferir aqui.

No ritmo em que a tecnologia está se movendo, prevejo que 2020 trará algumas atualizações em:

• Interface de Voice Over
• Mais foco nas necessidades / problemas do cliente versus o que a empresa faz
• Design 3D e animações HTML5
• Acessibilidade OBRIGATÓRIA
• Design Baseado em Dados
• Personalização de conteúdo dinâmico

Obrigado Jinny!

Quer proporcionar aos seus usuários uma experiência inesquecível no local? Entre em contato com o WANDR via [e-mail protegido] ou ligue para +1 (323) 690-7705.