Wireframe do Score: histórico

Wireframe de baixa fidelidade · tela Score: histórico. Convenções de marcação na legenda ao lado. Estado desenhado: interruptor Só turmas depois de DD/MM desligado, com a variante ligada dentro do bloco 1.

Radar 3.0

tema

Cabeçalho (uma marca, D1), rodapé (marca Next e marca Berclah), menu de cinco (Score entre Turmas e Tráfego, decisão de 02/09) e botão de tema herdam da Geral. Não são bloco desta tela e não se desenham aqui.

0Barra da tela`barra-da-tela`: `titulo-tela` + `controles-tela` (visões e interruptor)

Score MetodologiaHistóricoTurma atual Só turmas depois de DD/MM

O interruptor (Só turmas depois de DD/MM) governa a tela inteira: ligado, só entram as turmas com carrinho aberto depois daquela data.

1Faixas · todas as turmas1 cartão de prova (peso dobrado) + 2 de apoio + tabela por faixa com barra na célula · herda o cartão e a tabela da Geral

Taxa de compra em AXX%base: XX%

Compradores em A e BXXX% de X com scoreA XX% (X) · B XX% (X)

Compradores com scoreXXX% de XX compradores

Faixa	Alunos	CompraramCompr.	Taxa	MultiplicadorMult.
A	XX	X	XX%	X,X×
B	XX	X	XX%	X,X×
C	XX	X	X%	X,X×
D	X	0	0%	0×
E	X	0	0%	0×
Todas	XX	X	XX%	1,0×

Taxa de compra em A-

Compradores em A e B-

Compradores com score-

Faixa	Alunos	CompraramCompr.	Taxa	MultiplicadorMult.
A	X	-	-	-
B	X	-	-	-
C	X	-	-	-
D	X	-	-	-
E	0	-	-	-
Todas	XX	-	-	-

A prova da régua é a taxa de compra em A contra a base: por isso este cartão vem primeiro e pesa mais que os outros dois, e a mesma ordem se repete na coluna Taxa. A variante mostra a tela sem dado ainda: nada em traço vira zero.

2Histórico de turmastabela, uma a três linhas por turma, conforme o carrinho já abriu · herda a tabela da Geral

Turma	Linha	A	B	C	D	E	Todas
Turma 1: DD/MM/AAAA	alunos	XX	X	X	0	X	XX
	compraram	X	0	0	0	0	X
	percentual	XX%	0%	0%	-	0%	XX%
Turma 2: DD/MM/AAAA	alunos	X	X	X	X	0	XX
	compraram	0	X	X	0	0	X
	percentual	0%	XX%	XX%	0%	-	XX%
Turma 3: DD/MM/AAAA	alunos	X	X	X	0	0	XX
	compraram	0	X	0	0	0	X
	percentual	0%	XX%	0%	-	-	XX%
Sem turma	alunos	X	0	0	X	0	X
	compraram	X	0	0	0	0	X
	percentual	XX%	-	-	0%	-	XX%
Carrinhos futuros
Turma 4: DD/MM/AAAA	alunos	X	X	X	X	0	XX
Turma 5: DD/MM/AAAA	alunos	0	0	X	0	0	X
Todas	alunos	XX	XX	XX	X	X	XX
	compraram	X	X	X	0	0	X
	percentual	XX%	XX%	XX%	0%	0%	XX%

Turma com carrinho já aberto ganha a terceira linha, percentual (compraram sobre alunos), com o risco de base pequena avisado na legenda. Carrinho futuro não tem linha compraram: a linha não existe ainda, não é traço.

3Compradorestabela, uma linha por comprador · pílula de faixa e de estado da base

Turma	Nome	Score	Faixa	Compra
Turma 1: DD/MM/AAAA	Nome 1	XXX	A	paga
Turma 1: DD/MM/AAAA	Nome 2	XXX	A	reembolsada
Turma 1: DD/MM/AAAA	Nome 3	XX	A	paga
Turma 1: DD/MM/AAAA	Nome 4	XX	A	paga
Turma 1: DD/MM/AAAA	Nome 5	XX	A	paga
Turma 2: DD/MM/AAAA	Nome 6	XX	B	paga
Turma 2: DD/MM/AAAA	Nome 7	XX	C	reembolsada
Turma 3: DD/MM/AAAA	Nome 8	XX	B	paga
Sem turma	Nome 9	-	-	paga
Sem turma	Nome 10	XXX	A	paga
Sem turma	Nome 11	-	-	paga

Turma	Nome	Score	Faixa	Compra
Turma N: DD/MM/AAAA	Nome N	XX	B	reembolso pedido

É a única lista com nome desta tela: mostra, pessoa a pessoa, se quem comprou estava nas faixas altas. Sem linha de total: lista de pessoas não soma, e as contagens ficam no bloco 1.

4Rodapéuma linha · herda

X turmas com ficha de X · XX alunos com score · XX compradores, X com score · régua RCS v1 · medido em DD/MM HH:MM

