search

cambiatus / backend

Cambiatus GraphQL API
GNU Affero General Public License v3.0
21 stars 18 forks source link

Ferramentas administrativas: Pausar ou remover ofertas #233

Open lucca65 opened 2 years ago

lucca65 commented 2 years ago

Permitir que anúncios sejam pausados ou removidos pelo administrador.

rafachadud commented 2 years ago

@lucca65 @NeoVier @MatheusBuss

Apresentei hoje para a @juramos-2020 uma atualização dessa ferramenta de remoção de uma oferta no shop, segue o link do Figma com o fluxo https://www.figma.com/file/OSqvmNO3HSzRJSrp9Of865/New-Shop?node-id=2709%3A44307.

No momento, pensamos em não ter a opção de "pausar" uma oferta, esse cenário seria coberto pela remoção, que tiraria a visibilidade da oferta para outros usuários, exceto dos admins e do usuário criador da oferta.

Essa abaixo está em falta ainda. Na nossa reunião de design, a @juramos-2020 e eu discutimos a necessidade de rever a tela de configuracões e dar uma reorganizada nos elementos e melhorar a interface. Será que essa entrega poderia ser incluída nesse redesenho?

Criar a configuração de "moderação da loja". Se habilitada, todos anúncios criados ficam pendentes de aprovação. Admin precisa permitir um a um. Criar mutações necessárias para isso. Anúncios não aprovados tem o mesmo comportamento de um pausado. Não são visíveis normalmente, a não ser por seu criador ou pelo admin

lucca65 commented 2 years ago

Apresentei hoje para a @juramos-2020 uma atualização dessa ferramenta de remoção de uma oferta no shop, segue o link do Figma com o fluxo https://www.figma.com/file/OSqvmNO3HSzRJSrp9Of865/New-Shop?node-id=2709%3A44307.

Rafa o link não tá funcionando, acho que na próxima é só colar diretamente!

Acho que a principal coisa que me chama atenção é que nesse modelo não há diferenciação entre ADMIN e VITRINE. Acho que no caso de loja, que é algo já bem estabelecido podemos pegar mais referências para construir a nossa.

Acho que na vitrine até podemos ter um link que leve até a interface administrativa. Veja como o Mercado Livre faz:

Captura de Tela 2022-06-14 às 16 12 06

Se clico no anuncio, não sou levado a vitrine, mas sim a edição:

Captura de Tela 2022-06-14 às 16 12 36

Ter duas telas ao invés de uma facilita pra gente construir mas também para usar: a tela não muda dependendo do contexto.

Tenho outras dúvidas também:

  1. Quando um admin retirar o anuncio e dar a justificativa vamos notificar via email ou notificação ou aviso em algum outro lugar (banner na dashboard/shop)?
  2. Vi que temos uma tela só pra atribuir categoria, que mantem a descrição e foto e coloca uma lista das categorias. Por que não usamos a tela de edição? Fica mais fácil pra gente implementar e acho que faz mais sentido ir pra lá, assim só temos um lugar para fazer a mesma coisa
  3. Qual a diferença entre BOOSTED e RECOMMENDED?
  4. Seguindo na temática de usar mais referências, não consegui pensar em nenhuma loja que mostra seus produtos dessa forma que fazemos: uma listagem geral onde podemos filtrar. Geralmente a loja tem uma cara e páginas de categorias. Quando há uma listagem ela acompanha filtros laterais (Mercado Livre, Amazon, Dafiti, Netshoes, Americanas, Até Facebook Shop). Por quê fazer algo tão diferente? tem alguma vantagem?

Essa abaixo está em falta ainda. Na nossa reunião de design, a @juramos-2020 e eu discutimos a necessidade de rever a tela de configuracões e dar uma reorganizada nos elementos e melhorar a interface. Será que essa entrega poderia ser incluída nesse redesenho?

@rafachadud acho que podemos fazer isso em uma issue mais focada.. já temos essa aberta: https://github.com/cambiatus/frontend/issues/751

No momento, pensamos em não ter a opção de "pausar" uma oferta, esse cenário seria coberto pela remoção, que tiraria a visibilidade da oferta para outros usuários, exceto dos admins e do usuário criador da oferta.

