Categorias do Site

UI/UX Design

  • Design Adaptativo vs Responsivo: Qual é Melhor?

    Descubra as diferenças entre design adaptativo e responsivo e escolha a melhor abordagem para uma experiência de usuário otimizada.

    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
    Dispositivos eletrônicos (laptop, monitor desktop, tablet e smartphone) alinhados sobre um fundo abstrato colorido em tons de rosa e azul.
  • Breadcrumbs ou setas: qual é melhor no UX?

    Exploramos a eficácia de breadcrumbs e setas de voltar no design UX, analisando quando e como usá-los para melhorar a navegação.

    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
    Três marcadores de localização interconectados sobre um fundo desfocado com tons de azul e roxo.
  • Mude seu fluxo de trabalho UX com código

    Descubra como o fluxo código-para-design melhora a colaboração entre designers e desenvolvedores e otimiza o processo UX.

    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
    Ícone de programação roxo com símbolos de código sobre fundo de papel alumínio iridescente brilhante.
  • 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
    Ícone de megafone azul com linhas de áudio e três linhas azuis horizontais sobre fundo de madeira clara.
  • 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
    Logotipos de linguagens de programação
  • 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.

    Ler notícia completa
    Ilustração de uma pessoa sentada analisando dados em um celular, cercada por gráficos e diagramas em tons de roxo e azul.
  • 25 Estudos de Caso UX para Inspirar seu Projeto

    Os estudos de caso de UX são essenciais para um portfólio de design forte, oferecendo uma visão profunda sobre como enfrentar desafios de design e mostrar métodos e resultados. Eles ajudam a construir credibilidade, oferecem valor educacional e diferenciam você no mercado. Este artigo apresenta 25 exemplos de estudos de caso de UX cuidadosamente selecionados […]

    Explore 25 exemplos de estudos de caso UX para aprimorar seus projetos de design.

    Ler notícia completa
    Ícone estilizado de documentos empilhados, sendo o frontal com clipe, sobre fundo branco com linhas diagonais cinzas.
  • .NET MAUI 9: Novidades e Melhorias no Blazor

    A mais recente versão do .NET MAUI 9 traz diversas atualizações para o Blazor e o framework MAUI como um todo. As melhorias incluem novos templates para aplicativos híbridos e web, detecção de modo de renderização de componentes e uma experiência de reconexão aprimorada. Desenvolvedores podem tirar proveito dessas melhorias para construir experiências de usuário […]

    Descubra as melhorias do .NET MAUI 9 para Blazor, incluindo novos templates híbridos e experiências de reconexão aprimoradas.

    Ler notícia completa
    Um símbolo de arroba roxo sobre uma folha verde detalhada, destacando conexão entre tecnologia e natureza.
  • Melhores bibliotecas de contagem regressiva React

    Contadores regressivos são recursos essenciais em interfaces de usuário, utilizados para criar urgência e estimular o engajamento. Eles são especialmente úteis para coordenar eventos virtuais, organizar inscrições, agendar vendas em e-commerces e muito mais. Neste artigo, exploramos as melhores bibliotecas de componentes de contagem regressiva do React e como criar seus próprios timers personalizados. React […]

    Descubra as principais bibliotecas de contagem regressiva React para melhorar a experiência do usuário em seus projetos.

    Ler notícia completa
    Ilustração de três cronômetros digitais em tons de azul e amarelo com diferentes unidades de tempo: horas, minutos e segundos.
  • Integração de React Islands em apps estáticas

    React Islands oferece uma abordagem prática para integrar componentes React em aplicações web existentes. Esse padrão arquitetural permite que as equipes introduzam recursos modernos do React em bases de código legadas sem necessidade de uma reescrita completa, permitindo a modernização incremental enquanto mantém a estabilidade do sistema. O conceito central do React Islands envolve a […]

    Aprenda a integrar componentes React em aplicações web existentes usando React Islands para modernização gradual.

    Ler notícia completa
    Um ícone estilizado de átomo em tons de roxo sobre um fundo degradê com tons de branco, amarelo e preto.
  • UX acima da dobra: mudanças necessárias

    Historicamente, o conteúdo acima da dobra de um site ou aplicativo era crucial para atrair a atenção dos visitantes. No entanto, o comportamento dos usuários mudou, com muitos rolando rapidamente para além da dobra. Este artigo explica o que é a dobra, como os visitantes atuais reagem ao conteúdo acima dela e como projetar tanto […]

    Mudanças no design acima da dobra são essenciais para capturar a atenção dos usuários que agora tendem a rolar a página rapidamente.

    Ler notícia completa
    Duas mãos seguram um envelope roxo sobre um fundo de linhas entrelaçadas coloridas e caóticas.
  • Dropbox lança site de identidade de marca interativo

    A Dropbox deu um passo à frente em sua identidade de marca com o novo microsite de diretrizes de marca interativo, adotando uma abordagem inovadora para apresentar sua identidade visual e verbal. O site vai além dos PDFs tradicionais, utilizando animações interativas e storytelling dinâmico para mostrar a identidade da Dropbox de forma envolvente. É […]

    Novo site da Dropbox apresenta diretrizes de marca com animações e storytelling dinâmico.

    Ler notícia completa
    Grade com ícones variados como cadeado, texto, curvas e logos em blocos coloridos, representando diferentes elementos gráficos.