Implementar nova ux do filtro com base nos critérios das cores

[ricardopoppi]

Implementar a nova UX do filtro, conforme discussão abaixo. @luizapeixe pode subir as telas/assets? Não deixe de observar o meu ultimo comment: "Lembrando que o "não se comprometeu" tb é vermelho"

========================================================= Esse ítem do filtro (visualizando) é onde está o core da campanha. É onde se filtra pelos critérios que determinam as cores dos cards. De certa forma, esse filtro não apresenta especificamente uma regra de cor, mas atualmente 4 criterios: se comprometeu não se comprometeu não tem passado limpo não respondeu

O não respondeu acabou ficando desnecessário. E o não se comprometeu e não tem passado limpo, são os vermelhos.

Será que a gente poderia simplificar esse filtro filtrando apenas em VERDES e VERMELHOS? Há uma perda aí que nem todo mundo está habituado a regra de cor. Mas se além de simplificar esse filtro, a gente pudesse apresentar ele de outra forma (sem ser dropdown, outra solução), será que a gente não resolve essa demanda de priorizar verdes e vermelhos apenas com essa simplificação e melhoria de UX desse filtro específico?

O que acham @luizapeixe @parrahenri?

[parrahenri]

Não respondeu = CINZA? Não se comprometeu/ Não tem passado limpo é VERMELHO? Se comprometeu é verde ou cinza?

[parrahenri]

Pergunto isso (comentário anterior) porque o compromisso se refere às novas medidas, mas não ao pacto da democracia. Então acaba tendo CINZA no "se comprometeu". Sendo assim, acho que o ideal é manter as 4 opções.

Mas tanto aí, quanto no filtro por partido tem problema de UX relatado. a caixa de opções fica difícil de manusear e, em alguns dispositivos, não dá pra ver todas as opções.

[luizapeixe]

Quanto a layout, vale lembrar que a interface atual acabou ficando bem diferente do layout final, vejam:

O layout final apresenta os campos com mais destaque, não só pelas cores mas também pela tipografia utilizada. Entretanto entendo que a solução implementada economiza mais espaço, oq influencia positivamente no resultado da UIUX. Então mesclei as duas soluções e cheguei numa proposta que economiza o mesmo espaço da solução implementada mas que preserva algumas soluções da proposta não-implementada na tentativa de resolver os problemas atuais.

Analisando os problemas dessa issue, entendo que aqui tempos 3 pontos que podemos otimizar com relação ao campo "visualizando":

1. hierarquia entre os demais campos
2. destaque e visibilidade
3. nomenclatura dos campos

Sobre 1. hierarquia, acho que vale alterarmos a posição dos campos, dando mais prioridade ao campo "visualizando" e menos prioridade ao campo "UF" (uma vez que esse deve ser definido automaticamente via gps). Sobre 2. destaque, sugiro que a gente adote sim variações de cores e tipografias nos campos, para deixar a interação mais chamativa e convidativa. Sobre 3. nomenclatura sugiro que a gente mude o termo de "Visualizando" para "Mostrando candidatos" para deixar mais obvio do que se trata as opções deste campo, agora sobre a nomenclatura dos 4 critérios, acho mais crítico. Realmente os critérios não apresentam uma lógica intuitiva com relação as cores, ao mesmo que chamar apenas pelas cores pode afastar o user do real significado das cores. Experimentei atribuir as respectivas cores aos critérios no dropdown porém o resultado não foi satisfatório porque os itens em cinza parecem 'desabilitados' em relação os itens verde e vermelho. Então cheguei na seguinte solução:

O que vocês acham? Será que é fazível do ponto de vista técnico?

[ricardopoppi]

@luizapeixe achei boa a proposta. Lembrando que o "não se comprometeu" tb é vermelho. O que acha @parrahenri?

@davidCarlos @danielhmarinho veem alguma dificuldade do ponto de vista da implementação? Lembrando que essa seria a solução possível diante daquela demanda de dar prioridade aos cards verdes e vermelhos. Pensamos que responderíamos bem melhorando a ux do filtro.

[davidCarlos]

Eu acho que funciona bem, e a complexidade de implementar é baixa. Posso iniciar essa tarefa amanhã.

[parrahenri]

Eu gostei!