Melhorar a usabilidade da criação de estereótipos e clusters

[ricardopoppi]

Hoje a criação de estereótipos e clusters se dá da seguinte maneira:

(1) Criar um estereótipo
(2) Marcar os comentários e seus respectivos votos
(3) Salvar

(4) Criar um cluster
(5) Marcar o(s) estereótipo(s)

Ou seja: mto confuso. Precisamos de uma proposta mais simples para essa criação, que será usada por qualquer criador de conversa no EJ

[luizapeixe]

algumas dúvidas:

Essa criação e administração será feita pelo Administração do Django ou pela interface de navegação normal do site? Você poderia mostrar uns prints, ou me dar/mostrar acesso a essas telas hoje?

[ricardopoppi]

Vamos pelos dois caminhos. A partir do seu contato com o admin do django, vc pode fazer uma proposta que melhore lá e em paralelo uma que inclua isso na já existente tela de administração de conversa, eventualmente usando a mesma abordagem. Com o time de dev vou insistir pra gente implementar logo na navegação normal pois essa configuração é imprescindível pra conversa funcionar minimamente bem. Vou te dar acesso ao admin e te mando a credenciais por pvt.

[ricardopoppi]

@luizapeixe relembrando essa aqui. Credenciais passadas em pvt.

[luizapeixe]

@ricardopoppi desculpe pela demora em tocar essa issue. tenho sim as credenciais anotadas comigo! não compreendi muito bem a tela de administração. Será que podemos marcar uma call rápida (quinta 26/07 fim da tarde?) para você ou alguém me apresentar como vocês estão usando o painel de administração e eu criar a UX e UI em cima do relato da experiência de vcs com o painel atual?

[ricardopoppi]

Boa! Posso no período da tarde, qual é melhor pra ti? -- Ricardo Poppi Whatsapp/Telegram: +55 61 9 9531 9531 Skype: rpoppi77 www.instituto.cidadedemocratica.org.br <http://www.cidadedemocratica.org.br>

[luizapeixe]

pode ser skype ou hangout mesmo! Às 17h funcionaria pra você?

[ricardopoppi]

Marcado! -- Ricardo Poppi Whatsapp/Telegram: +55 61 9 9531 9531 Skype: rpoppi77 www.instituto.cidadedemocratica.org.br <http://www.cidadedemocratica.org.br>

[luizapeixe]

Cheguei numa primeira proposta para as telas de GERENCIAMENTO DE CLUSTERS E ESTERIÓTIPOS. A idéia é que uma única página, dividida em duas "abas", dê conta da gerencia (editar e deletar) dos clusters e esteriótipos:

Aba Clusters: https://invis.io/SVNCFZN462T
Aba Esteriótipos: https://invis.io/BQNCFZY726E

Para o campo de "adicionar esteriótipo" na aba Clusters, penso que ele pode funcionar como faz o SOMUC no campo "pesquise", em que um dropdown aparece listando as opções possíveis qnd o user clica no campo, daí os itens clicados se apresentam como "tags" podendo ser facilmente deletadas da lista de selecionados. Acham que isso é possível do ponto de vista técnico?

Daí, na situação de CRIAR um cluster, abriria um lightbox possibilitando q o user já selecione os esteriótipos relacionados a esse cluster.

No caso da criação de um NOVO ESTERIÓTIPO, a solução seria repetir a ideia do lightbox porém só com o campo de nome.

Acham que essas telas já suprem todas as necessidades desses recursos?

[ricardopoppi]

Maravilha @luizapeixe! comentarios:

1. Na criação/edição de clusteres, faltou a identificação da conversa. Um cluster está sempre associado a uma única conversa.
2. Nos estereótipos, além do nome, o usuário tem que poder associar alguns comentários aos estereótipos. Um mesmo comentário pode fazer parte de mais de um estereótipo, então o usuário deverá poder selecionar qq um dos comentários existentes nas conversas que criou. Hj o admin resolve isso permitindo adicionar um novo "StereotypeVote" e selecionar de uma lista drop-down com todos os comentários. Veja prints:

[luizapeixe]

ok! adicionei o campo "conversa do cluster" no light box de NOVO CLUSTER: https://invis.io/ZBNCFWMFJQT
e segue uma primeira proposta de light box de NOVO ESTEREÓTIPO: https://invis.io/2PNDAYDZ74A

