🔬 cs-ux-researcher — UX Research & Usability
Auditoria técnica e estratégica pela ótica cs-ux-researcher — UX Research & Usability. Achados classificados por severidade, plano de ação e matriz de decisão.
Veredito: App com interface médica rica e bem estruturada, mas onboarding sem guia e jornada de primeiro uso não validada com usuários reais.
O produto tem 26 telas cobrindo jornadas médicas complexas (prontuário, TISS, agenda). OnboardingPage.tsx (20KB) existe — bom sinal. Problemas de UX: user-scalable=no impede zoom para usuários com baixa visão, sem tutorial interativo de primeiro uso, AgendaPage.tsx (54KB) e PatientDetails.tsx (66KB) são candidatos a sobrecarga cognitiva. Sem testes de usabilidade documentados.
Dimensões Analisadas
Pontuação por área de análise.
Onboarding UX
OnboardingPage existe. Sem wizard step-by-step ou checklist de first-run. Sem tooltip tutorial.
Usabilidade / Carga Cognitiva
PatientDetails 66KB sugere densidade de informação alta. AgendaPage 54KB pode ser complexa.
Acessibilidade
user-scalable=no é a maior violação. Sem auditoria ARIA documentada.
Design System
shadcn/ui + tailwind + motion/react — base sólida para consistência. lucide-react para ícones.
🔎 Achados (4)
0 crítico(s) · 1 alto(s) · 0 bloqueante(s). Clique para expandir.
First-run experience sem guided tour — usuário largado após cadastroAltaEsforço medioUX Onboarding / First-Time User Experience
O que é: OnboardingPage.tsx existe mas sem evidência de: progress indicator de steps, tooltips de contexto para features principais, checklist de 'primeiros passos' ou tutorial interativo. Usuário médico técnico mas não tech-savvy pode abandonar na primeira sessão.
Onde: src/pages/OnboardingPage.tsx (20KB)
Impacto: D1 retention baixo (estimado <40% sem guided onboarding). AHA moment atrasado ou nunca alcançado.
PatientDetails.tsx com 66KB — possível sobrecarga cognitivaMédiaEsforço altoUX / Cognitive Load / Progressive Disclosure
O que é: src/pages/PatientDetails.tsx é o maior arquivo do projeto (66KB). Tela de detalhes do paciente cobre: dados pessoais, alergias, medicações, problemas clínicos, contatos, alertas, consultas, exames, receitas. Alta densidade de informação em uma única tela.
Onde: src/pages/PatientDetails.tsx:1 (66KB)
Impacto: Médico com cognição alta no consultório ainda pode se perder em tela densa. Risco de erro médico por UI confusa.
AgendaPage.tsx 54KB sem evidência de mobile-first designMédiaEsforço medioMobile UX / Responsiveness
O que é: AgendaPage.tsx (54KB) é o segundo maior componente. Agenda médica é frequentemente acessada em smartphone no consultório. user-scalable=no + interface de agenda complexa = UX ruim no mobile.
Onde: src/pages/AgendaPage.tsx:1 (54KB)
Impacto: Médicos usando no celular têm experiência degradada na funcionalidade mais usada do dia-a-dia.
BookingPage pública sem validação de UX com pacientes reaisMédiaEsforço medioUX Research / External User Testing
O que é: BookingPage.tsx (11KB) é a interface que PACIENTES usam — não médicos. É a única interface B2C. Sem user testing com pacientes reais. Pacientes são demograficamente mais diversos que médicos.
Onde: src/pages/BookingPage.tsx
Impacto: Abandono de agendamento online por pacientes menos tech-savvy. Oportunidade de diferenciação via UX de booking perdida.
📋 Plano de Ação
Cronograma de implementação recomendado.
Onboarding checklist in-app (3 dias)
3 dias
PatientDetails: tabs por categoria (1 semana)
1 semana
Mobile test AgendaPage (1 dia)
1 dia
Hotjar na BookingPage (1h)
1h
Matriz de Decisão
| Critério | Fonte | Status | Bloqueante |
|---|---|---|---|
| First-Run Guidance | cs-ux-researcher | OnboardingPage sem guided tour | não |
| Cognitive Load | cs-ux-researcher | PatientDetails 66KB | não |
| Accessibility | cs-ux-researcher | user-scalable=no WCAG viola | não |
| Design System | cs-ux-researcher | shadcn/ui consistente | não |
| User Research | cs-ux-researcher | Zero testes documentados | não |