Gerador de matrizes de estados da interface
Construir uma matriz de cobertura componente-por-estado para carregar, vazio, erro, sucesso, off-line, e estados de permissão. Exportar uma lista de UI sem IA.
Especificação do Estado
UI state coverage requirements
Data table
- Loading: Preserve context, communicate progress, and prevent duplicate actions.
- Empty: Explain why there is nothing here and offer a useful next action.
- Error: Explain the failed action, preserve safe input, and offer a recovery path.
- No permission: Explain missing access and offer a safe destination. Enforce authorization on the server.
Form
- Loading: Preserve context, communicate progress, and prevent duplicate actions.
- Error: Explain the failed action, preserve safe input, and offer a recovery path.
- Success: Confirm the completed action and make the resulting state clear.
- Offline: Explain the connection issue, preserve safe local input, and provide a retry path.
These are required states, not verified implementations. Use existing components and validate the final behavior with real data and keyboard navigation.
O texto exportado permanece em inglês; seus dados são mantidos como foram digitados.
Sem registro. Nenhum crédito de IA. Esta ferramenta monta sua saída no seu navegador.
De uma ideia para algo útil.
- 01
Selecione os componentes em sua tela.
- 02
Alternar os estados que se aplicam a cada componente.
- 03
Copia a lista de implementação estadual.
Um pouco de contexto.
Diferentes componentes precisam de diferentes caminhos de recuperação. Um formulário precisa de feedback de validação, uma tabela de dados precisa de carregamento, sem resultados e estados de repetição. Os padrões curados fornecem um ponto de partida, e você pode mudar cada célula. Estados selecionados significam cobertura necessária, não implementação completa.
Boas perguntas.
Os estados selecionados já estão implementados?
Não. Os estados verificados são requisitos para projetar e testar. Essa ferramenta não inspeciona sua aplicação.
Posso remover estados irrelevantes?
Sim. Alterne qualquer célula matriz. Sua exportação inclui apenas os estados selecionados para os componentes selecionados.