HomeCasa Especificação de design de uma tabela de dados para um painel de gestão
Define uma tabela de dados completa: ordem e formato das colunas, ordenação, filtros, paginação ou scroll virtual, ações em massa, densidade, estados, versão móvel e acessibilidade. Pensado para ChatGPT, Claude, Gemini e Microsoft Copilot. Inclui 6 variáveis personalizáveis e pode copiá-lo gratuitamente com um clique.
Intermédio · Texto · Pendente de revisão editorial
Prompt
Atua como designer de produto especializado em aplicações B2B com muitos dados.
Contexto:
- Produto: {{produto}}
- Entidade apresentada na tabela: {{entidade}}
- Colunas disponíveis: {{colunas}}
- Tarefas principais do utilizador com esta tabela: {{tarefas}}
- Volume habitual de linhas: {{volume}}
- Plataforma: {{plataforma}}
Entregáveis:
1. Prioridade e ordem das colunas segundo as tarefas, com alinhamento (números à direita, texto à esquerda), formato de datas, valores e estados e regras de truncagem com tooltip.
2. Cabeçalho: ordenação (predefinida e por várias colunas se fizer sentido), cabeçalho e primeira coluna fixos, redimensionamento e escolha das colunas visíveis.
3. Pesquisa e filtros: filtros rápidos, filtros avançados, chips de filtros ativos, «limpar tudo» e vistas guardadas.
4. Paginação, scroll infinito ou virtualização: recomendação justificada para o volume indicado.
5. Seleção e ações: ações por linha, ações em massa, selecionar todas as linhas versus todas as da página e confirmação de ações destrutivas.
6. Densidade (confortável, compacta), altura das linhas e espaçamento.
7. Estados: carregamento com skeleton, vazio, sem resultados, erro e dados parciais.
8. Comportamento responsivo ou alternativa em ecrãs pequenos.
9. Acessibilidade: tabela semântica, aria-sort, navegação por teclado, foco visível e anúncio de atualizações.
10. Tabela-resumo dos componentes e tokens necessários no design system.
Restrições:
- Não inventes colunas nem dados de exemplo que não estejam no contexto; usa [PREENCHER].
- Justifica cada decisão com a tarefa do utilizador que resolve.
- Se faltar informação essencial (por exemplo, que ações se podem fazer numa linha), pergunta-me primeiro.
Formato: especificação com títulos numerados, tabelas e um wireframe em texto da tabela no estado predefinido.Como utilizar
- Enumera as colunas reais e o que os utilizadores fazem com a tabela. 2. Revê a recomendação de paginação com a equipa técnica. 3. Usa a tabela final de componentes para criar ou atualizar o componente no teu design system.
Exemplo de utilização
Entidade: encomendas · Colunas: número, cliente, data, valor, estado, transportadora · Tarefas: encontrar incidências e exportar · Volume: 100-10.000 linhas.
Exemplo de resultado
1. Prioridade das colunas
| Ordem | Coluna | Alinhamento | Formato | Tarefa que apoia |
|---|---|---|---|---|
| 1 | N.º da encomenda | Esquerda, fixa | Monoespaçada, link | Encontrar uma encomenda |
| 2 | Estado | Esquerda | Etiqueta com ícone + texto | Detetar incidências |
| 3 | Cliente | Esquerda | Truncado com tooltip | Identificar a encomenda |
| 4 | Data | Direita | 12/03/2025 · 14:05 | Ordenar por antiguidade |
| 5 | Valor | Direita | 1234,50 € | Rever encomendas grandes |
| 6 | Transportadora | Esquerda | Texto | Agrupar incidências |
| 7 | Distrito | Esquerda | Nome | Filtrar envios |
4. Paginação
Com até 10.000 linhas e exportação para CSV, recomendo paginação de 50 linhas com seletor de tamanho: mantém a posição ao voltar de uma encomenda e torna clara a seleção em massa.
5. Seleção
Ao selecionar tudo: «50 encomendas desta página selecionadas · Selecionar as 2340 que correspondem ao filtro». As ações destrutivas pedem confirmação com o número exato.
Wireframe (estado por omissão)
[Pesquisar…] [Estado ▾] [Transportadora ▾] [Distrito ▾] [Vistas ▾] [Exportar CSV]
Filtros: (Com incidência ×) (Últimos 7 dias ×) Limpar tudo
☐ | N.º ▲ | Estado | Cliente | Data | Valor | Transp. | Distrito
☐ | [PREENCHER] | ⚠ Incidência | [PREENCHER] | [PREENCHER] | [PREENCHER] | … | ……
Dados-chave
- Categoria
- Design UI/UX · Dashboards
- Tipo de resultado
- Texto
- Nível
- Intermédio
- Pensado para
- ChatGPT, Claude, Gemini e Microsoft Copilot
- Verificado em
- Pendente de verificação editorial
- Variáveis
- Produto, Entidade, Colunas disponíveis, Tarefas principais, Volume de linhas e Plataforma
- Idioma
- Português
- Preço
- Gratuito, sem registo
- Atualizado
- 07/11/2026
Perguntas frequentes
Paginação ou scroll infinito numa tabela de dados?
Em tabelas de trabalho, a paginação ou a virtualização costumam funcionar melhor, porque o utilizador precisa de voltar a uma linha concreta e ver totais. O prompt recomenda uma opção conforme o volume e as tarefas.
Como adaptar uma tabela complexa ao telemóvel?
Normalmente mantêm-se 2 ou 3 colunas-chave e o resto passa para uma linha expansível ou uma vista em cartões. A especificação propõe a alternativa mais adequada.
Para que serve este prompt?
Define uma tabela de dados completa: ordem e formato das colunas, ordenação, filtros, paginação ou scroll virtual, ações em massa, densidade, estados, versão móvel e acessibilidade.
Com que ferramentas de IA funciona?
Foi pensado para ChatGPT, Claude, Gemini e Microsoft Copilot. Ainda não o verificámos nestas ferramentas, pelo que os resultados podem variar entre elas.
Como personalizo o prompt?
Clique em “Personalizar” e preencha as variáveis (Produto, Entidade, Colunas disponíveis, Tarefas principais, Volume de linhas e Plataforma). O texto atualiza-se instantaneamente e pode depois copiá-lo com um clique. Os valores ficam guardados apenas no seu navegador.
Preciso de experiência para o utilizar?
É de nível intermédio: convém conhecer o tema para fornecer bom contexto e rever o resultado com sentido crítico.
Este prompt é gratuito?
Sim. Todos os prompts do HomeCasa Prompts são gratuitos, sem registo nem subscrição. Pode também utilizá-los em projetos profissionais.
Posso confiar no resultado da IA?
Trate-o como um rascunho de qualidade: verifique sempre os dados, os números e as afirmações importantes antes de publicar ou tomar decisões.