---
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
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/)