20 melhores tutoriais de padrões de UX

Publicados: 2017-03-26

Você é um designer de UX ansioso para criar designs com aparência profissional ou apenas deseja aprender mais sobre a experiência do usuário? Esta incrível coleção dos melhores tutoriais de padrões UX é exatamente o que você precisa. Aqui você encontrará uma grande variedade de tutoriais de UX que ensinarão como criar padrões de UX com sucesso. Além disso, as informações são bem estruturadas e fáceis de acompanhar, passo a passo.

Índice ocultar
Criador de produtos
Adicionar ao carrinho rápido
Controle deslizante de visualização do produto
Galeria de imagens expansível
Adicionar ao carrinho de interação
Fluxo de inscrição animado
Navegação deslizante secundária
Formulário de boletim informativo responsivo
Navegação Fixa Inteligente
Carrinho de compras lateral
O que é UX?
Tornando o UX importante para sua empresa
Como ensinar UX Design?
Tipografia e Experiência do Usuário – WCSF
Content-First UX Design: O que os videogames nos ensinam sobre UX?
Mitos de UX e Design
Projetando para dispositivos móveis
Trazendo o usuário para o processo de design
O futuro do UX: projetando a experiência de dados
UX Design + UI Design: Injetando uma persona de marca!

Esses tutoriais de padrões de UX são criados para iniciantes, para iniciá-los no design de UX. Além disso, você encontrará alguns tutoriais de UX que visam melhorar ainda mais seu conhecimento de UX e ajudá-lo a se tornar um designer de UX experiente. Qualquer que seja a categoria em que você se encaixe, esses tutoriais definitivamente ajudarão você a melhorar seu desempenho geral de design.

Vamos começar a aprender!

Quer mais coisas de UX? Confira esses aplicativos essenciais de UX.

Criador de produtos

Neste ótimo tutorial de UX, o designer mostra como criar um construtor de produtos totalmente personalizável e responsivo que você pode inserir em sua loja online.

Construtor de produtos em CSS e jQuery _ CodyHouse Alfinete

Adicionar ao carrinho rápido

Essa técnica demonstra como criar uma função rápida de adicionar ao carrinho usando um trecho de código muito útil. Este é um bom recurso que definitivamente atrairá mais seus clientes.

Adicionar rapidamente ao carrinho em CSS e jQuery _ CodyHouse Alfinete

Controle deslizante de visualização do produto

Este é um método agradável e fácil que permite que você confira muitas variações do mesmo produto diretamente na galeria de produtos. Isso permite que você veja instantaneamente mais informações sobre o produto, sem precisar navegar para uma página diferente.

Slider de visualização do produto em CSS e jQuery _ CodyHouse Alfinete

Galeria de imagens expansível

Aqui você tem todas as informações que você precisa para criar uma galeria de imagens expansível a qualquer momento que você achar adequado. Isso faz com que a imagem se expanda ao clicar e se converta em uma galeria.

Galeria de imagens expansível em CSS e jQuery _ CodyHouse Alfinete

Adicionar ao carrinho de interação

Este tutorial mostra como criar um ícone interativo para adicionar ao gráfico. Isso aparece cada vez que um usuário escolhe comprar um item.

Adicionar ao carrinho Interação em CSS e jQuery _ CodyHouse Alfinete

Fluxo de inscrição animado

Saiba como criar um fluxo de inscrição animado que permite quando o usuário escolhe um plano. Este item possui um layout totalmente responsivo que se adapta a qualquer tamanho de tela.

Fluxo de inscrição animado em CSS e jQuery _ CodyHouse Alfinete

Navegação deslizante secundária

Por que você deve exigir uma segunda navegação? Existem muitas circunstâncias em que a situação exige esse tipo de elemento. Nesse ponto, essas informações sobre como construí-lo do zero podem ser úteis.

Navegação deslizante secundária em CSS e jQuery _ CodyHouse Alfinete

Formulário de boletim informativo responsivo

Crie este belo formulário de newsletter usando animações CSS3. Este item possui um design totalmente responsivo que se adapta automaticamente a qualquer tamanho de tela.

Formulário de Newsletter Responsivo CSS e jQuery _ CodyHouse Alfinete

Navegação Fixa Inteligente

Saiba como criar essa navegação fixa para tornar seu site mais acessível. Siga as instruções, confira o trecho de código e use-o em seus projetos.

Navegação Fixa Inteligente _ CodyHouse Alfinete

Carrinho de compras lateral

Você pode criar rapidamente um carrinho de compras lateral lindamente animado. Isso permite que seus usuários verifiquem seus carrinhos o tempo todo, sem precisar atualizar a página.

Carrinho de compras CSS e jQuery Side _ CodyHouse Alfinete

O que é UX?

Esta é uma apresentação legal que mostra muitas informações úteis sobre UX. Isso é ótimo para iniciantes, pois se concentra no básico.

o que é ux Alfinete

Tornando o UX importante para sua empresa

Dê uma olhada nesta apresentação maravilhosa e use-a para saber mais sobre o que é preciso para tornar o UX uma parte importante da sua empresa.

Tornando o UX importante para sua empresa Alfinete

Como ensinar UX Design?

Este é um lindo Slideshare que fornece algumas dicas importantes sobre vários métodos de ensino de design UX. Se é isso que você está procurando, esta informação é perfeita para você.

Como ensinar UX Design Alfinete

Tipografia e Experiência do Usuário – WCSF

Esta apresentação contém informações úteis que explicarão as conexões complexas entre a tipografia e a experiência do usuário.

Tipografia e Experiência do Usuário - WCSF Alfinete

Content-First UX Design: O que os videogames nos ensinam sobre UX?

Belos designs de UX podem ser inspirados em videogames. Este Slideshare contém informações úteis sobre várias conexões e semelhanças entre videogames e design UX.

Conteúdo em primeiro lugar UX Design O que os videogames nos ensinam sobre UX Alfinete

Mitos de UX e Design

Esta é uma compilação de mitos que todo designer de UX pode ter ouvido falar. A maioria deles é orientada para o processo criativo e eficácia.

Mitos do design de UX Alfinete

Projetando para dispositivos móveis

Saiba como criar com sucesso uma experiência de usuário móvel que realmente impressione o usuário.

UX e UI - Projetando para dispositivos móveis Alfinete

Trazendo o usuário para o processo de design

Os usuários podem estar ativamente envolvidos no processo de design, mas qual é a forma mais eficaz de co-working. Técnicas centradas no usuário podem ser usadas para avaliar o projeto.

UX centrado no usuário Trazendo o usuário para o processo de design Alfinete

O futuro do UX: projetando a experiência de dados

Confira isso que traz para discussão importantes tópicos de UX. Com a existência de tantos dispositivos, a tarefa de UX começa em um dispositivo, continua por várias interfaces de vários dispositivos e depois… para onde tudo está indo?

O futuro do UX projetando experiências de dados Alfinete

UX Design + UI Design: Injetando uma persona de marca!

Essas informações se concentram em UX e UI e tentam explicar suas semelhanças e dificuldades. Isso é útil para garantir que esses dois conceitos não fiquem mais confusos.

UX Design + UI Design Injetando uma persona de marca! Alfinete