UX Design

Sumário

• Prefácio
  • (UX, user experience)
• #02 Não use mais que duas typefaces
• #03 Os usuários já têm fontes em seus computadores, portanto, use-as
• #04 Use o tamanho da fonte para indicar a hierarquia das informações
• #05 Use um tamanho-padrão adequado para o corpo de texto
• #06 Use reticências para indicar que há uma etapa adicional
• #07 Faça seus botões parecerem botões
• #08 Dê aos botões um tamanho adequado e agrupe-os por função
• #09 Torne o botão inteiro clicável, e não apenas o texto
• #10 Não invente controles novos e arbitrários
• #11 A busca deve ocorrer em um campo de texto com um botão “Pesquisar”
• #12 Controles deslizantes só devem ser usados para valores não quantificáveis
• #13 Use campos de entrada numéricos para inteiros exatos
• #14 Não use um menu dropdown se houver apenas algumas opções
• #15 Permita aos usuários desfazer ações destrutivas
• #16 Lembre-se do que está fora da tela
• #17 Use a rolagem infinita apenas para conteúdo no estilo feed
• #18 Se seu conteúdo tiver começo, meio e fim, use paginação
• #20 Transforme “páginas em branco” em mais do que apenas telas vazias
• #21 Faça com que as dicas “introdutórias” sejam facilmente descartáveis
• #23 Não oculte itens em um menu “hambúrguer”
• #24 Faça seus links parecerem links
• #25 Em listas grandes divida os itens de menu em subseções
• #26 Oculte as configurações “Avançadas” da maioria dos usuários
• #27 Repita os itens de menu no rodapé ou mais abaixo na visualização
• #28 Use ícones consistentes em todo o produto
• #29 Não use ícones obsoletos
• #30 Não tente representar uma ideia nova com um ícone existente
• #31 Nunca use texto em ícones
• #32 Forneça sempre um rótulo de texto para os ícones
• #33 Os emojis fazem parte do conjunto de ícones mais reconhecido do planeta
• #34 Use recursos de entrada nativos do dispositivo onde possível
• #35 Oculte as senhas nos campos, mas forneça uma opção “Exibir senha”
• #36 Permita sempre ao usuário o recurso de colar em campos de senha
• #37 Não tente validar endereços de email
• #38 Só apague dados inseridos pelo usuário se solicitado
• #39 Escolha um tamanho adequado para campos de entrada multilinhas
• #40 Não faça a UI mover-se enquanto seu usuário estiver tentando usá-la
• #41 Use consistentemente os mesmos controles selecionadores de data
• #43 Não diferencie maiúsculas de minúsculas
  • produto
• #45 Valide a entrada de dados assim que possível
  • sua atenção
  • precisa dos dados
• #48 Selecione o controle certo para a tarefa
• #49 Permita aos usuários inserir números de telefone como quiserem
• #50 Use dropdowns de maneira sensata para a entrada de dados
• #51 Colete poucas informações ao solicitar detalhes de cartão de pagamento
• #52 Torne fácil para os usuários inserir códigos postais ou de endereçamento
• #53 Não adicione casas decimais a entradas de moeda
• #54 Torne fácil adicionar imagens
  • específico
• #57 Nunca exiba uma barra de progresso animada em looping
• #58 Exiba um indicador de progresso numérico na barra de progresso
• #59 As taxas de contraste são suas amigas
• #61 Evite símbolos ambíguos
• #62 Faça os links terem sentido fora do contexto
• #64 Não use apenas cores para transmitir informações
• #66 Forneça aos elementos de navegação uma ordem de tabulação lógica
• #67 Crie rótulos claros para os controles
• #68 Permita aos usuários desativar notificações específicas
• #69 Faça com que as áreas tocáveis tenham o tamanho de um dedo
• #70 A jornada do usuário deve ter início, meio e fim
• #71 O usuário deve sempre saber em que estágio ele está de um percurso
• #72 Use a navegação por breadcrumbs
  • “pular essa etapa”
• #74 Os usuários não estão interessados em sua empresa
• #75 Siga a convenção-padrão do ecommerce
• #77 Não incomode os usuários pedindo que avaliem seu aplicativo
• #78 Não use uma splash screen inútil
• #79 Faça seu favicon se destacar
• #80 Adicione um fluxo “criar a partir de existente”
• #81 Torne fácil para os usuários lhe pagarem
• #82 Categorize os resultados de pesquisa em seções
• #83 Provavelmente seus usuários não conhecem o sistema de arquivos
• #84 Não fale, mostre
• #85 Seja consistente na terminologia
• #86 Use “entrar” e “sair” em vez de “log in” e “log out”
• #87 “Cadastre-se” faz mais sentido que “Registre-se”
• #89 Escreva como um ser humano
• #90 Escolha verbos na voz ativa e não na passiva
• #92 Escolha padrões adequados
• #93 Não frustre as expectativas dos usuários
• #95 Use metáforas estabelecidas – isso não é roubar
• #96 Decida se uma interação deve ser óbvia, fácil ou possível
• #97 É obsoleto pensar “funciona no dispositivo móvel?”
• #98 A troca de mensagens é um problema resolvido
• #99 Marcas não importam
• #100 Não passe para o lado obscuro
• #101 Teste com usuários reais
• BÔNUS – TENTE SER SIMPLES
• Índice remissivo