Usabilidade
25 posts
Seu formulário realmente precisa de um dropdown?
O dropdown esconde as opções atrás de um clique e cobra caro por isso. Quando trocar por radio buttons, campo de texto, combobox ou botões, e quando ele se justifica.
Ler artigoRepensando a visualização de dados: uma abordagem de UX para dashboards que geram decisões
Por que dashboards corretos não produzem decisão, e as três perguntas de UX (contexto, público e insight) que decidem 80% do resultado antes do primeiro gráfico.
Ler artigoGuia da propriedade CSS pointer-events
Como pointer-events decide qual elemento recebe cliques e hover, por que ela é herdada, e o que ela não faz: desabilitar elemento nem impedir seleção de texto.
Ler artigoComo escolher a modalidade de IA certa para a intenção do usuário
Nem toda capacidade de IA cabe num chat. Como auditar carga física e cognitiva do usuário e escolher a modalidade de entrada e saída certa para cada contexto.
Ler artigoTraga de volta o design idiomático
A era do software desktop oferecia interfaces consistentes por meio de idiomas de design. A web perdeu isso. E é hora de resgatar.
Ler artigoGuia para revisões eficientes de UX e UI
Como conduzir revisões de UX e UI: processos, cenários práticos, testes A/B, acessibilidade e iteração contínua para produtos digitais melhores.
Ler artigo10 princípios de design que todo designer deve conhecer
Conheça 10 princípios essenciais de design com exemplos reais de produtos. Regras que guiam decisões adequadas para criar interfaces mais usáveis e eficazes.
Ler artigo58 regras para um UI Design bonito e eficiente
A interface certa pode elevar uma aplicação de funcional a inesquecível. 58 regras em oito categorias formando a "Fórmula da Elegância" do design de UI.
Ler artigo7 alternativas à <div> para uma Web mais semântica
Descubra web semântica com 7 alternativas ao div. Use tags HTML5 corretas para estrutura significativa e melhor acessibilidade. Melhore seu HTML!
Ler artigoDeslocamento de Layout (Layout Shift) e Cumulative Layout Shift (CLS): guia completo
Guia completo sobre Cumulative Layout Shift (CLS). Aprenda a evitar deslocamentos indesejados de layout e melhorar drasticamente Core Web Vitals. Otimize!
Ler artigodpw expo #40 - ApexCharts.js, Sal.js, Moveable, Cropper.js, FilePound
Explore ApexCharts, Sal.js, Moveable, Cropper.js e FilePond no dpw expo. Gráficos modernos, scroll animations e upload/crop de imagens profissional. Teste!
Ler artigoMelhores práticas para input Telefone
Melhores práticas para input de telefone em formulários. UX aprimorada, validação, formatação automática e acessibilidade em campos telefônicos. Otimize!
Ler artigo19 princípios de User Interface Design
Fundamentos essenciais para criar interfaces intuitivas e eficazes. Descubra 19 princípios de UI Design para melhorar a experiência do usuário.
Ler artigoLazy loading nativo de imagens e iframes
Lazy loading nativo para imagens e iframes HTML. Melhore drasticamente performance com carregamento sob demanda usando HTML puro. Sem JavaScript!
Ler artigoMitos de interface mobile - Mito 3: simplicidade é bom, complexidade é ruim
Mito mobile desmistificado: simplicidade vs complexidade em UI. Nem sempre simples é melhor - contexto e propósito definem boa UX mobile. Repense!
Ler artigoRedução Progressiva e Decaimento de Experiência
Entenda redução progressiva e decaimento de experiência. Aplique graceful degradation para garantir funcionalidade em todos os navegadores. Essencial!
Ler artigoChecklist de UX para desenvolvedores
Desenvolvedores podem criar ótimas experiências. Checklist prático de UX para integrar usabilidade no desenvolvimento sem depender de especialistas.
Ler artigoWireframes para web: guia completo de desenvolvimento
Wireframe web: guia completo para prototipação profissional. Ferramentas, técnicas e boas práticas para esboçar interfaces antes do design. Prototipe!
Ler artigoMelhorando a interação em formulários de busca
Aprenda a melhorar interação em formulários de busca web. UX aprimorada, autocomplete, sugestões inteligentes e acessibilidade para search boxes!
Ler artigoBreadcrumbs: guia completo com exemplos e melhores práticas
Melhore a navegação do seu site com breadcrumbs eficientes. Guia completo sobre tipos, quando usar, benefícios de usabilidade e implementação correta!
Ler artigoRecursos de usabilidade grátis
Descubra recursos essenciais sobre usabilidade web grátis. Ferramentas, artigos, livros e referências completas para aprender e aplicar UX design!
Ler artigoUser Interface em dicas rápidas
Dicas rápidas e práticas de User Interface (UI). Pequenas melhorias que fazem grande diferença na experiência visual e usabilidade. Aplique hoje!
Ler artigo8 características de User Interfaces (UI) de sucesso
Crie interfaces intuitivas e eficazes. Conheça as 8 características essenciais que toda UI de sucesso deve ter: clareza, concisão e muito mais.
Ler artigoComponentes de um sistema de navegação
Conheça os 6 componentes essenciais de um sistema de navegação web eficiente: áreas clicáveis, indicadores visuais, ferramentas e feedback. Navegue bem!
Ler artigoSobre link para página inicial no menu
Links para página inicial: conheça boas práticas de navegação web. UX, acessibilidade e padrões para botão/link home eficientes. Implemente agora!
Ler artigo