Quais são os piores recursos de design de interface do usuário que geralmente devem ser evitados, mas são de uso comum hoje em dia?

Carrosséis

Devo usar um carrossel?

Eu argumentaria que os carrosséis nem sempre são ruins – especificamente, ouvi dizer que as páginas que agem como um catálogo ou uma galeria de itens ou fotos realmente recebem uma quantidade razoável de taxas de cliques. A Netflix é um bom exemplo disso, onde eles alternam entre recomendações de filmes diferentes ou algumas marcas de varejo que circulam dezenas de promoções diferentes que estão acontecendo ao mesmo tempo (Promoção de verão e, talvez, uma promoção de venda diferente com terceiros).

Em geral, porém, os carrosséis devem ser honestamente evitados.

Para esclarecer, um mau exemplo que é comumente visto são sites com etapas importantes de um processo que precisam ser seguidas – isso é meio frustrante para os usuários, porque eles não têm uma idéia de quanto tempo o processo (Oh Deus, eu sou ainda está clicando nessas etapas e parece que não termina?). Isso deveria estar aberto. É claro que você pode mostrar na parte inferior quantos slides existem, mas os usuários não conseguem entender o que é necessário nas próximas etapas. Você é um usuário explícito de buracos para entrar no seu carrossel e isso cria uma experiência ruim.

Se você estiver tentando informar ao usuário informações importantes, não o coloque em um local que o usuário precise fazer um clique extra para encontrar. Eles não são compatíveis com dispositivos móveis e, se houver, apenas ocultam o conteúdo do usuário. Em termos de desempenho, eles também oferecem pouco ou nenhum benefício, porque você ainda está carregando todo o conteúdo. Desde que os smartphones e o design responsivo para dispositivos móveis se tornaram mais necessários, os usuários começaram a se acostumar a simplesmente rolar para baixo. Ninguém quer parar no meio e deslizar para a esquerda e para a direita para saber mais! Eles só querem continuar.

CAPTCHA.

Não precisa existir. Qualquer desenvolvedor que o implemente é preguiçoso ou estúpido. O mesmo vale para qualquer uma das alternativas – “o que é 2 + 2?”, “O que é essa imagem?”, Etc.

O spam é um problema técnico, não humano – e a solução também. Transferir a carga para o usuário é inaceitável.

É fácil o suficiente detectar automaticamente spam sem atrapalhar os usuários. Spambots têm um comportamento muito previsível e facilmente identificável – procure…

  • O formulário foi enviado dentro de um segundo do carregamento da página?
  • O JavaScript estava desativado?
  • Os campos de texto estavam cheios de URLs?
  • Eles inseriram texto em uma armadilha de mel (um campo não visível para os usuários)
  • Esse IP enviou várias solicitações em um curto período de tempo?

Realmente não é tão complicado!

O monte de botões de compartilhamento social .
Especialmente se forem os seguintes. Não entendo o que os proprietários de sites planejam, mas alguns enfatizam ainda mais os botões de compartilhamento do que o conteúdo.


É uma boa ferramenta para espalhar seu site, mas deve estar oculto em um botão elegante colocado no final da página.
O visitante que deseja compartilhar, certamente o encontrará e compartilhará … e o visitante que não compartilhar, não fará nenhuma condição. (não importa o quanto você pode fazer o botão voar com o visitante)

Ótima pergunta!

Aqui estão alguns:

  1. Páginas que são atualizadas automaticamente, confundindo o usuário se um novo conteúdo for carregado repentinamente.
  2. Classificando coisas de AZ, e não por grupos significativos.
  3. Navegação inconsistente.
  4. Caixas de pesquisa muito estreitas, onde os usuários não podem ver o que digitaram.
  5. Exibindo informações importantes no fundo do site (por exemplo, horário de funcionamento ou informações de contato).
  6. As páginas de erro 404 ou 500 não têm um link para a página inicial.

Aqui está uma lista completa de muitos comuns: https://stayintech.com/info/UX

Campos de senhas exibindo pontos por padrão. As pessoas estão propensas a digitar incorretamente as senhas. Deve haver uma caixa de verificação para ocultá-la ou não. 90% do tempo, não tenho alguém atrás de mim procurando aprender minhas senhas. A melhor prática é ocultar por padrão com uma opção da caixa de seleção para mostrar. Isso está se tornando cada vez mais comum e é bom UX.

Não fechando com o botão X. O Skype não fecha e desativa, apenas o reduz e fica parado no banco dos réus, zombando da sua impotência, da sua incapacidade de fazê-lo desaparecer. Quando o botão X começou a funcionar como o botão -?

