Ferramentas administrativas: Pausar ou remover ofertas

[lucca65]

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

• Adicionar a ideia de anuncio pausado. Anúncios pausados não são visíveis na listagem de anúncios nem nas pesquisas. São visíveis ao criador e ao administrador, no entanto.
• Criar mutação para pausar um anúncio, tomando um product_id como parâmetro. Somente o admin e o criador podem executar. É preciso que saibamos quem pausou o anúncio.
• Permitir que o anúncio seja removido pelos administradores.
• 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
• Enviar um email ao usuário quando sua oferta for pausada ou removida por um administrador Design e referência

[rafachadud]

@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]

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:

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

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: cambiatus/frontend#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]

@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]

+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]

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]

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:

• Fazer a entrega dessa primeira proposta. Pois com ela o usuário já consegue ter a experiência de usar as categorias, os filtros e as ordenações
• Coletar feedbacks: testes com os membros e administradores
• Trabalhar nas melhorias com base nos feedbacks coletados, pois com eles serão avaliados o comportamento do usuário, sua dificuldades, novos insights, etc.

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 (: cambiatus/frontend#751)

[juramos-2020]

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]

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]

+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: cambiatus/frontend#685

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