Avatares selecionáveis

Avatars are a big part of anyone’s online identity. Discourse already supports 3 options when it comes to avatars: based on the first letter of your username, your Gravatar or any images you want to upload.

image

But what if you want to provide your users with a limited set of avatars to choose from? It’s now possible thanks to the “selectable avatars” feature!

As an admin, if you click Edit next to the selectable avatars site setting, a modal will pop up and ask you to start uploading avatars.

image

You can either drag & drop up to 10 images at a time or click Upload Picture to browse your computer to select the images you want to upload.

If you want to remove some of the uploaded images, you just need to click on it.

Note: Make sure you click :white_check_mark: after closing the modal to actually save the list.

After enabling the selectable avatars enabled site setting, two things will happen

  • Newly created user will automatically be affected a random avatar from the list.
  • Users will be presented with the same list to choose from whenever they want to change their avatar.

Note: existing users will keep their current avatar until they change it.

Enjoy :heart_eyes_cat:

No cats were armed in the making of this topic.

58 curtidas

Since it’s called “selectable avatars”, my expectation would be that they’re selectable but not enforced… Would it be a big change to make these avatars selectable without changing anything else?

Oh, and the logical next step would obviously be to make it possible to include avatar-sets in themes… Or is this already possible?

11 curtidas

I know that my home site would really get some usage out of this provided it isn’t enforced that you must have one of these avatars, and that it was just another option alongside the letter/gravatar/custom image. Is that how this works, and if not, could it be an option?

7 curtidas

I think the point of the feature is to tightly control the available avatars for branding / theming / safety purposes.

5 curtidas

We’re getting reports from users that they are able to use this tool to select avatars for other members, including site administrators…

I haven’t confirmed whether they are able to actually do it (none have been game enough to click the save changes button yet), but they can definitely see the “Change your profile picture” popup if they click on another user’s profile image.

7 curtidas

That bug was fixed and will be deployed tomorrow to all our customers.

12 curtidas

I would love to use this feature too, but can’t delete profile pics for those who have already uploaded one.

Tight control is not the only valid use case. My site encourages photos but in the absence of photos, we would at least like to be able to visually differentiate users at a glance. The colored letters don’t do that very well; avatars from a list would do it much better.

5 curtidas

Agreed with @markschmucker, such tight control of avatars is not the value I was looking for when I went searching for this feature.

Really, I want all of my users just to start out with one of the set avatars I have made instead of off-brand letters, but of course after that I want them to have the freedom to customize their profiles as they see fit.

13 curtidas

I hear you :wink: It’s still on my list.

12 curtidas

Olá @zogstrip e demais! Hoje, esse recurso é bom, mas com um ajuste, seria perfeito!

tl;dr - Parece haver um tema neste tópico:

Os administradores querem poder preencher um conjunto ou lista de avatares de marca. ( ✓possível ) Os administradores também querem atribuir automaticamente e aleatoriamente um “avatar selecionável” a cada novo usuário. ( ✓possível ) Em conjunto com os dois pontos anteriores, os administradores querem permitir que os usuários façam upload de sua própria imagem de perfil ou avatar personalizado, caso não queiram usar um dos avatares padrão do conjunto/lista de “avatars selecionáveis”. ( :disappointed_face: não é possível, estou certo? ) - basicamente, permitindo que os “avatars selecionáveis” funcionem da mesma maneira que a configuração atual de “avatars padrão”.

––––––––––––––––––––––––––––––––––––

Atualmente, existem algumas configurações que parecem conflitar semanticamente entre si:

  • permitir avatares enviados ❑ Permitir que os usuários façam upload de imagens de perfil personalizadas.
  • avatares selecionáveis ativados ❑ Forçar os usuários a escolher um avatar da lista.

Quero poder ativar os “avatars selecionáveis” sem forçar os usuários a usar apenas imagens desta biblioteca. É por isso que tenho a outra opção selecionada para “Permitir que os usuários façam upload de imagens de perfil personalizadas.” Mas essa opção não funciona quando a opção “Forçar os usuários a escolher um avatar da lista” está selecionada.

