RelevantLatestTop

Leandro Lima

31 de ago.

Monitoramento de mudanças em formulários JavaScript para evitar regressões de UX

#javascript#observabilidade#ux

7 reações3 comentários

5 min de leitura

Bruno GomesCurioso pra saber como voces lidam com a deteccao de mudancas no DOM que podem impactar a experiencia. Ja usei MutationObserver mas as vezes fica dificil balancear a performance.

Sofia Oliveiralol no meu time, a gente criou uma rotina de alertas automáticos pra mudanças na estrutura do DOM, assim evita que alterações passem batidas. Mas é preciso cuidado pra não gerar mu

Ver todos os 3 comentários →

Vivian Vieira

26 de ago.

Gerenciar o Custo de Manutenção de Inputs de Data e Hora em Diversos Navegadores

#frontend#compatibilidade#ux

13 reações4 comentários

4 min de leitura

Rafael EstevesBoa dica, Vivian Aqui no meu time, a maior dor é justamente manter uma experiência consistente sem ficcar refazendo o componente toda hora. Essa abordagem de feature detection ajud

Leandro DantasNo meu projeto, o mais importante foi criar um componente que pudesse ser facilmente trocado ou atualizado. Assim, se precisar trocar por uma lib nova, fica tranquilo de fazer a su

Ver todos os 4 comentários →

Sofia Vieira

12 de ago.

Como detectar se o usuário clicou em Cancelar na caixa de diálogo do onbeforeunload

#javascript#navegaçao#ux

6 reações3 comentários

6 min de leitura

Patricia SantanaExcelente abordagem, Sofia. A minha dúvida é sempre como evitar esses alertas em navegações internas, que são bem comuns em apps com muitos passos. Você recomenda usar variáveis de

Julia FreitasConcordo, Wesley. Mas cuidado ao usar esses alertas, porque podem irritar o usuário se mal utilizados. Prefiro implementar modais customizados sempre que possível, assim o controle

Ver todos os 3 comentários →

Sofia Santana

12 de ago.

Solução prática para o problema de scroll indesejado ao focar inputs em modais no iOS

#ios#scroll#ux

10 reações5 comentários

7 min de leitura

Igor GomesLegal a solução, mas acho que o risco de ficar com o layout travado ou bugado em telas menores ainda é alto. Já tentou usar o evento de focus pra ajustar o scroll também?

Daniel VieiraQuem cuida de tempo de feedback quando esse ios sair da fase de empolgação

Ver todos os 5 comentários →

Ana Nogueira

11 de ago.

Como detectar se o usuário clicou em Cancelar ao fechar uma janela com onbeforeunload em JavaScript

#javascript#desenvolvimento#ux

9 reações4 comentários

6 min de leitura

Fabio BarrosNo meu time, a gente sempre tnta evitar esse tipo de diálogo, pq acaba irritando o usuário. Mas quando precisa, a estratégia de flag funciona bem, desde que bem gerenciada.

Lucas MendonçaPô, na moral, isso dá um trabalhão pra cuidar para que tudo funcione em todos os casos. Já pensei em usar um sistema de autosave pra evitar o drama, aí fica menos dependente do eve

Ver todos os 4 comentários →

Otavio Nogueira

9 de ago.

Gerenciamento de Feedback em Tempo Real para Aplicações Web de Alta Performance

#performance#ux#websocket

9 reações5 comentários

7 min de leitura

Igor AlmeidaJá passei por isso, a chave é testar tudo em ambientes semelhantes ao de produção. Latência real faz toda a diferença.

Patricia EstevesBoa, mas cuidado com o cache. Se não tiver invaidação bem definida, o usuário fica com dados desatualizados e perde confiança.

Ver todos os 5 comentários →

Vivian Pereira

7 de ago.

Detecção de overflow de texto com CSS white-space e text-overflow usando JavaScript

#javascript#css#ux

8 reações4 comentários

4 min de leitura

Nicolas GomesEssa abordagem de clone funciona bem na prática, mas acho que o impacto em listas grandes pode ser um problema. Vocês já testaram em cenários de alta carga?

Patricia PereiraBoa, mas cuidado com o uso excessivo. Em telas com muitos elementos, o método pode pesar e impactar a experiência. Uma estratégia de limitação ajuda bastante.

Ver todos os 4 comentários →

Bruno Freitas

6 de ago.

Detecção confiável de botões do mouse em JavaScript após evento mousedown

#javascript#interatividade#ux

8 reações3 comentários

5 min de leitura

Mariana SantanaÓtimo guia, Bruno. No meu time, a gente costuma usar 'pointerdown' e 'pointerup' pra esse tipo de controle, que são mais modernos e têm melhor compatibilidade. Isso ajuda bastante

Vivian PereiraConcordo com a Mariana, mas às vezes a gente precisa também fazer um polling manual pra cuidar para que o estado tá atualizado, especialmente em apps mais complexos.

Ver todos os 3 comentários →

Bruno Macedo

5 de ago.

Diferenças Práticas entre mouseenter, mouseover, mouseleave e mouseout na Experiência do Usuário

#javascript#eventos#ux

9 reações4 comentários

4 min de leitura

Rafael VieiraGosto quando a discussão sai do demo. Em python, eu colocaria teste pequeno, responsável claro e caminho para volttar atrás.

Gabriela NogueiraEntendo a empolgação com python, mas eu olharia primeiro para risco em produção. Se isso não fica claro, a novidade só troca um gargalo por outro.

Ver todos os 4 comentários →

Leandro Xavier

27 de jul.

Problemas com input de texto após cancelar aviso de fechamento no Chrome

#javascript#chrome#ux

9 reações3 comentários

2 min de leitura

Nicolas Nogueiralol esse problema é clássico em browsers baseados em Chromium. No meu time, a gente tenta sempre validar se o foco está no input após ações críticas, mas às vezes o próprio navegad

Elisa BarrosNo meu caso, o maior desafio é que o bug só aparece em algumas versões do Chrome. Testar em diferentes versões ajuda a entender se é algo do navegador ou da nossa implementação. Pr

Ver todos os 3 comentários →