Onde podemos ver essas ofertas removidas? Não achei no Figma

lucca65 commented 2 years ago

@rafachadud agora coisas que eu absolutamente amei!

  1. Adorei o modal de "Action Options", espero que tenhamos mais, acho que esse elemento é show e do jeito que ficou implementado com ícones tá muito bonito!
  2. Gostei muito do label roxo das ofertas BOOSTED, ficou muito bonito dando um destaque bem legal!
  3. Gostei de ter uma justificativa para a remoção, esse tipo de coisa pode ser um diferencial da nossa plataforma, dá um tom de transparência lindo! Espero no futuro poder evoluir isso pra virar uma discussão na comunidade, com todas as funcionalidades de discussão e colaboração para que o gerenciamento seja o mais transparente possível!
  4. Achei legal que as categorias tem um botão de "MOSTRAR MAIS", bem legal!
rafachadud commented 2 years ago

+1 nas telas administrativas, mas acho que estamos falando de 2 usuários diferentes, o user que criou a oferta e o admin da comunidade.

Quando um admin retirar o anuncio e dar a justificativa vamos notificar via email ou notificação ou aviso em algum outro lugar (banner na dashboard/shop)?

Boa, podemos adicionar uma comunicacao. Posso preparar um flow para como isso pode acontecer e os triggers envolvidos.

Vi que temos uma tela só pra atribuir categoria, que mantem a descrição e foto e coloca uma lista das categorias. Por que não usamos a tela de edição? Fica mais fácil pra gente implementar e acho que faz mais sentido ir pra lá, assim só temos um lugar para fazer a mesma coisa

+1 @juramos-2020 está trabalhando nessa parte

Qual a diferença entre BOOSTED e RECOMMENDED?

Nao há diferenca, eu estava testando a melhor palavra xD

Seguindo na temática de usar mais referências, não consegui pensar em nenhuma loja que mostra seus produtos dessa forma que fazemos: uma listagem geral onde podemos filtrar. Geralmente a loja tem uma cara e páginas de categorias. Quando há uma listagem ela acompanha filtros laterais (Mercado Livre, Amazon, Dafiti, Netshoes, Americanas, Até Facebook Shop). Por quê fazer algo tão diferente? tem alguma vantagem?

+1 Nao estou tao a frente dessa parte do shop, mas acho que seria muito vantajoso fazer o shop ter mais cara de shop no desktop. Podemos trabalhar em algumas opcoes, o que acha @juramos-2020?

Quero preparar um flow para mapear o shop, acho que é mais adequado do que apenas as telas do figma, já que estamos expandindo várias funcoes e elas nao estao tao claras (pelo menos para mim, que nao estou tao a frente das discussoes do shop) @lucca65 podemos alinhar em um huddle/zoom meeting amanha ou na sexta?

juramos-2020 commented 2 years ago

Ola pessoal

@lucca65

Acho que na vitrine até podemos ter um link que leve até a interface administrativa. Veja como o Mercado Livre faz:

Se você está se referindo a essa tela, eu ainda estou trabalhando nela. Acredito que consigo entregar a proposta concluída na proxima semana. Mas a ideia é isso mesmo, conforme já tínhamos conversado. Vamos ter esse link, os produtos em formato de lista, a opção de selecionar multiplos e as ferramentas criadas para o admin

Se clico no anuncio, não sou levado a vitrine, mas sim a edição:

Essa ação de clicar no produto e ser levado a edição você se refere ao usuário, quando ele clica na oferta criada por ele? Ou você está se referindo ao Admin quando ele clica em um produto para editá-lo? Caso você esteja se referindo ao Admin, conforme tínhamos conversado, ele poderia editar apenas as categorias correto? Por isso fiz essa proposta de abrir nessa tela aonde ele altera apenas as categorias. Mas já relacionando com o que você fala logo abaixo 👇, posso dar uma alterada na porposta para que abra logo na página de edição 😉👍

Vi que temos uma tela só pra atribuir categoria, que mantem a descrição e foto e coloca uma lista das categorias. Por que não usamos a tela de edição? Fica mais fácil pra gente implementar e acho que faz mais sentido ir pra lá, assim só temos um lugar para fazer a mesma coisa