Caso de uso prático

Quando novos usuários se juntam a uma comunidade, muitas vezes eles não personalizam sua imagem de perfil ou avatar. Desenvolvi várias comunidades e avaliei centenas de comunidades online de amostra e descobri que isso é geralmente consistente entre as comunidades. Convencer alguém a adicionar uma foto de perfil ou avatar é um passo bastante significativo na curva de comprometimento. Geralmente, eles fazem isso após estabelecer sua identidade e confiança em uma nova comunidade, e planejam permanecer e participar mais do que apenas um usuário que cria uma conta para fazer uma pergunta e provavelmente nunca mais retornará.

Portanto, quando novos membros participam de fóruns e todos têm as mesmas imagens de perfil genéricas, parece que a mesma pessoa está respondendo. Ou talvez pareça que os membros não estão muito engajados. O Discourse aborda isso em pequena escala, alterando a cor de fundo e a inicial do usuário. Mas se cada nova pessoa for automaticamente (aleatoriamente) atribuída uma imagem de perfil de um conjunto pré-definido de imagens, então, quando essas pessoas postarem, a comunidade parecerá muito mais amigável e acolhedora, e cheia de usuários mais engajados.

Aqui está um exemplo de um bom tópico da comunidade. Alguns membros registrados, além de alguns membros que nunca tiveram tempo de fazer upload de um avatar (ilustrado pela seta vermelha)

Aqui está um exemplo do que não queremos... Todos têm o mesmo avatar.

––––––––––––––––––––––––––––––––––––

Não tenho certeza sobre a melhor maneira de corrigir isso nas configurações de administrador ¯\ _ (ツ)_/¯

Atualização de recurso sugerida

Uma sugestão seria adicionar outra opção abaixo da opção “avatars padrão” e chamá-la de “avatars selecionáveis como padrão” (ou algo semelhante). Em seguida, ter uma descrição como:
❑ Atribuir um avatar aleatório da lista de “avatars selecionáveis” como padrão para novos usuários, até que o usuário altere manualmente o avatar."

Com base na lógica da configuração atual de “avatars padrão”, se você adicionasse uma configuração como essa sugestão :up_arrow:︎, poderia então alterar a interface do usuário (frontend) para algo assim…

