---
title: "App Health: melhoria de UX na visualização de status de unidades em tempo real"
date: 2025-01-08T22:06:16Z
modified: 2026-08-04T15:40:25Z
permalink: "https://camaraux.com.br/projeto/melhoria-tela-acesso-status-sistema-app-health/"
type: projeto
status: publish
excerpt: 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.
wpid: 3527
rank_math_title: "App Health: UX de status de unidades em tempo real | CamaraUX"
rank_math_description: "Redesign da tela de acesso do App Health para visualização de status de unidades em tempo real. Redução de carga cognitiva e melhoria na leitura de dados operacionais e financeiros.\\n"
rank_math_focus_keyword: UX,Melhoria,Status das Unidades,Tela de Acesso
cliente: App Health
solucao: "<h2 class=\"PDq2pG_selectionAnchorContainer\" data-start=\"1488\" data-end=\"1600\"><strong data-start=\"1488\" data-end=\"1600\">Redesenhámos a tela de acesso para explicar o estado de cada unidade e apresentar a próxima ação disponível</strong></h2>\\n<p data-start=\"1602\" data-end=\"1856\">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.</p>\\n<p data-start=\"1858\" data-end=\"1978\">Também mapeámos o fluxo realizado após o login e analisámos como outras plataformas comunicavam informações semelhantes.</p>\\n<p data-start=\"1980\" data-end=\"2227\">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.</p>\\n<p data-start=\"2229\" data-end=\"2385\">Também incluímos ações específicas para cada situação, como <strong data-start=\"2289\" data-end=\"2299\">Aceder</strong> para unidades ativas e <strong data-start=\"2323\" data-end=\"2334\">Renovar</strong> para unidades expiradas ou próximas do vencimento.</p>\\n<p data-start=\"2387\" data-end=\"2505\">As mensagens foram estruturadas para explicar o problema e indicar imediatamente como o utilizador poderia resolvê-lo.</p>\\n"
featured_image: /wp-content/uploads/2025/01/2897ce171288815.646c8a759864b.webp
featured_image_alt: Usuária interagindo com interface de sistema em laptop, mostrando status de unidades e gráficos financeiros.
author: Lucas Camara
timestamp: 2026-08-04T15:40:25Z
tags: []
---

## Tela Original do Sistema

A interface atual apresenta a seguinte estrutura:

- **Mensagem principal**: “Selecione uma unidade:”
- **Opções de unidade**: 
    - Unidade X
    - Unidade Y

 ![](https://camaraux.com.br/wp-content/uploads/2025/01/tela-original-png.webp)

### 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.”

 ![](https://camaraux.com.br/wp-content/uploads/2025/01/959300171288815.646c8a759a4e8-1.webp)
 ![](https://camaraux.com.br/wp-content/uploads/2025/01/6ce90f171288815.646c8a759c265.webp)
 ![](https://camaraux.com.br/wp-content/uploads/2025/01/67ab0c171288815.646c8a759cf01.webp)
 ![](https://camaraux.com.br/wp-content/uploads/2025/01/5a33fb171288815.646c8a759db75.webp)
 ![](https://camaraux.com.br/wp-content/uploads/2025/01/df79e6171288815.646c8a75976a1-1.webp)

### 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._

 [ Visite o site do App Health
 ](https://apphealth.com.br/)