Conceitos de UX

UX (User Experience) não é sobre como o produto se parece, mas sobre como ele funciona e como o usuário se sente ao interagir com ele. Na nossa empresa, o foco é facilitar a jornada do profissional de saúde e do paciente.

1. User Flow (Fluxo do Usuário)

É o caminho que o usuário percorre para completar uma tarefa.

• Impacto: Um fluxo bem desenhado reduz cliques desnecessários e frustração. Se o médico precisa de 10 cliques para prescrever um remédio, o fluxo falhou.

2. Estados de Interface

Uma interface não é estática. Ela precisa responder ao que está acontecendo:

• Empty (Vazio): O que mostrar quando não há dados? (Ex: "Nenhuma consulta agendada"). Use para educar ou incentivar a ação.
• Loading (Carregando): Feedback de que o sistema está processando. Evita que o usuário ache que travou.
• Error (Erro): Quando algo falha, explique o porquê de forma humana e dê uma saída.
• Success (Sucesso): Confirme que a ação foi concluída para gerar alívio e segurança.

3. Feedback Visual

Toda ação deve gerar uma reação visual clara.

• Impacto: Se o usuário clica em um botão e nada acontece visualmente, ele clicará novamente, podendo gerar duplicidade ou erros.

4. Affordance

É a característica de um objeto que indica como ele deve ser usado.

• Impacto: Um botão deve parecer clicável. Um input deve parecer preenchível. Se o usuário precisa adivinhar onde clicar, a UX está ruim.

5. Acessibilidade (A11y)

Garantir que o sistema seja utilizável por todos.

• Impacto: Não é apenas "socialmente correto", é um requisito de produto. Médicos podem estar em ambientes com muita luz (reflexo na tela), pacientes podem ter dificuldades motoras ou visuais.

---

Como fazer vs Como não fazer

✅ Como fazer

• Desenhe o estado de erro pensando em como o usuário pode resolver o problema (ex: "Tentar novamente").
• Use ícones acompanhados de texto para funções importantes (Affordance).
• Garanta que o fluxo principal (ex: Iniciar Teleconsulta) seja o mais curto possível.

❌ Como não fazer

• Deixar a tela branca enquanto os dados carregam (Falta de estado de Loading).
• Mostrar códigos de erro técnicos (ex: Error 500: Internal Server Error) para o usuário final.
• Criar fluxos circulares onde o usuário não consegue voltar ou finalizar uma tarefa.