Isso não está relacionado a páginas da web ou aplicativos, mas vejo um design ruim da interface do usuário em todos os lugares. Acho que um dos piores que encontrei no ano passado foi ter botões de LED para a TV. Esses botões não fornecem feedback tátil real para o usuário; portanto, a menos que você esteja olhando diretamente para a tela, às vezes não consegue dizer exatamente qual botão foi pressionado. Como a maioria das TVs costuma ser preta, é claro que esses botões ficam tão escuros quanto a própria televisão, dificultando a visualização dos botões. Em seguida, para causar insulto à lesão, esses botões estão localizados logo abaixo do painel da TV. Portanto, não apenas você não pode ver ou sentir realmente esses botões, mas agora você precisa estender a mão e jogar um adorável jogo de adivinhação e checagem até memorizar qual botão ativa cada recurso. Antes que alguém diga: “Use o controle remoto então”, e se você não conseguir encontrá-lo ou por qualquer motivo, não quiser usá-lo?

  • Carrosséis
  • Caixas de diálogo
  • Pop-ups
  • Janelas de bate-papo ao vivo agressivas

Btw, esta página de destino tem todo o material acima mencionado e muito mais: Serviços de design de página de destino baratos impressionantes

É uma ótima página para entender o que você não quer fazer.

Isenção de responsabilidade: nossa agência o projetou.

Janelas pop-up para conversar com o suporte (yay!) Ou preencher uma pesquisa (whee!), Antes que eu realmente faça alguma coisa.

Não sei como é comum, mas há isso.

“Vamos colocar um link gratuito de ‘Sair’ a cinco pixels do ícone ‘fechar’ no modal!”

“Boa ideia!”

OU, talvez mais provável:

Gerente de produto: “Vamos colocar um link gratuito de ‘Sair’ a cinco pixels do ícone ‘fechar’ no modal!”

UX Designer: “Eu não recomendaria isso. As pessoas podem …”

Gerente de produto: “Apenas faça”.

Interfaces de pesquisa que exibem uma mensagem “nada encontrado” enquanto a pesquisa ainda está em execução e ainda não encontrou nada. Não há motivo possível para esse falso feedback e, em alguns sistemas, é impossível saber quando a pesquisa realmente terminou. Por alguma razão, a Apple adora isso.

Edit: mas opa, eu esqueci que não são apenas interfaces de pesquisa. Acabei de descobrir hoje que o Windows 8 exibirá “Esta pasta está vazia” no Windows Explorer, mesmo que contenha arquivos, porque aguarda a resposta da origem do disco ou da pasta. Isso é ótimo quando você tem alguém em pânico porque perdeu todos os arquivos. É ainda maior quando eles fazem backup e excluem o diretório “inútil” “vazio”. A testa dá um tapa por toda parte.

Outro que está no Youtube e no próprio Quora são sugestões únicas. Eu vejo um vídeo / pergunta interessante na primeira página, clico em outra coisa e depois volto para acompanhar esse lead interessante … mas não posso, porque a página é regenerada e a sugestão desapareceu.

Obrigado por postar esta questão! Além das respostas, talvez educando algumas pessoas que projetam sites, é bom ver tantas outras de acordo com meus próprios pensamentos … e, em alguns casos, irritações … sobre o assunto.

Algumas das minhas principais opções incluem,

  • controles deslizantes de reprodução automática, especialmente aqueles (a maioria) que ocupam a maioria dos imóveis acima da dobra
  • infinitas páginas de rolagem
  • janelas pop-up para conversar com o suporte ou preencher uma pesquisa
  • ênfase excessiva nos botões de compartilhamento social – você atraiu pessoas para o seu site, agora deseja enviá-las imediatamente?
  • tipo muito pequeno
  • sites com tudo muito grande – nem todos nós estamos usando um tablet ou smartphone
  • UI animada sofisticada que diminui a capacidade dos usuários de navegar
  • ter que fazer login imediatamente após o registro.

CAPTCHA
Nota: Eu sei que o captcha é necessário até que algo seja feito para interromper o spam no nível da raiz. No entanto, captchas são irritantes reais.

CAPTCHA

O CAPTCHA deve desaparecer da web. Deve morrer.
Não é um anúncio, mas apenas o compartilhamento de conquistas que temos – Keypic procura alternativas para captcha? . Nossa equipe desenvolveu uma solução inteligente para evitar spam de comentários sem fazer com que o usuário prove que não é um bot. Tudo o que o usuário faz é apenas preencher o formulário regular – enviando comentário em um blog, preenchendo um formulário de contato ao comprar em uma loja on-line – e enviá-lo. Keypic faz a análise de quem envia – um ser humano sem intenções de spam, um spammer ou um bot – e toma a decisão de permitir a entrada ou o bloqueio. Você pode tentar.

