4 UX Patterns I Fixed at 50+ B2B SaaS Companies (You Can Too)
Os Quatro Padrões de UX Mais Negligenciados em SAS
Introdução
- Diane, fundadora do projeto de design, compartilha sua experiência como designer para empresas como Crocs e Mercedes-Benz, além de ter trabalhado com várias startups SAS.
- A apresentação foca em quatro padrões de UX que são frequentemente ignorados, mas fáceis de corrigir com a ajuda da IA.
Padrão 1: Estados Vazios Significativos
- Muitos usuários enfrentam telas vazias ao iniciar novas funcionalidades ou dashboards, sem saber como proceder.
- Exemplo do Slack: antes os usuários eram empurrados para canais vazios; agora há templates que ajudam a guiar o usuário.
- Estados vazios podem reduzir o tempo até o valor em 30%, e 60% dos novos usuários abandonam produtos na primeira utilização por falta de orientação.
- Sugestões rápidas incluem adicionar exemplos nos campos de formulário e criar uma hierarquia visual clara para as ações principais.
- Quando a complexidade aumenta, é recomendável trazer um designer para melhorar a experiência do usuário durante o onboarding.
Padrão 2: Desfazer e Operações em Lote
- Produtos SAS muitas vezes não consideram operações em larga escala; exemplo do Gmail que tem dificuldades nesse aspecto.
- Comparação entre Gmail (opções ocultas para seleção múltipla) e Asana (opções visíveis e acessíveis).
- 40% dos usuários abandonam tarefas que exigem ações repetitivas; soluções simples incluem caixas de seleção no topo das colunas.
- É crucial incluir uma opção de desfazer após operações em lote para evitar pressão sobre os usuários.
- Designers são necessários quando há muitas opções disponíveis nas operações em lote, exigindo um pensamento mais profundo sobre os padrões.
Padrão 3: Ajuda Contextual Inline
- Em muitos produtos SAS, o conteúdo pode ser complexo; é importante fornecer informações adicionais diretamente na interface.
- Exemplo negativo do AWS: separação entre páginas de ajuda e console dificulta a navegação do usuário.
- Ajuda contextual pode reduzir tickets de suporte em 25%; sugestões incluem ícones informativos e texto inteligente nos placeholders.
- A IA pode ajudar a gerar dicas contextuais úteis; designers são necessários quando as informações se tornam muito complexas.
Padrão 4: Recuperação Clara de Erros
(Nota: O padrão quatro não foi completamente abordado no trecho fornecido.)
A Importância da Mensagem de Erro Clara
Mensagens de erro e sua relevância
- Mensagens de erro claras podem reduzir em 30% os tickets de suporte, minimizando frustrações que levam à perda de clientes.
- Um exemplo comum é a validação de formulários; se um campo obrigatório não for preenchido, a mensagem deve ser específica, como "campo nome não preenchido".
- Em caso de falhas na API, comunicar claramente que houve uma falha evita confusões para o usuário sobre o que ele fez errado.
Estratégias para melhorar a comunicação de erros
- A fórmula para resolver problemas é: comunicar o que deu errado, por que aconteceu e como corrigir. Isso pode ser facilitado pelo uso da IA.
- Designers devem ser envolvidos quando há múltiplos erros em uma página; uma abordagem mais visual pode ajudar na comunicação eficaz dos problemas.
Padrões UX recomendados
- Quatro padrões UX fáceis de implementar:
- Estados vazios significativos.
- Operações de desfazer e em massa.
- Ajuda contextual inline para recuperação clara de erros.
Desafio proposto
- O desafio é escolher um dos padrões mencionados, auditar seu produto e corrigir o pior exemplo encontrado. Essa tarefa pode ser realizada rapidamente com a ajuda da IA.