Treze formas de repensar o menu do portal
Ordenadas por aderência ao portal, que vive de tabelas largas. A primeira é a recomendação; as seguintes liberam largura na sequência. Várias são modeladas em ferramentas de mercado.
- 23
- itens no menu
- 6
- grupos
- 240px
- de lateral fixa
- —
- sem busca
Top bar + Mega Menu
Some com a lateral, libera a tela toda
O portal é table-heavy — Follow-up, Kanban, Invoices, Entreposto e os Workspaces vivem de tabelas largas, e a lateral de 240px é exatamente a largura que falta pras colunas. Mover a navegação pro topo devolve 100% da largura ao conteúdo (o eixo onde vocês mais sofrem), mantém a descoberta via mega-menu e tem custo moderado (M). É o padrão de ferramentas de dados densos — Tableau, Looker, AWS Console.
- Viewport vertical 100% livre pro conteúdo
- Mega-menu mostra a área inteira de uma vez (boa descoberta)
- Casa com as telas largas (tabelões) do portal
As outras explorações
Em ordem de aderência. Clique pra ver a defesa e a simulação.
Comparação lado a lado
clique numa linha pra abrir a defesa| # | Conceito | Eixo | Esforço | Largura p/ nav | Melhor para | Referências |
|---|---|---|---|---|---|---|
| 01 | CTop bar + Mega Menu | Horizontal | M | 0px | Maximizar área de conteúdo em telas largas | TableauLookerAWS Console |
| 02 | JIRJira — Top global + projeto | Híbrido | M | 220px | Quem alterna entre áreas e quer ações globais sempre à mão | Jira CloudLinear |
| 03 | FHíbrido Top + Side | Híbrido | M | 180px | Hierarquia clara entre área e sub-tela | SlackNotionVercel |
| 04 | GOOGoogle — Drawer + omnibox | Vertical | M | 0 → 280px | Telas que pedem o máximo de área, com busca como protagonista | Google WorkspaceMaterialGmail |
| 05 | BRail + Drawer | Vertical | M | 72px | Recuperar viewport sem perder navegação rápida | VS CodeLinearSlack |
| 06 | AZUAzure — Favoritos + comando | Vertical | L | 64 → 240px | Usuários avançados que curam seus próprios atalhos | Azure Portal |
| 07 | DCommand Palette | Vertical | M | 64px | Power users que sabem onde querem chegar | LinearRaycastSuperhuman |
| 08 | AStatus Quo+ | Vertical | S | 240px | Entregar valor rápido sem reaprendizado | GitHubJira |
| 09 | EPersona Switcher | Vertical | L | 240px | Equipes que vivem dentro de uma única área | NotionLinear teamsFigma |
| 10 | CLKClickUp — Espaços em árvore | Vertical | L | 260px | Hierarquia rica de áreas → telas com identidade visual | ClickUpNotion |
| 11 | MONmonday — Workspace + boards | Vertical | M | 240px | Navegação leve e colorida orientada a favoritos | monday.com |
| 12 | GDock Flutuante | Vertical | L | 240px | Acesso 1-clique aos favoritos de cada um | macOS DockArcPhotoshop |
| 13 | HSearch + Home grid | Sem menu | XL | 0px | Aposta de longo prazo num mental model novo | ApolloSpaceshipVercel dash |
Próximo passo: review com a PO (Gabriela Govoni), heurística Nielsen 10 por opção e 3 entrevistas curtas, até a síntese das 1–2 vencedoras.