O menu lateral do aplicativo é acessado através do cabeçalho da tela, clicando no ícone conhecido como menu hambúrguer, localizado no lado esquerdo da tela.
Essa opção é recomendada especialmente para aplicativos que apresentam diversas páginas e pode ser utilizada mesmo quando há a presença de um menu horizontal.
A navegação do menu lateral segue o seguinte fluxo:
- Ao clicar no botão, o menu se expande lateralmente, exibindo todas as seções do aplicativo, inclusive possíveis subseções.
- Esse menu é projetado para ocupar a altura completa da página, com a opção de rolar para baixo caso seja necessário explorar mais opções.
- Cada seção pode ser aberta ou fechada conforme a necessidade do usuário.
- Uma característica distintiva é a diferenciação na cor da tipografia para destacar a seção principal e suas subseções. Essa prática visual facilita a identificação rápida da área em que o usuário está navegando.
- Na parte inferior do menu, é incluído o logo da TOTVS varejo e o número da versão, oferecendo informações importantes de forma acessível e integrada ao design do menu lateral.
Template utilização do menu lateral:
Arquivo template
O arquivo do template está disponível no Figma e pode ser editado da seguinte forma:
- É necessário ter uma conta cadastrada.
- O conteúdo do link deve ser copiado e colado no novo arquivo, ou pode ser salvo localmente.