Esqueceu os botões da senha: Acabei de inserir meu endereço de e-mail ou nome de usuário, por que o digitei imediatamente depois de clicar em “esqueci a senha”.

A maioria deles é boa. Muitas listas de padrões cobrem como fazer um caso funcionar bem ou, na verdade, também listar contra ou anti-padrões. Como eu sei que os meus estão online, irei linkar para um exemplo:

http://4ourth.com/wiki/Clear%20E…
Há um argumento totalmente válido para limpar um campo, mas não para limpar formulários, e ele ainda precisa ser cuidadosamente projetado, cuidadosamente colocado e geralmente fornece uma maneira de “cancelar a limpeza”.

O uso de Sim, Não, Cancelar solicita situações em que não há diferença real entre “Não” e “Cancelar” no resultado final.

Existem alguns usos legítimos para solicitações “Sim, Não, Cancelar” como ” Salvar este documento antes de sair?” por exemplo. Nesse caso, há uma ação diferente para cada escolha. Infelizmente, existem alguns aplicativos preguiçosos que usam a caixa de diálogo “Sim, Não, Cancelar” quando realmente devem usar Sim, Não ou Sim, Cancelar .

Mapeando a tecla Backspace para o botão “Voltar” nos navegadores “modernos”. Você está brincando comigo? O Google “backspace key navigate” e encontra quase um quarto de milhão de posts lidando com essa atrocidade. (Com toda a honestidade, enquanto a grande maioria gosta de “Como impedir que a tecla backspace navegue para trás”, muito poucos são “Como restaurar a navegação pela tecla backspace no Safari”. Ahh, aqueles pobres idiotas à noite. Como me sinto para eles.)

Esse retrocesso terrível e perigoso chega até nós via Internet Explorer, que o herdou do Windows Explorer, e data de uma época em que não existia a World Wide Web. Mais tarde, quando algum codificador maligno da MS transportou esse recurso errado para o IE, a Web era decididamente uma via de mão única : tratava-se de encontrar e ler e não criar coisas. Não tem lugar em um mundo em que a Web seja um meio de mão dupla.

É errado em muitos níveis:

  • É o único atalho de tecla única que aciona a navegação para longe da página atual *. Toda a outra navegação envolve um “acorde” envolvendo as teclas Alt, Ctrl ou Command. Isso coloca esses comandos com segurança longe da digitação típica.
  • Isso pode desencadear a perda de quantidades significativas de dados irrecuperáveis. Quantas vezes você preencheu um formulário ou escreveu uma postagem de algum tipo e depois pressionou o backspace inocentemente (“excluir” em um Mac, mas tanto faz) para excluir um caractere, apenas para ter a página inteira – e todo o seu trabalho – Desapareça diante dos seus olhos. Imagine seu espanto se, no Microsoft Word, pressionar a tecla Tab fechar o documento atual sem salvar e abrir o documento anterior que você editou.
  • É um artefato de um único programa (embora central) em uma única plataforma (embora majoritária) e não tem lugar em outros programas em outras plataformas, principalmente considerando que provavelmente foi a coisa errada a se fazer em primeira instância: backspace significa “excluir o caractere à esquerda do cursor” ou, às vezes, “excluir o item ou texto selecionado”, mas quem pensou que usá-lo para “voltar uma tela” era uma boa idéia?
  • Como disse um hacker do Hacker News: “O sinal de mudança de direção funciona como o botão do assento ejetor. Isso precisa ser consertado”.

* Bem, tabular um link ou botão e pressionar “Enter” (erm, “Return”) sob certas circunstâncias pode sair da página atual. Bem. Processe-me. 🙂

As teclas nos teclados da tela sensível ao toque:
A. Menor que uma ponta do dedo humano
B. Não espaçados na largura dos dedos
C. Construído como um aparelho de 10 dedos / 2 mãos, mas operado com um ou dois dedos
D. Sem seta para trás

Mascarar o valor em um campo de senha para proteger contra supostos intrusos que vigiam por cima do ombro e exigem um campo “confirmar senha” para compensar a falta de feedback.

Jacob Nielsen fornece um argumento sólido contra seguir cegamente esta convenção e propõe uma alternativa em http://www.useit.com/alertbox/pa…