Apresentar Spinner (Loading) no botão de Publicar/Atualizar

[gabrielew]

Hoje já existe uma funcionalidade de desabilitar o botão caso o mesmo esteja com o estado de isPosting como true.
Porém, ontem ao realizar uma publicação a minha conexão estava lenta e pensei que havia acontecido algum BUG para meu conteúdo não ter sido de fato enviado.

Então gostaria de saber se mais pessoas pensam ou já pensaram em algo para melhor ainda mais a usabilidade/feedbacks visuais durante uma publicação.

Edit.: Também percebi que o aria-label fica somente como "Publicar" (mesmo se estiver atualizando) e o cursor do mouse não é modificado para not-allowed.

[Rafatcb]

Nesse artigo tem algumas orientações para fazer um estado de loading para o botão.

No artigo dizem para usar em ações que demoram mais do que dois segundos, mas não vejo problemas em ações mais rápidas (não sou UX):

To prevent these errors, you need to use progress buttons on operations that take longer than two seconds. A research study found that users expect pages to load in two seconds or less, and become impatient when it takes longer.

A progress button gives users a visual cue that indicates a loading state. When users see a process taking place, they’re less likely to press the button again. It’s crucial to ensure no action errors occur by disabling the button when it’s in progress.

[bernardoeuler]

Olá pessoal, nesse PR que o @aprendendofelipe mencionou acima eu estou desenvolvendo essa solução para dar um feedback para o usuário de que sua ação ao clicar num botão está sendo processada.

Não sei se isso já está em desenvolvimento por aqui, mas gostaria da opinião de vocês em relação a implementação.

Queria saber se durante o carregamento é melhor manter somente o spinner no botão (e retirar o texto)¹ ou manter os dois simultâneamente², e talvez trocar para uma palavra que indique continuidade e pôr reticências (ex: Cadastrando..., Enviando... e etc.).

Imagens

Imagem 1:

Imagem 2:

[aprendendofelipe]

Implementado no #1501 🎉