1.5 KiB
1.5 KiB
3. User Interface Design Goals
Overall UX Vision
Portal minimalista focado em duas ações principais: gerenciar conexões WhatsApp e autorizar Google Calendar. Interface limpa, direta, sem distrações, com feedback visual claro de status de conexões. Usuário deve conseguir completar qualquer tarefa em até 3 cliques.
Key Interaction Paradigms
- Card-based interface para instâncias WhatsApp (similar à EvolutionAPI)
- Status badges visuais (verde/vermelho) para feedback imediato
- Modal/Overlay para exibição de QR code
- Single-click OAuth para Google Calendar
- Auto-refresh de status após ações
Core Screens and Views
- Login Screen - Email/senha com link "Esqueci minha senha"
- Dashboard Principal - Cards de instâncias WhatsApp + Card Google Calendar
- Modal QR Code - Exibição do QR code com instruções
- Password Recovery - Tela de recuperação de senha
Accessibility
WCAG AA - Contraste adequado em tema escuro, navegação por teclado, labels descritivos
Branding
- Cores primárias: Azul AutomatizaSE (tons de azul para botões, links, highlights)
- Tema: Escuro (background escuro, texto claro)
- Tipografia: Sans-serif moderna e legível
- Logo: AutomatizaSE no header
- Rodapé: "Copyright by AutomatizaSE"
- Inspiração visual: Interface EvolutionAPI (cards, status badges, layout limpo)
Target Platforms
Web Responsive - Desktop (1920x1080+) e Mobile (375px+), priorizar mobile-first approach