Interface Principal
A interface principal do EsplinHub foi cuidadosamente projetada para garantir uma experiência de usuário intuitiva e agradável. Esta seção aborda os principais elementos da interface, com ênfase especial na barra de navegação e no layout da tela principal.
Barra de Navegação
A barra de navegação desempenha um papel crucial na experiência geral do usuário, fornecendo acesso fácil e rápido às principais funcionalidades da aplicação.
-
Centralização e Estilização dos Botões: Os botões Clientes e Produtos foram centralizados e estilizados para melhorar a estética e a usabilidade.
-
Ajustes de Estilo: Modificações na largura e altura da barra para integrá-la harmoniosamente com o layout geral.
-
Inserção de Ícones: Ícones de logout e ajuda foram adicionados, tornando a navegação mais intuitiva.
-
Implementação de Tooltips: Tooltips foram incluídos nos ícones para fornecer informações adicionais e melhorar a acessibilidade.
-
Funcionalidades de Redirecionamento: Cada botão e ícone foi programado para redirecionar corretamente, assegurando uma navegação fluida.
Layout da Tela Principal
O layout da tela principal foi projetado pensando na facilidade de uso e na estética agradável, garantindo que os usuários encontrem rapidamente o que precisam.
-
Design Responsivo: O layout adapta-se a diferentes tamanhos de tela, proporcionando uma experiência consistente em dispositivos móveis e desktops.
-
Organização Visual: Elementos visuais como cards, tabelas e menus são dispostos de forma clara e lógica.
-
Esquema de Cores e Tipografia: A paleta de cores e a tipografia foram escolhidas para criar um ambiente visualmente harmonioso e legível.
-
Integração com Vuetify: O uso do Vuetify ajudou a implementar um design coeso e funcional, aproveitando seus componentes UI pré-construídos.
-
Interatividade: Elementos interativos como botões, links e campos de formulário são facilmente acessíveis e reagem de forma responsiva às ações do usuário.