A versão da régua é fonte, não título: quando ela mudar, é aqui que se lê com qual versão cada score foi dado.

Legenda dos blocos

A tela responde: a régua de pontuação acerta, e quem comprou estava nas faixas altas? A régua se reavalia com 20 compradores com score ou 3 turmas fechadas depois da medição; até lá, vale como está.

Convenções deste wireframe

XX, XX%, X,X×, DD/MM, HH:MM, Nome N: dado de marcação, nunca número real

A a E: pílula de faixa; só cinza aqui, a cor por faixa é da alta fidelidade

barra fina na célula: proporção sobre a maior taxa (A cheia); vai embaixo do número, encostada à direita, como celulaComBarra desenha na base

coluna de texto (celulaDeTexto, a coluna Nome) alinha à direita, como a base; à esquerda vão só a primeira coluna e o cabeçalho de linha (th scope="row": alunos, compraram, percentual, Todas)

sinal › com o degradê na borda direita da tabela: ela rola por dentro do bloco. É o sinal da Geral aprovada, sem palavra; na tela real ele acende só enquanto há coluna escondida (B1)

-: não medido, com o motivo no title e na legenda do bloco, uma vez; zero medido é 0

linha em negrito na tabela de turmas: o número que manda (compraram)

caixa tracejada com nota: anotação do wireframe, não vai para a tela

legenda gerada do dado: a tela de verdade escreve sozinha, a partir do payload; aqui o marcador legenda só mostra que o lugar existe

Os blocos, na ordem, e a pergunta de cada um

0Barra da telaqual visão do Score, e todas as turmas ou só as novas

1Faixasa régua acerta: A compra mais que E?

2Histórico de turmasem cada turma, quantos em cada faixa e onde caíram os compradores

3Compradoresquem comprou, com que score, e a compra ficou

4Rodapéde quando é cada fonte, e com qual régua

Os estados da turma nesta tela (§4)

Futura, sem ficha: não entra como linha; o rodapé conta

Vendendo: alunos entrando (fichas até hoje); sem linha compraram, o carrinho abre DD/MM

Em aula: alunos completos; sem linha compraram, o carrinho abre DD/MM

Carrinho: linha compraram e percentual até hoje, com a marca carrinho aberto até DD/MM na legenda

Encerrada: tudo, com percentual; a compra do Method continua entrando pela turma da pessoa

Herda da Geral e da base

Não se desenha aqui (cabeçalho, menu, tema, tokens, Plex): é moldura da aplicação. Desenhado aqui, em cinza: a barra de tela, o cartão com valor ou traço, a tabela com número à direita, a pílula, a barra na célula, o cabeçalho de linha, o total com 2px da marca e o sinal de rolagem.

Novo nesta tela

As visões do Score no grupo-opcoes, o interruptor Só turmas depois de {DD/MM}, o cartão de prova com peso acima dos de apoio, a linha percentual por turma que já abriu carrinho, a tabela de uma a três linhas por turma com separador Carrinhos futuros, a coluna Compra com estado em pílula, o payload do Score pela API do Radar com o score por pessoa (DX).

Fica de fora (§3)

AUC, IC 95%, KS, permutação, precisão e revocação, comparação de réguas, separação por bloco, sensibilidade, a régua resposta a resposta, o léxico e a distribuição (Metodologia) · aluno a aluno com e-mail e WhatsApp (Turma atual) · a tabela Separação por turma (AUC por turma não mede com 1 a 5 compradores) · o cartão Turmas e o selo (rodapé) · a coluna de reembolso em texto e a linha Todas da lista · régua de compra líquida de reembolso · custo por ficha · texto de explicação.

Escolhas para o dono (§8)

1Score vence nota como a palavra da telaalternativa: manter nota em tudo, ou só no cartão 3

2A e B separados entram dentro do cartão 2, não um quarto cartãoalternativa: um quarto cartão de apoio dedicado

3interruptor Só turmas depois de {DD/MM} governando a telaalternativa: duas colunas fixas (todas, novas) no bloco Faixas

4turma de carrinho futuro perde a linha compraram inteira, não um traçoalternativa: manter o traço com o motivo

5risco do percentual por turma pequena vira legenda, não marca por célulaalternativa: um símbolo (*) na célula, explicado na legenda

6AUC sai do Histórico e fica na Metodologiaalternativa: um cartão AUC com IC, como no protótipo atual

7compradores sem ficha entram na lista, com score em traçoalternativa: só a contagem na legenda

0Barra da telabarra-da-tela: titulo-tela + controles-tela (visões e interruptor)

1Faixas · todas as turmas1 cartão de prova (peso dobrado) + 2 de apoio + tabela por faixa com barra na célula · herda o cartão e a tabela da Geral

2Histórico de turmastabela, uma a três linhas por turma, conforme o carrinho já abriu · herda a tabela da Geral

3Compradorestabela, uma linha por comprador · pílula de faixa e de estado da base

4Rodapéuma linha · herda

0Barra da tela`barra-da-tela`: `titulo-tela` + `controles-tela` (visões e interruptor)