Experiência do usuário: sete práticas recomendadas de estado vazio para design UX

Semelhante a um mapa, os estados vazios - direção das instruções em uma página da web ou em um software - guiam o usuário em uma jornada pelo seu site ou software. Imagine tentar planejar uma viagem para um lugar onde você nunca esteve usando um mapa que não contém grandes informações. Os estados vazios são as telas que preenchem esses espaços em branco. Com design e posicionamento bem pensados, essas telas podem fazer a diferença entre um usuário feliz e um frustrado que abandona seu site no meio do caminho.

De acordo com a IBM, cada dólar investido em facilidade de uso retorna US $ 10 a US $ 100, afirma Megan Hartman, aprendiz da UXbeginner. Esse ROI é apenas um motivo para gastar mais tempo decidindo qual plataforma de comércio eletrônico é a certa para sua empresa e clientes. A experiência do usuário (UX) está se tornando cada vez mais importante para a satisfação, engajamento, aquisição e retenção do cliente. Dependendo de como sua plataforma ou produtos são amigáveis ​​ao usuário, a experiência do usuário pode fazer ou quebrar sua lista de clientes.

Os estados vazios são um conceito importante para aqueles que apoiam as empresas locais na mudança para o comércio eletrônico e soluções digitais. Uma ótima experiência do usuário é sinônimo de uma ótima primeira impressão; é parte integrante do relacionamento entre uma empresa local e um especialista local de confiança. Estados vazios bem projetados garantem que suas soluções e site de negócios tenham uma aparência profissional. Isso ajuda a dar aos clientes em potencial uma primeira impressão positiva de sua empresa, estimulando a confiança e a segurança em sua capacidade de orientá-los.

O uso apropriado de estados vazios pode ajudá-lo a reter mais clientes, proporcionando uma experiência de usuário tranquila.

“Sem os estados vazios, o usuário não sabe o que fazer a seguir e pode facilmente se perder no software ou em um site. Quando eles não sabem o que fazer, provavelmente abandonarão o seu site e irão para outro. Os estados vazios atenuam essa queda e permitem que o usuário continue na jornada que você espera que ele faça ”, diz Loni Goff, designer da Vendasta .

Este elemento de design pode ter um impacto crítico em como um usuário interage com seu site. Ao reconhecer a importância da experiência do usuário, os designers da Vendasta UX estão continuamente adicionando mais estados vazios em pontos críticos em toda a plataforma de comércio eletrônico de ponta a ponta. Plataformas de mídia social como Facebook e Snapchat usam telas de estado vazio para solicitar a adição de “amigos” à sua rede social. Os prompts promovem a satisfação e a retenção do cliente porque mantêm os usuários ativos e engajados.

Estados vazios e a experiência do usuário

Os estados vazios ajudam os usuários a atingir seus objetivos no software ou em um site. Eles podem incluir direcionar novos usuários a modelos que os ajudarão a começar a usar o software que estão usando. Estados vazios podem ocorrer quando há um erro, um URL incorreto é pesquisado ou um URL antigo é usado.

Eles podem ser usados ​​para coletar inteligência de marketing, exigindo que um formulário seja preenchido antes que a próxima página seja preenchida. Empresas como a Hubspot usam esse estado de preenchimento de formulário vazio quando os usuários desejam acessar determinado conteúdo.

Essas telas são usadas para aumentar o engajamento, fazendo com que os usuários participem da próxima etapa que o designer deseja que eles realizem. Eles também podem ser usados ​​como uma explicação de por que algo em um site não está respondendo. O Yelp usa uma tela de estado vazia que tem um visual de construção habilmente combinado com texto engraçado que adiciona humor a uma circunstância frustrante.

Práticas recomendadas de estado vazio

1. Orientar a experiência do usuário

Aproveite esta oportunidade para transmitir informações ao usuário. Isso pode incluir a próxima etapa que eles devem realizar, um aviso de um link quebrado ou qualquer coisa para evitar uma experiência ruim do usuário. Essa interação guiada com o usuário pode realmente influenciar sua decisão final sobre permanecer em um site.

Veja o exemplo abaixo do Skyscanner.

Fonte da imagem

2. Escolha suas palavras com cuidado

Formular a mensagem certa é extremamente importante no software de estado vazio. A mensagem deve ser clara para que não seja facilmente mal interpretada. A explicação escrita deve ajudar o usuário a entender o que precisa fazer a seguir. Isso pode ser qualquer coisa, desde a criação de um perfil até a adição de outros usuários a uma rede. Este guia escrito deve ser conciso para que o usuário possa facilmente dar o próximo passo apropriado.

3. Use conteúdo visual

Interaja com o usuário além de apenas palavras com algum conteúdo visual bem projetado. Esta oportunidade de marca deve incluir uma imagem que corresponda ao texto. Certifique-se de que o criativo não seja muito chamativo ou grande e que seja uma representação visual do texto no estado vazio. A adição de uma imagem faz com que o estado de vazio pareça mais profissional e atraente.

4. Inclua um botão

Os botões são um prompt claro para guiar o usuário para onde o designer deseja levá-los. Essa experiência de engenharia pode levar os usuários a qualquer lugar do site. Ele pode direcioná-los a adicionar contatos a uma lista de clientes ou adicionar uma plataforma social a um software, como no Relatório Instantâneo de Vendasta . Este relatório é uma ferramenta automatizada de inteligência de vendas que obtém uma avaliação das necessidades de marketing para os clientes em potencial a partir de suas informações disponíveis online.

Veja a progressão do estado vazio do Dropbox abaixo, incluindo um texto inteligente, uma imagem correspondente e um botão.

Fonte da imagem

5. Peça ao usuário para clicar em algum lugar da página

Isso pode ser útil quando o usuário está apenas começando no seu site ou no software. Inclua uma breve descrição e setas apontando para alguns dos botões importantes localizados na tela.

Fonte da imagem

6. Backlink para o conteúdo

Adicione um backlink em um estado vazio que vincule a uma parte do conteúdo do tópico. Essa prática recomendada é uma boa prática se uma biblioteca de conteúdo estiver prontamente disponível no site - qualquer coisa que forneça informações sobre o seu site que possa ser útil para um usuário. Isso pode incluir um link para uma demonstração, um blog de alto nível ou um artigo informativo de como fazer.

7. Garantir que designers e desenvolvedores tenham uma boa relação de trabalho

No caso em que um estado vazio aborda um problema técnico, como o clássico “Erro 404”, isso geralmente significa que há uma grande desconexão na comunicação entre desenvolvedores e designers. Essas mensagens inúteis provavelmente não foram examinadas por um designer e confundem a experiência do usuário.

The Takeaway

Estados vazios:

• Aumentar a aquisição de clientes
• Aumente a retenção de clientes
• Reduza as taxas de rejeição do site
• Aumente o envolvimento do cliente

Os estados vazios não são apenas um roteiro em sites e softwares, mas também informam ao usuário a vantagem de seguir as próximas etapas.

Ferramentas como o Snapshot Report usam estados vazios para ajudá-lo a aumentar a aquisição de clientes, avaliando as necessidades de marketing digital dos clientes em potencial. Por exemplo, você poderá ver seu desempenho em listagens, avaliações, mídia social, sites, publicidade digital, SEO e comércio eletrônico, e os estados vazios solicitarão as próximas etapas.