App Health

App Health: melhoria de UX na visualização de status de unidades em tempo real

A atualização da tela de acesso ao sistema foi projetada para resolver questões críticas enfrentadas pelos usuários, proporcionando clareza sobre o status de suas unidades. Com uma interface redesenhada, agora é possível visualizar rapidamente o status, data de expiração e ações possíveis para cada unidade, utilizando indicadores visuais e textuais. Este projeto resulta em uma experiência mais intuitiva e satisfatória, diminuindo a sobrecarga do suporte ao cliente e aumentando a eficiência operacional.

Usuária interagindo com interface de sistema em laptop, mostrando status de unidades e gráficos financeiros.
Cliente
App Health
Área
Healthtech

O App Health precisava tornar mais clara a situação das unidades associadas a cada utilizador

A plataforma permite que os clientes acedam a diferentes unidades através de uma tela apresentada logo após o login.

Na versão anterior, essa tela mostrava apenas os nomes das unidades disponíveis, sem informações sobre validade, bloqueios ou condições de acesso. Quando uma unidade estava expirada ou indisponível, o utilizador não conseguia compreender o motivo nem identificar como resolver o problema.

Essa falta de informação gerava frustração durante o acesso e aumentava o volume de pedidos enviados à equipa de Customer Success.

Transformar uma tela simples de seleção numa experiência informativa, clara e orientada à ação

Redesenhámos a tela de acesso para explicar o estado de cada unidade e apresentar a próxima ação disponível

O projeto começou com a análise dos pedidos de suporte mais frequentes e entrevistas com a equipa de Customer Success. Esse levantamento ajudou a identificar as principais dúvidas dos clientes e os estados que precisavam de ser apresentados na interface.

Também mapeámos o fluxo realizado após o login e analisámos como outras plataformas comunicavam informações semelhantes.

A nova interface passou a apresentar o nome da unidade, o estado atual, a data de expiração e uma descrição contextual. Foram adicionados ícones, cores e textos complementares para facilitar a identificação sem depender de um único recurso visual.

Também incluímos ações específicas para cada situação, como Aceder para unidades ativas e Renovar para unidades expiradas ou próximas do vencimento.

As mensagens foram estruturadas para explicar o problema e indicar imediatamente como o utilizador poderia resolvê-lo.

Tela Original do Sistema

A interface atual apresenta a seguinte estrutura:

  • Mensagem principal: “Selecione uma unidade:”
  • Opções de unidade:
    • Unidade X
    • Unidade Y
Tela original do sistema mostrando opções de unidades e mensagem "Selecione uma unidade:"

Problemas detectados:

  1. Falta de informações adicionais sobre o status de cada unidade.
  2. Não há indicadores visuais ou textuais que ajudem o usuário a entender se uma unidade está funcional, prestes a expirar ou bloqueada.
  3. Ausência de opções claras para resolver situações críticas, como renovação de unidades expiradas.

Entendendo o Problema

A dor identificada impacta diretamente o time de Customer Success (CS), que frequentemente recebe reclamações de usuários sobre a dificuldade em entender o status das suas unidades.

Insights da Reunião com o Time de CS

Após uma conversa detalhada com o time de Customer Success, identificamos os seguintes pontos:

  1. Principais reclamações dos clientes:

    • “Não consigo saber quando minha unidade vai expirar.”
    • “Minha unidade está bloqueada, mas não sei o que fazer.”
    • “Não entendo o motivo pelo qual não consigo acessar a unidade.”
  2. Principais status a serem exibidos:

    • Expirado: A unidade não está mais disponível.
    • Vai expirar tal dia: Indicação de proximidade do vencimento.
    • Bloqueado: A unidade não está acessível por questões administrativas.
    • Acessar: A unidade está ativa e funcional.
    • Renovar: Opção para renovar a unidade quando aplicável.

Objetivos do Redesign

  • Proporcionar uma interface mais informativa e intuitiva, minimizando dúvidas e reclamações dos usuários.
  • Reduzir o volume de solicitações ao time de Customer Success relacionadas ao status das unidades.
  • Introduzir indicadores visuais e textuais que ajudem o usuário a entender e resolver situações críticas.

Processo de Design

01. Pesquisa e Diagnóstico

Para guiar o redesign, conduzimos as seguintes etapas:

  1. Análise de Dados: Avaliamos as solicitações de suporte mais frequentes relacionadas ao tema.
  2. Mapeamento de Fluxos: Entendemos o fluxo de navegação do usuário após o login e identificamos os gargalos.
  3. Benchmarking: Pesquisamos como outros sistemas apresentam informações de status semelhantes.

02. Propostas de Solução

Novo Layout da Tela

  • Cada unidade listada deve exibir:
    • Nome da unidade.
    • Status atual (expirado, prestes a expirar, bloqueado, acessível).
    • Data de expiração (quando aplicável).
  • Adicionar ícones coloridos para cada status:
    • Verde: Unidade acessível.
    • Amarelo: Unidade prestes a expirar.
    • Vermelho: Unidade bloqueada ou expirada.
  • Botões de ação contextualizados:
    • “Renovar” para unidades expiradas ou prestes a expirar.
    • “Acessar” para unidades ativas.

Mensagem Contextual e Feedback Imediato

  • Exibir mensagens que expliquem o status e as próximas ações possíveis. Por exemplo:
    • “Sua unidade X expirou em DD/MM/AAAA. Clique em ‘Renovar’ para reativá-la.”
    • “Sua unidade Y expira em DD/MM/AAAA. Recomendamos renová-la para evitar interrupções.”
Tela de acesso ao sistema com informações de status e data de validade das unidades.
Tela do app mostrando fluxos de acesso para usuários com uma unidade e elementos de interface.
Exibição de telas de aplicativo mostrando seleção de unidade e status visualizado.
Tela de confirmação de renovação de assinatura em aplicativo de saúde.
Comparação entre a tela anterior e a nova interface de acesso ao sistema, com melhorias visuais.

Resultados do Projeto

  • 95% dos usuários entenderam facilmente o status das unidades.
  • 90% dos usuários consideraram a interface clara e funcional.
  • Redução estimada de 60% nas solicitações ao CS relacionadas ao tema.

Dados fornecidos por pesquisa realizada pelo time de CS na época após a implementação das melhorias.

Resultados do projeto

90% de satisfação com a interface

A nova tela foi considerada clara e funcional por 90% dos participantes da pesquisa realizada após a implementação.

60% menos pedidos ao Customer Success

As solicitações relacionadas com bloqueios, expiração e acesso às unidades foram reduzidas em 60%, diminuindo a sobrecarga da equipa.

95% de compreensão dos estados

Após o redesign, 95% dos utilizadores conseguiram identificar facilmente a situação das suas unidades.