insper-education / active-handout-plugins-js

DEPRECATED: javascript repo for active handout
0 stars 0 forks source link

destacando melhor acertos #23

Closed rafaelcorsi closed 2 years ago

rafaelcorsi commented 2 years ago

referente a https://github.com/insper-education/active-handout-theme/issues/2

Proposta para destacar mais a solução correta e menos o erro.

image

image

image

toshikurauchi commented 2 years ago

No último caso (com 2 opções) eu não sei se batendo o olho eu saberia qual foi a opção que eu escolhi.

E se a gente mudar a cor da fonte? O que o aluno tiver escolhido mantém a cor e os outros (inclusive o certo) ficam em um cinza mais claro.

Acho que eu removeria a borda vermelha da direita do quadradinho cinza (com o X no meio). Ou seja, deixaria só a borda em volta do retângulo maior. O que acha?

rafaelcorsi commented 2 years ago

@toshikurauchi eu dei uma olhada como outras plataformas fazem (instagram tem algo similar) e a ideia é a mesma: se você acertou mostra apenas o acerto e se você errou ele mostra o errado e o certo, ele destaca o item errado e marca que os demais também estavam errados (nós estamos mantendo o índice deles, podemos colocar um X no lugar).

image

Não sei se é um bom comparativo pq lá é algo temporário e não serve de consulta, mas tem uns efeitos visuais de quando erra / acerta: https://youtu.be/_Nloc-285Ak?t=216

outro comparativo

image

Eu procurei como o moodle/ canvas/ blackboard fazem isso, mas não encontrei.... =*(

Vou testar com as suas sugestões e ver como fica.

rafaelcorsi commented 2 years ago

@toshikurauchi fiz o que meio o que você sugeriu + trocar índice de todos os itens por X, mexi com o peso da fonte no lugar da cor, mas não gostei...

image

achei que assim ficou melhor:

image