A web deveria melhorar, essa era a promessa. E você pensaria que teria, com toda a consciência crescente de acessibilidade e considerações de usabilidade. Mas, estranhamente, estamos mais de 25 anos e as coisas estão piorando em geral. Como pôde isto ser assim?
Não se pode culpar a educação. Todos os cursos de Design e Desenvolvimento da Internet que valem a pena cobrem os princípios básicos de bons princípios de design, usabilidade e acessibilidade. Não se pode culpar os padrões de engenharia, porque as diretrizes do W3C são mais rígidas e definidas com mais clareza do que nunca. Também não se pode culpar a tecnologia, porque a tecnologia é mais favorável ao desenvolvimento de sites de alta qualidade, e não menos.
Não, a resposta a este paradoxo é bastante simples. É porque os designers perderam seu poder pelas demandas dos profissionais de marketing e de seus clientes. Portanto, o designer sabe que deve haver um bom contraste entre o texto e o fundo, mas ele não pode implementar esse bom princípio de design porque alguém em marketing acha que ficará mais legal ter texto "prata escuro" em vez de preto, e é claro que devemos ter "aquela fonte azul desbotada que Twitter usa ”para os títulos, para que“ todos os jovens possam se identificar melhor com o nosso site ”.
A preocupação com “ter uma boa aparência” e também copiar o que todo mundo está fazendo tem precedência sobre considerações práticas como alta velocidade, largura de banda baixa e boa usabilidade. Se você é um dos clientes que precisa tomar decisões sobre a aparência de seu site, este artigo é para você. É também para os designers que têm a coragem de negociar com os clientes para que os sites fiquem mais alinhados com o que deveriam ser, em vez de serem como todos os outros sites semelhantes por aí. É hora de o futuro já chegar.
1. Contraste ruim
Ultimamente, isso ficou na moda. É incrível que sim, dada a mensagem repetida que nos é transmitida repetidamente nos últimos 25 anos, que devemos evitar um contraste fraco. O precursor dessa moda parece ser Twitter e Bootstrap, mas eles poderiam ter sido inspirados por outra pessoa. Vamos dar uma olhada em um exemplo:
O acima é um fragmento de um dos Twitterpáginas de ajuda. A filosofia por trás do design parece ser que quanto mais importante uma peça deformatíon é considerado, mais escuro ele aparece na página. Assim, o cabeçalho H1 da página está em texto preto, porque isso parece ser considerado muito importante.
Embora não esteja claro na captura de tela, o corpo principal do texto é, na verdade, uma cor cinza escura (não preta), porque isso parece ser importante, mas não tão importante quanto o cabeçalho.
Os links não estão no tom padrão de azul, eles estão em “Twitter Azul ”, que é um tom muito claro que não contrasta bem com fundos brancos.
O cabeçalho H2 mais abaixo na página é um tom de cinza mais pálido do que o texto do corpo principal, que algumas pessoas acharão confuso. Os cabeçalhos não devem ser mais difíceis de ver do que o resto do texto, a menos que sejam uma grande distração (nesse caso, você provavelmente deveria estar questionando se eles precisam ser títulos).
As opções de navegação do painel esquerdo também estão em tons cinza-claro e azul-claro, e novamente a ideia parece ser que esses itens fiquem insignificantes para que eles não o distraiam da área de conteúdo principal.
Finalmente, a área mais pálida de todas é a zona de feedback, que é claramente a parte menos importante de todas. Mas mesmo Twitter está fazendo um trabalho melhor do que este site:
A única conclusão lógica que pode ser derivada desse exemplo é que eles não querem que você saiba a resposta para a pergunta. É, se você perdoar a expressão, além do pálido.
2. Codificação ruim
Isso é simplesmente um sintoma de extrema preguiça e nem se incomoda em verificar como sua página é processada. Parece impossível fazer este erro nos dias de hoje, mas ainda assim as pessoas estão conseguindo fazê-lo. Eles até conseguem fazer isso pelas razões erradas, como mostrado neste exemplo:
Parece apenas um caso comum de alguém esquecer de definir a codificação para UTF-8, certo? Exceto não, porque a codificação desta página está definida como UTF-8. O designer do site fez tudo corretamente, chegando ao extremo de escapar de todos os apóstrofos nos metadados para o caractere de entidade 39, mesmo que isso nem seja necessário. O problema ocorreu com a inserção do conteúdo no design, porque o que obviamente aconteceu aqui é um texto codificado incorretamente contendo citações inteligentes do MS Word coladas na seção de conteúdo, garantindo assim que ele seja renderizado incorretamente em cada navegador, porque a codificação de a página está definida como UTF-8 e o conteúdo não está codificado em UTF-8.
Embora a maioria das pessoas esteja disposta a ignorar a pequena questão de apóstrofos inteligentes sendo renderizados como â € ™, é muito irritante e é ainda pior quando o erro ocorre no título. O ponto principal é que você deve verificar se o seu conteúdo está sendo exibido corretamente ao lançá-lo na web, e você deve sempre garantir que usou a codificação adequada (que para a maioria dos propósitos será UTF-8 ou UTF-16). Lembre-se de que os sites são principalmente sobre primeiras impressões, e não é bom se a primeira impressão que alguém está tendo do seu negócio for “desleixada” ou “preguiçosa”.
3. Usando o Flash
Simplesmente não há razão para fazer isso mais. Flash teve seu dia, mas esse dia acabou. Ainda muitos sites, e particularmente sites de apostas (onde é o menos apropriado) ainda estão usando o Flash. Além disso, alguns dos maiores e mais bem-sucedidos sites da Web fazem uso extensivo do Flash em muitos contextos diferentes. Então, se é bom o suficiente para eles, por que não seria bom o suficiente para você?
Bem, por um lado, o Flash é um grande consumidor de recursos. Ele também está repleto de vulnerabilidades, foi alvo de hackers maliciosos como um mecanismo de entrega de trojans e é inerentemente um risco de privacidade também devido à incorporação de cookies Flash persistentes, outroswise conhecidos como Objetos Compartilhados Locais. Esses cookies ignoram as configurações de segurança do navegador e podem conter muito mais emformation do que um cookie normal. Pior ainda, os LSOs compartilham dados entre diferentes navegadores, tornando ainda mais difícil para os usuários comuns manter a privacidade.
Na melhor das hipóteses, os usuários que sabem o bastante sobre o Flash ficarão preocupados com o uso do Flash como sendo preguiçoso ou desatualizado, mas também há a possibilidade de os usuários perceberem que sua empresa não tem consciência de segurança, desconsiderando preocupações com a privacidade ou, pior ainda que você é indigno de confiança.
Tudo o que pode ser feito em Flash pode ser feito em HTML regular 5, então se você ainda estiver usando Flash, isso indica aos usuários que você não sabe replicar a funcionalidade em HTML 5, que você é muito barato para faça isso, ou que você esteja explorando intencionalmente o lado sombrio do Flash. Se você está pensando em usar o Flash e não tem intenções desonestas, simplesmente não vale a pena.
4. Vídeo de reprodução automática
Se há uma coisa que os usuários universalmente não suportam, é a suposição desagradável de que, se seu site fornecer conteúdo de vídeo, eles vão querer reproduzi-lo. Os sites de notícias são especialmente culpados por esse pecado, e muitos deles chegam a adicionar uma lista de reprodução interminável ao vídeo que eles estão reproduzindo autonomamente. O YouTube também tem listas automáticas ativadas por padrão, mas pelo menos elas não reproduzem automaticamente seu primeiro vídeo. É claro que os usuários devem optar por fazer a reprodução automática, eles não devem ter opt-out.
Os usuários em planos de largura de banda limitada e, especialmente, usuários de dispositivos móveis (que são a maioria deles), não perceberão que seu site carregou e reproduziu vídeos em seus navegadores sem que eles soubessem disso. O único momento em que pode ser considerado adequado para reproduzir automaticamente um vídeo é quando o vídeo é muito pequeno (em termos de bytes), autocontido e agrega valor à experiência do usuário.
Se tantos usuários estão descrevendo este comportamento como irritante e realmente perguntando como desabilitá-lo, ele deve ser realmente chato. E, sim, sabemos que é bastante simples para os usuários do Firefox, Chrome e Chromium desabilitarem a reprodução automática completamente, mas quantos usuários ficam realmente confortáveis pesquisando sobre: config ou instalando um plug-in para bloquear comportamentos que não deveriam ser explorado em primeiro lugar?
Observe que nós falamos sobre exploração lá? É porque os criadores do HTML 5 não fizeram nada de errado ao incluir a possibilidade de AutoPlay. É só que eles não previram que as pessoas o usassem incorretamente assim.
5. Rolagem infinita
Este é outro conceito outrora novo e interessante que foi totalmente sequestrado por profissionais de marketing, tornando-se agora uma fonte de frustração e não de entretenimento como deveria ser. Os profissionais de marketing descobriram que, se usarem rolagem infinita em uma página da Web, poderão manter as pessoas na página por mais tempo.
Mas, mais uma vez, os resultados da pesquisa contam uma história. Veja este exemplo:
Como você pode ver, o tom geral é que a rolagem infinita é irritante. Não é melhorar a experiência do usuário, causa problemas de usabilidade em massa e pode levar a problemas de memória e desempenho à medida que as páginas crescem e geram mais conteúdo. Isso é especialmente verdade quando os usuários abrem várias guias e quando os provedores estão fornecendo conteúdo rico em mídia em infinitos sites de rolagem em várias guias, isso definitivamente causará problemas.
6. Gerando janelas pop-under ou pop-over quando não são necessárias
Qualquer coisa que não agregue à experiência do usuário, diminui isso. A desvalorização da experiência do usuário cria ressentimentos e os usuários evitam o site se houver uma alternativa viável. É por isso que os sites que estão em posições muito seguras, como o TripAdvisor, arremessam-se por baixo das janelas, tão casualmente quanto os soldados dos EUA, lançam ursos de pelúcia de propaganda a crianças famintas do Afeganistão. Mas onde os ursos pelo menos trazem alegria, os pop-ups só resultam em aborrecimento.
A pior coisa sobre esse comportamento do TripAdvisor é que realmente não faz sentido o que eles estão fazendo porque o usuário já está em seu site. As únicas razões imagináveis para o TripAdvisor duplicar a mesma janela em que o usuário já está em um pop-under seria:
- para enganar a análise da taxa de rejeição do Google
- para tentar fazer você ter segundos pensamentos se você saltar
Nenhuma delas parece ser uma ideia particularmente boa. É claro que pode haver outras razões para isso, mas, se existirem, não são óbvias.
7. Sobreposições irritantes
Não é o “Dia Internacional do Bash TripAdvisor” (ainda), mas como eles estão fornecendo exemplos de comportamento desagradável em páginas da web de forma tão generosa, seria realmente uma pena ignorar isso. Então, aqui está o que o TripAdvisor acabou de mostrar um momento atrás, quando eu estava configurando aquela captura de tela pop-under:
Você provavelmente já pode adivinhar o que há de tão estúpido nisso. É que já estou no site deles. Já estou pensando em comprar no site deles. Então, esse pop-over não está conseguindo nada, exceto me impedir de fazer isso. Pelo menos não é uma daquelas sobreposições semelhantes que me imploram para assinar um boletim informativo ou baixar um e-book “grátis”.
Você absolutamente nunca deve usar essas coisas, exceto quando for para fornecer algo muito importante emformatção ao usuário. Um exemplo disso pode ser instruções sobre como jogar um jogo que eles solicitaram no navegador ou uma mensagem de aviso de segurança ou privacidade.
É principalmente uma questão de bom senso (que é provavelmente o motivo pelo qual os profissionais de marketing falham nisso)
A coisa realmente óbvia é que quando você faz algo na Web que só beneficia a si mesmo, não fornece nenhum benefício para o usuário e, de alguma forma, incomoda-o, invade sua privacidade ou realmente lhes custa dinheiro (como no caso de reprodução automática). vídeo e sites de rolagem infinitos), os usuários vão se ressentir. Talvez nem todos os usuários, mas o suficiente de uma maioria ativa para influenciar mais alguns.
Se o seu site tiver alguma dessas falhas de design, você deve agir imediatamente para corrigir essas falhas. Eles têm o potencial de prejudicar sua imagem pública e afastar usuários do seu site.
imagem de cabeçalho cortesia de Dan Dragomir
Comentários Respostas 0