Quando um admin retirar o anuncio e dar a justificativa vamos notificar via email ou notificação ou aviso em algum outro lugar (banner na dashboard/shop)?

Boa, podemos adicionar uma comunicacao. Posso preparar um flow para como isso pode acontecer e os triggers envolvidos.

+1 @rafachadud podemos adicionar uma comunicação, e também acho interessante ter um aviso no espaço de notifcações (aqui). Algo simples, tipo "Seu produto foi removido. Clique aqui para saber mais" e ao clicar o usuário é direcionado para esse tela. Acho que essa estrutura de notificações os devs já tem pronta (me corrida se estiver errada @lucca65 😅)

Também seria legal o usuário receber um e-mail, pois se ele estiver alguns dias sem usar o app, o e-mail se tornaria um tipo de "isca" para notifica-lo e fazer voltar ao app para resolver o problema. O que acham? Consigo fazer esse e-mail também pois ja temos um modelo.

Onde podemos ver essas ofertas removidas? Não achei no Figma

Realmente não criamos essa tela @rafachadud . Mas vou incluir nos meus "To Do" para entregar na próxima semana

juramos-2020 commented 2 years ago

Seguindo na temática de usar mais referências, não consegui pensar em nenhuma loja que mostra seus produtos dessa forma que fazemos: uma listagem geral onde podemos filtrar. Geralmente a loja tem uma cara e páginas de categorias. Quando há uma listagem ela acompanha filtros laterais (Mercado Livre, Amazon, Dafiti, Netshoes, Americanas, Até Facebook Shop). Por quê fazer algo tão diferente? tem alguma vantagem?

+1 Não estou tão a frente dessa parte do shop, mas acho que seria muito vantajoso fazer o shop ter mais cara de shop no desktop. Podemos trabalhar em algumas opcoes, o que acha @juramos-2020?

+1 concordo também @lucca65 e @rafachadud , até tínhamos conservado naquela reunião de categorias sobre isso. Eu tinha usado a referencia do Ifood que é mais voltado para navegação mobile, só que adequando ao nosso contexto, tentando trazer a busca pelo produto de uma forma mais acessível para experiência mobile. Concordo que no desktop podemos melhorar muito e isso implica também em alterações no mobile.

Então o que ficou entendido por mim em nossa reunião foi que:

1 - manteríamos essa proposta das categorias para não atrasar essa entrega, pois uma alteração agora levaria tempo de criação, mais ou menos 1 mês, para redesenhar e repensar toda logica dos fluxos de navegação.

2 - Enquanto o time de devs estava trabalhando na implementação dessa primeira entrega, eu trabalharia nas melhorias da segunda onda aonde entrariam as categorias com fotos e uma nova estrutura de filtro, ordenação, favoritar, etc. Até porque depois dessa primeira entrega teremos os testes com os usuários o que vai nos trazer muito feedback sobre o comportamento de navegação deles.

Mas caso vocês achem que precisamos mudar o combinado, precisamos nos reunir para montar uma melhor estratégia.

Minha opinião sobre isso, pensando em não atrasar a entrega seria seguirmos o seguinte planejamento:

Mas fico no aguardo da opinião de vocês sobre isso também @rafachadud @lucca65 @MatheusBuss @NeoVier

