UX Design Rápido e Prático

Não use mais do que três tipos de typefaces

Limite o tamanho de 60 caracteres por linha (se for web) e 40 caracteres se for (mobile)

Não minimize o espaçamento entre linhas

Use a “Elipse” para indicar que existe informações adicionais

Faça seus botões se parecerem como botões

Crie botões mobile do tamanho proporcional ao dedo do seu usuário

Faça com que toda a área do botão seja clicável e não apenas o texto dentro dele

As barras de busca seguem restritamente um padrão de UX na maioria dos casos

Componentes “sliders” (Range Controls) deverão ser utilizados apenas para valores não quantificáveis

Se o campo for numérico, sempre considere o tipo do input como numérico

No componente drop-down, se tiver poucas opções troque por outro componente, se tiver muitas opções utilize um autocomplete

Cuidado com os estados dos “toggles” ou “switches” para não confundir os usuários

Usuários visualizam Logotipos e imagens primeiro

Infinite scroll vs. Pagination: Quando usar cada um

Tire vantagem da proximidade visual dos seus componentes

Sempre que houver um padrão de dados no input, utilize máscaras

Use tutoriais para orientar o seu usuário

Utilize as microinterações para humanizar o seu sistema

Tente persuadir o usuário a utilizar as funcionalidades do sistema

Não use apenas links, use blocos de links (Link Blocking)

Humanize seus erros

Faça com que o sistema ajude o usuário a evitar erros antes que aconteçam

Crie uma hierarquia visual de página

Evite os erros mais comuns de UX design para ícones

Ofereça informações para os seus usuários em pequenas doses

Gerencie melhor as imagens para manter a rapidez do seu site ou aplicativo

Informe aos usuários do seu App sobre qual a melhor orientação de tela

Em App mobiles use sempre componentes nativos

Nos inputs de senha, providencie o recurso “visualizar senha”

Ofereça imagem de produtos expansíveis

Utilize as melhores práticas de UX para formulários parte 1

Utilize as melhores práticas de UX para formulários parte 2

Aproveite as informações existentes de outras bases (API's)

Não exija do seu cliente um cadastro inicial ou um login imediato

Utilize as melhores práticas de UX para campos de buscas

Facilite a volta para a página principal

Mostre um indicador numérico nos componentes de progresso

Cuidado com o espaço que o menu compõe a tela

Não permita que as promoções e anúncios roubem a cena

Breadcrumb: Use como bússola para nortear seus usuários

Adicione um “Create from existing” no seu fluxo de CRUD

Seja consistente com as terminologias

Disponibilize tooltips em mobile da maneira correta

Disponibilize o índice dos steps e tutoriais em mobile de forma correta

Saiba quando utilizar o "switch" ou o "checkbox"

Sempre deixe visível filtros e ordenações em listas e tabelas

Melhores práticas de UX para lidar com tabelas com muitos campos

As cores possuem profundo impacto na experiência do usuário com o software

Precisamos falar sobre "Call to Action"

Seja responsivo!