Dúvidas:

1. o user pode editar a conversa do cluster depois que ele já foi criado?
2. o ser pode editar os estereótipos do cluster depois q ele já foi criado?
3. o user pode editar que comentários fazem parte do estereótipo depois q ele já foi criado?

pergunto porque essas questões influenciam nas soluções de UI UX dessas telas e caminhos

[ricardopoppi]

@luizapeixe mto bom. sobre suas dúvidas:

o user pode editar a conversa do cluster depois que ele já foi criado?
Não. Uma vez criado o cluster ele fica associado permanentemente a uma conversa

o ser pode editar os estereótipos do cluster depois q ele já foi criado?
Sim. O user pode remover ou adicionar esteretótipos ao cluster a todo momento

o user pode editar que comentários fazem parte do estereótipo depois q ele já foi criado?
Sim. O user pode marcar/desmarcar comentários dentro de um estereótipo a todo momento

[fabiolamfleury]

Uma observação,
Na criação do esteriótipo, além do comentário, existe um campo para saber se o esteriótipo concorda, discorda ou passa ele (print do admin do django)

[ricardopoppi]

Bem observado @fabiolamfleury

Realmente faltou isso na especificação que eu fiz pra ti @luizapeixe. Além de escolher o comentário, o criador da conversa tem que definir o voto desse comentário pra compor o estereótipo. Será necessário conceber isso nas telas.

[luizapeixe]

Ok!

Muito obrigada pela observação, @fabiolamfleury !

Reformulei os layout considerando as ultimas orientações e cheguei nas seguintes soluções:

- tela de gerencia de clusters: https://invis.io/SVNCFZN462T
aqui listamos todos os clusters com opção de "exibir mais" (tipo toggle) e "deletar". quando o user clica na seta para exibir mais, parece a conversa (não editável) do cluster e a lista de estereótipos relacionados (seguindo a referencia/inspiração da plataforma do SOMUC). Todas as edições possíveis dos clusters são feitas nessa página mesmo.

- tela de gerencia de estereótipos: https://invis.io/BQNCFZY726E
Aqui listamos todos os estereótipos permitindo as interações de "editar" e "deletar". Clicando em EDITAR o user é levado pro lightbox de edição do estereótipo, que tem a mesma estrutura do lightbox de criação de estereótipo. Clicando em deletar o user recebe um lightbox dizendo algo tipo "tem certeza que quer deletar esse estereótipo?" com um "sim" e "não"

- tela de criação de novo cluster: https://invis.io/ZBNCFWMFJQT
lightbox com campos de 1. nome; 2. conversa e 3. lista de estereótipos. Essa tela serve apenas para CRIAÇÃO de clusters, uma vez que as edições podem ser todas feitas na tela anterior, de gerência dos Clusters

- tela de criação / edição de estereótipos: https://invis.io/2PNDAYDZ74A
essa tela contempla as necessidades tanto de criação quanto de edição dos estereótipos. exibe campos de Nome do estereótipo e Conversas relacionadas + Concordâncias, como bem pontuou a Fabiola. As diferenças entre os lightboxes de Criação e Edição seriam basicamente 2:

1. título da tela "Novo estereótipo" seria "Editar estereótipo"
2. botão ao final no lightbox "CRIAR" seria "SALVAR"

Acham que assim resolvemos todas as necessidades e especificidades dessas áreas?

[ricardopoppi]

@luizapeixe mto bom! Resolvemos sim. Agora te peço para criar a versão CPA dessas telas, assim encerramos essa issue

[luizapeixe]

Seguem as telas de gerencia de clusters / esteriótipos adaptadas para a IdV do CPA:

• Gerenciar / aba Clusters: https://invis.io/STNGW9WKZ29
• Gerenciar / aba Estereótipos: https://invis.io/PZNGWAFW8C3
• Lightbox Novo Cluster: https://invis.io/J3NGWAMNHP4
• Lightbox Novo Estereótipo: https://invis.io/W9NGWAYBF52
• Lightbox Editar Estereótipo: https://invis.io/NANGWB7EVY4 (basicamente igual o lightbox de Novo Estereótipo)

cc @gag2502

[ricardopoppi]

com a big issue aberta (#298) para implementação, fecho essa aqui