UI/UX Design
- Ler notícia completa
Tela de carregamento esqueleto: melhore a UX
Descubra como as telas de carregamento esqueleto podem melhorar a performance percebida e a experiência do usuário.
Descubra como as telas de carregamento esqueleto podem melhorar a performance percebida e a experiência do usuário.
- Ler notícia completa
Consistência em UI/UX: Satisfação do Usuário
Descubra como a consistência em design UI/UX impacta a experiência do usuário e aumenta a confiança na marca.
Descubra como a consistência em design UI/UX impacta a experiência do usuário e aumenta a confiança na marca.
- Ler notícia completa
8 Efeitos de Brilho com CSS e JavaScript
Explore efeitos de brilho incríveis usando CSS e JavaScript para destacar componentes na web.
Explore efeitos de brilho incríveis usando CSS e JavaScript para destacar componentes na web.
- Ler notícia completa
Design de UI em modo escuro: dicas e exemplos
O modo escuro não é apenas uma tendência de design; ele existe há mais tempo que o modo claro. As primeiras telas de computador eram escuras com texto verde brilhante. Com a evolução das interfaces gráficas, o modo claro se tornou padrão, mas o modo escuro voltou na década de 2010 por preferências dos usuários. […]
Descubra práticas recomendadas e exemplos inspiradores de design de UI em modo escuro para melhorar a experiência do usuário.
- Ler notícia completa
AI-First: Futuro do Design de Produtos com IA
Estamos à beira de uma nova era no design de produtos, com a emergência de aplicativos ‘AI-first’, construídos do zero em torno de motores de IA. Esses aplicativos vão além de apenas interagir com a IA, oferecendo interfaces guiadas que aprendem e evoluem. Embora ainda existam poucos exemplos, várias tendências são importantes para os designers. […]
Descubra como o design de produtos evolui com apps AI-first e novas tendências para designers.
- Ler notícia completa
Estilizando com a propriedade CSS box-shadow
A propriedade box-shadow do CSS permite adicionar sombras aos elementos, oferecendo controle sobre tamanho, desfoque, expansão e cor. Este recurso melhora a profundidade e o destaque visual, sendo uma escolha popular para estilizar botões, cartões e outros componentes de UI, aprimorando tanto a estética quanto a usabilidade. Neste artigo, exploramos a fundo a propriedade box-shadow. […]
Aprenda a usar a propriedade CSS box-shadow para estilizar elementos com sombras, melhorando a estética e usabilidade.
- Ler notícia completa
Design Adaptativo vs Responsivo: Qual é Melhor?
Vivemos em um mundo onde novos dispositivos aparecem constantemente, de monitores grandes a pequenos smartwatches. Para os designers, é essencial acompanhar essas mudanças. O design responsivo se adapta dinamicamente a diferentes dispositivos, enquanto o adaptativo oferece uma experiência customizada para tamanhos de tela específicos. Ambos têm seus prós e contras. Design Responsivo: Benefícios e Desvantagens […]
Descubra as diferenças entre design adaptativo e responsivo e escolha a melhor abordagem para uma experiência de usuário otimizada.
- Ler notícia completa
Breadcrumbs ou setas: qual é melhor no UX?
A navegação em um produto de software deve ser intuitiva. Breadcrumbs e setas de voltar são úteis, mas com propósitos distintos. Breadcrumbs oferecem um caminho estruturado e multi-nível, enquanto as setas de voltar permitem um retorno simples à tela anterior. O que é um breadcrumb? É um elemento de navegação secundário que ajuda os usuários […]
Exploramos a eficácia de breadcrumbs e setas de voltar no design UX, analisando quando e como usá-los para melhorar a navegação.
- Ler notícia completa
Mude seu fluxo de trabalho UX com código
Há uma rivalidade famosa entre designers e desenvolvedores, principalmente os de front-end. Designers criam com ferramentas visuais, enquanto desenvolvedores transformam essas criações em produtos funcionais. Isso pode gerar inconsistências se o produto final não corresponder ao design. O problema reside nos diferentes conjuntos de ferramentas usados por designers e desenvolvedores, criando lacunas de comunicação. Em […]
Descubra como o fluxo código-para-design melhora a colaboração entre designers e desenvolvedores e otimiza o processo UX.
- Ler notícia completa
Melhore a UX com caixa de seleção por rolagem
A caixa de seleção por rolagem é uma ferramenta eficaz para desenvolvedores de frontend que desejam melhorar a experiência do usuário em suas aplicações. Em situações onde há uma longa lista de opções, como anos de nascimento, a navegação por teclado pode não ser prática. A caixa de seleção por rolagem permite que o usuário […]
Aprenda a usar a caixa de seleção por rolagem para otimizar a experiência do usuário nos seus projetos de frontend.
- Ler notícia completa
Crie sites rápidos com htmx e Go
O desenvolvimento web está se movendo de volta para a renderização no lado do servidor, afastando-se de arquiteturas pesadas em JavaScript. Ferramentas como htmx estão ganhando popularidade por permitir experiências interativas com mínimo JavaScript. Neste artigo, exploramos como construir um site de alto desempenho utilizando htmx e Go, conhecido por sua velocidade e eficiência. htmx […]
Aprenda a construir sites de alto desempenho usando htmx e Go, combinando renderização no servidor e interatividade eficiente.
- Ler notícia completa
Organize seu sistema de design de forma eficaz
Já se perdeu na bagunça do sistema de design da sua empresa? Ou já fez parte de uma equipe de design sem saber claramente suas funções? Se sim, é hora de conhecer os melhores métodos de organização de sistemas de design. Um sistema de design bem estruturado é essencial para gerenciar o design em escala. […]
Descubra métodos eficazes para organizar seu sistema de design e melhorar a eficiência da equipe.