E sobre o flow para mapear o shop @rafachadud eu acho ótimo. Isso que você está propondo seria um grande mapa mental do Shop correto? Se for, eu acho incrível porque isso vai ajudar muito na condução das pesquisas para identificar os pontos de atrito. Propus fazer o mesmo para mapear o fluxo de navegação da página de configurações que o @lucca65 falou aqui (: https://github.com/cambiatus/frontend/issues/751)

juramos-2020 commented 2 years ago

Fiz a alteração da tela de edição e deixei um comentário para vocês lá no figma 😉👍

Mas segue aqui também:

Você acha que poderia abrir somente essa tela das categorias e em vez de ter o botão de "CONTINUE" ter o botão de "SALVAR"? OU o Admin vai poder voltar e avançar nos outros Steps? Se for o caso dele avançar e voltar para visualizar os outros steps, estes devem vir com os campos de edição desabilitados.

lucca65 commented 2 years ago

Quero preparar um flow para mapear o shop, acho que é mais adequado do que apenas as telas do figma, já que estamos expandindo várias funcoes e elas nao estao tao claras (pelo menos para mim, que nao estou tao a frente das discussoes do shop) @lucca65 podemos alinhar em um huddle/zoom meeting amanha ou na sexta?

Bora! 💪 Estou livre amanhã!

Se você está se referindo a essa tela, eu ainda estou trabalhando nela. Acredito que consigo entregar a proposta concluída na proxima semana. Mas a ideia é isso mesmo, conforme já tínhamos conversado. Vamos ter esse link, os produtos em formato de lista, a opção de selecionar multiplos e as ferramentas criadas para o admin

Era nessa tela mesmo Ju, blz, boa sorte e bom trabalho nessa tela!

Essa ação de clicar no produto e ser levado a edição você se refere ao usuário, quando ele clica na oferta criada por ele? Ou você está se referindo ao Admin quando ele clica em um produto para editá-lo? Caso você esteja se referindo ao Admin, conforme tínhamos conversado, ele poderia editar apenas as categorias correto? Por isso fiz essa proposta de abrir nessa tela aonde ele altera apenas as categorias. Mas já relacionando com o que você fala logo abaixo 👇, posso dar uma alterada na porposta para que abra logo na página de edição 😉👍

Falava nessa parte sobre como é no mercado livre. Clicar em um item nessa tela não leva ao anúncio, mas sim a edição.

Sobre a proposta de editar as categorias, estou de acordo com elas, mas pra mim fica difícil visualizar isso, pois no contexto de telas apresentadas, me parece que só temos a vitrine, não temos uma interface admin ainda... Melhor aguardar as primeiras versões dessa tela pra avançar mais nessa discussão

lucca65 commented 2 years ago

+1 @rafachadud podemos adicionar uma comunicação, e também acho interessante ter um aviso no espaço de notifcações (aqui). Algo simples, tipo "Seu produto foi removido. Clique aqui para saber mais" e ao clicar o usuário é direcionado para esse tela. Acho que essa estrutura de notificações os devs já tem pronta (me corrida se estiver errada @lucca65 😅)

@juramos-2020 a tela que temos de notificação não é nenhuma das duas que foram apontadas... pra mim ambas seriam banners, inclusive já temos um desse na tela de análise de reinvidcação. Para acessar a notificação você pode acessar esse link: https://muda.cambiatus.io/notification.

É uma tela bem antiga, mas que é bastante usada pelo que ouvi da Muda e de Verdes. Não possui vários paradigmas que mudamos, por exemplo, não dividimos por comunidade, ali aparecem atividades de todas as comunidades. Já temos um lugar pra melhorar ela também: https://github.com/cambiatus/frontend/issues/685

Captura de Tela 2022-06-15 às 17 06 07

Acho que o melhor investimento seria ter um fluxo de notificação por email e que é refletida também nessa tela. Um dia vamos melhorar ela, mas por hora acho que o email é melhor, menos comprometimento

lucca65 commented 2 years ago

Minha opinião sobre isso, pensando em não atrasar a entrega seria seguirmos o seguinte planejamento:

Ju, não me preocupa muito a questão do atraso da entrega, pois estamos trabalhando nisso da melhor maneira e não vamos poder entregar a versão final de uma só vez, mas sim em partes.

Agora, só pra contextualizar, estamos trabalhando na visão do admin da categoria. Criação/edição de categorias em sua forma mais básica, Depois iremos implementar a navegação na vitrine, que será como filtros, da maneira mais simples.

Mas dou -1 pra gente fazer pesquisa nesse caso. Talvez seja polêmico isso mas acredito que podemos seguir fazendo uma implementação mais comum desse tipo de coisa. Pensamos no filtro sem uma pesquisa de usabilidade, acho que podemos avançar com a melhoria da visualização de categorias, afinal ela não exclui a visão que temos agora! O "ver todos" pode continuar existindo exatamente como temos agora (e com os filtros)

juramos-2020 commented 2 years ago

Oi @lucca65

Eu me preocupo com o atraso devido a tudo o que foi combinado com a comunidade Verdes. E como você disse, estamos trabalhando em partes e seria tranquilo trabalhar em uma melhoria dessa entrega, visto que o que temos hoje não está inválido.

Acho que o Luiz(não consegui marca-lo) e @muguika devem participar dessa conversa para que tenham conhecimento e também concordem com o atraso dessa entrega.

Se todos concordarem não vejo problema de já fazer essa entrega com as melhorias que vcs estão propondo. 😉👍 Lembrando, da minha parte vou precisar de Aprox 1 mês para refazer do design.

lucca65 commented 2 years ago

Ju, não vai ocorrer atraso, fique tranquila, não estamos desviando do combinado com eles.

Sobre a participação de todos, estou gostando muito de discutirmos por texto, acho que é muito do que seguiremos fazendo nos processos de tomada de decisão da Cambiatus! Seria incrível ter a participação de todos!

lucca65 commented 2 years ago

ah e sobre precisar de um mês, não precisa se focar nisso Ju! qualquer coisa a gente pensa em outra rota!

juramos-2020 commented 2 years ago

Sucesso então 😉👍 se forem reunir amanhã me convidem kkkk @lucca65 @rafachadud

juramos-2020 commented 2 years ago

Me avisem*😉👍

juramos-2020 commented 2 years ago

@lucca65 @rafachadud

segue sugestão para o dispáro do e-mail das ofertas removidas 😉👍

rafachadud commented 2 years ago

@lucca65 @NeoVier @juramos-2020 Desculpe a demora pessoal, não marquei a reunião mas comecei o mapeamento do fluxo com as ações e agentes impactados com algumas features do shop. Me falta mapear a edição da oferta pelo usuário creator, mas o que acham desse formato para entender fluxos/features?

https://www.figma.com/file/3VDYMtdF5qY4wjEIU0HLOF/Shop---User-Flows?node-id=0%3A1

henriquecbuss commented 2 years ago

Gostei do formato @rafachadud 👍

lucca65 commented 2 years ago

gostei também!

juramos-2020 commented 2 years ago

@rafachadud achei maravilhoso! Deu um sentido de organização e ficou mais fácil para tentar "prever" as telas seguintes. Já consegui ver algumas que não temos e que precisamos colocar no nosso "to do". Fiz alguns comentários lá no Figma 😉👍 (tinha colocado esse comentário na issue errada 😅)

lucca65 commented 2 years ago

@juramos-2020 @rafachadud podem mandar o link de como ficou esse? (não o mapa mental, mas as telas mesmo)

rafachadud commented 2 years ago

Remover/Pausar ofertas: https://www.figma.com/file/OSqvmNO3HSzRJSrp9Of865/New-Shop?node-id=2709%3A44307 Boost offer: https://www.figma.com/file/OSqvmNO3HSzRJSrp9Of865/New-Shop?node-id=2722%3A47773

lucca65 commented 2 years ago

@rafachadud quando uma oferta for promovida, ela irá aparecer com algum destaque na vitrine da loja ou na página da comunidade? Ou a única mudança é o banner roxo na tela de produto?

rafachadud commented 2 years ago

@lucca65 a tag apareceria na vitrine e o banner no destaque do produto.

Tinha discutido com a Ju e a Karla de criarmos um destaque especial para as ofertas no top do shop, mas surgiu o receio de ficar muito com cara de banner/carrousel e o usuário ignorar. Mas podemos testar algo assim também.

lucca65 commented 2 years ago

Por mim acho que fica legal ter uma sessão de destaque com paginação, mostrando os 4, 5 primeiros e deixando o resto pra ser paginado, antes dos outros resultados. Pessoalmente acho que seria incrível!

O que acha de colocarmos também, ao menos uma ou duas ofertas dessas boosted na tela de comunidade? Talvez um carrossel que só mostra uma por vez e muda automaticamente, das ofertas em destaque da comunidade? Pensando em usar essa tela como uma visão geral da comunidade. Buscando tornar o site também mais vivo e pulsante assim como nossas comunidades

muguika commented 2 years ago

Adorei essa ideia... Poderia ser interesante um carrousel assim no dashboard, imagino um destaque de ofertas, actions, e no futuro com os roles até de membros.