Nota: Adicionei a seção abaixo de “Imagem Personalizada” como se fosse a lista de “avatars selecionáveis” enviados pelo administrador. O avatar destacado em cinza seria o avatar selecionado pelo sistema. (se a opção “imagem personalizada” fosse alternada, o destaque provavelmente desapareceria. Então, quando a opção “imagem de perfil atribuída pelo sistema” for alternada, o avatar associado da “biblioteca de avatares selecionáveis” será destacado.

Por padrão, a primeira opção (das três) estaria selecionada… mas o usuário ainda teria as outras opções para usar um Gravatar ou fazer upload de uma imagem personalizada. Se gostarem da lista de “avatars selecionáveis”, poderão escolher outra que preferirem.

Tenho certeza de que existe uma maneira melhor de realizar isso do que a que estou sugerindo, mas espero que isso ilustre o que eu gostaria que o Discourse permitisse com os “avatars selecionáveis” e acho que outros estão pedindo esse mesmo tipo de funcionalidade.

8 curtidas

Uma coisa que acabei de descobrir é que existe uma solução alternativa que permite carregar uma lista pré-definida de “avatars selecionáveis” e defini-los como “avatars padrão”, ao mesmo tempo em que permite que os usuários alterem seu avatar para uma foto de perfil personalizada. Parece que as seguintes pessoas estavam pedindo isso: @Elliott_Mozley, @D_Friday, @markschmucker e @orangeandblack5
––––––––––––––––––––––––––––––––––––

Definir avatars padrão para novos usuários e permitir avatar/foto de perfil personalizada:

  1. Acesse as configurações de administração e pesquise por “avatar
  2. Encontre a opção avatars selecionáveis e clique em Editar lista
  3. Clique no botão Carregar e selecione todos os arquivos que serão usados como “avatars padrão” para novos usuários
  4. Clique com o botão direito em cada um dos avatars recém-carregados e selecione “Copiar endereço da imagem
  5. Cole o “endereço da imagem” de cada um dos avatars que você acabou de carregar. (certifique-se de clicar em ✓ quando terminar)

Pronto! Sua lista de “avatars selecionáveis” agora será atribuída automaticamente, de forma aleatória, aos novos usuários. Eles poderão então acessar sua conta para fazer upload de sua própria foto de perfil personalizada!

Obrigado, equipe Discourse, por tornar isso possível!

16 curtidas

Existe alguma forma de configurar para que os usuários tenham a OPÇÃO de escolher entre a lista de “avatars selecionáveis” sem perder a capacidade de fazer upload de avatares personalizados?

A solução / interface sugerida por @jord8on seria perfeita, mas… alguém descobriu se há algum motivo pelo qual o Discourse exige “avatars selecionáveis” OU avatares enviados pelo usuário, e não consegue suportar ambos?

2 curtidas

Eu diria que basta não marcar a caixa de seleção para forçar os usuários a usar avatares da lista.
Isso deve deixar as outras duas opções disponíveis para os usuários (letras ou fazer upload de suas próprias fotos).

2 curtidas

Você pensaria isso, sim — mas quando você desmarca a opção “forçar usuários a usar avatares da lista”, não há mais nenhuma maneira de eles ACESSAREM a lista de avatares. Estou tentando descobrir como deixar os avatares DISPONÍVEIS, mas não OBRIGATÓRIOS.

Alguma ideia? :slight_smile:

2 curtidas

Toda a ideia dos avatars selecionáveis, conforme eu entendi, é limitar a seleção de avatars a uma lista segura e pré-determinada. Permitir o upload de avatars pelos usuários vai contra esse objetivo.

3 curtidas

Esse é um caso de uso. Outro é que você deseja apoiar sua comunidade oferecendo muitas opções, sem limitar suas escolhas ou exigir que elas se sintam confortáveis em fazer uploads.

Entendo o caso de uso que você está descrevendo e fico feliz que o Discourse o suporte.

Isso não significa que não seria ainda mais útil se não exigisse uma implementação de tudo ou nada, deixando a escolha a cargo dos administradores da comunidade.

5 curtidas

Gostaria que o sistema usasse uma foto do sistema, mas se nenhuma foto do sistema estiver disponível, escolha uma da lista.

Por quê? Às vezes, alguns usuários estão bloqueados para fazer upload de fotos do sistema, enquanto outros têm permissão.

Atribuir uma aleatoriamente é até bom, mas aí seria necessário usar avatares sem gênero ou etnia definida. Por isso, prefiro que eles escolham um, celebrando assim a diversidade.

3 curtidas

Um componente de tema seria capaz de fornecer essas imagens?

2 curtidas

Conjuntos de avatares limitados às vezes não combinam bem com o recurso de resposta na lista de posts na visualização móvel. Exemplo aqui no fórum New World:

Essas duas mensagens não estão respondendo à mesma pessoa, mas o fórum New World tem um conjunto de avatares bastante limitado (como costuma acontecer em fóruns que permitem apenas um conjunto fixo de avatares utilizáveis, pelo que já experimentei). O problema não aparece na visualização para desktop, pois os nomes de usuário são exibidos ao lado dos avatares:

Ao navegar e ler esse tipo de tópico no celular, fica rapidamente confuso.

Há planos da Discourse para contornar esse pequeno problema? Atualmente, não vejo outra solução além de ser administrador e adicionar o nome de usuário também na visualização móvel.

5 curtidas

@here boas notícias para vocês :wink:

10 curtidas