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
Melhor modelo de controle de acesso no frontend
Descubra o modelo ideal de controle de acesso para otimizar sua aplicação frontend e melhorar a experiência do usuário.
Descubra o modelo ideal de controle de acesso para otimizar sua aplicação frontend e melhorar 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
Efeitos de brilho são fundamentais no design, adicionando estética e criando uma atmosfera única. Desde letreiros neon a filmes de ficção científica, eles são versáteis e podem melhorar tanto grandes apresentações quanto micro-interações, como o efeito de passagem do mouse em um botão. É possível criar esses efeitos facilmente com CSS. Para incrementar, bibliotecas JavaScript […]
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.
