Continuação do artigo “Como estragar seu site – parte 1“, baseado no artigo do WebDesignDev com a lista de coisas que alguém pode fazer para estragar seu site.

Como estragar seu site

Faça seu site inteiramente em tabelas

Sites em tabelas eram algo grande 10 anos atrás. Hoje em dia, não é mais prático isto. A atualização do código de um site em tabelas é uma tarefa complexa, além de gerar muita dor de cabeça. xHTML e CSS avançaram tanto nos últimos anos e seu uso facilita a vida de programadores e designers.

Fazer alterações em um site com xHTML e CSS é muito mais fácil para os dois profissionais. Os designers podem apenas alterar o CSS, sem ter que tocar no código do programador e vice-versa. Sites como da Universidade Tuiuti poderiam ser simplificados facilmente.

Sei que falar da necessidade de usar xHTML e CSS aqui é como ensinar o padre a rezar missa, mas tem muita gente que ainda acha que tabelas são o futuro da web.

código lindo

Tente entender este código. Lhe desafio!

Insira vários pop-ups ou faça seu site abrir em uma nova janela

Se você quiser ser levado a sério, não tente controlar o navegador do seu usuário. Não faça seu site abrir em uma nova janela com largura e altura fixa, sem a barra de ferramentas dele. Navegadores atuais já bloqueiam automaticamente pop-ups, então há chances de que seu site nem abra.

Até anúncios que são abertos em pop-ups são uma perda de tempo. Mesmo que você esteja ganhando R$ 0,01 com cada impressão de tela, saiba que você estará perdendo público. Claro, se seu objetivo for de  enganar o usuário para ganhar dinheiro e não estiver nem aí se ele vai voltar ao seu site, aí é outro assunto. É besteira colocar pop-ups justamente por causa dos navegadores que bloqueiam, mas creio que se o seu objetivo for este, você provavelmente está lendo este artigo para realmente estragar seu site.

Abra links em uma nova janela

Pessoas vão me crucificar por isto, eu sei. De um lado, os orgulhosos donos de sites não querem que seus links abram na mesma janela para que o usuário não saia dele. Então qualquer coisa que a pessoa clica é aberta em uma nova janela.

Do outro lado, os usuários normais que – por causa destes orgulhosos donos de sites – não podem controlar como eles mesmos navegam na web. É a famosa discussão de “usar ou não usar o target=_blank“.

Minha opinião sempre foi clara: nunca tente controlar as ações do usuário. Se ele quiser abandonar seu site, ele irá. Mesmo se o link abrir em nova janela automaticamente, ele vai fechar a janela do seu site se ele quiser. Afinal de contas, para um usuário abrir um link em nova janela, é simples: basta clicar com o botão do meio do mouse no link ou clicar segurando o botão CTRL (ou CMD) do teclado. Até mesmo um clique com botão direito selecionando “Abrir link em nova janela / aba” já serve. Mas e como fazer com que um link não abra em uma nova janela? O usuário não tem como fazer isto.

Uma analogia simples: a velocidade máxima permitida na cidade é de 60 km/h. Os orgulhosos donos de sites – que neste exemplo são fabricantes de carros – fabricam carros que não podem ultrapassar a velocidade de 60 km/h. Os usuários normais – que são os compradores de carros – não podem exceder este limite mesmo se estiverem em uma rodovia, que possui uma velocidade máxima de 110 km/h. O usuário não tem controle sobre algo que é dele: o carro (que na analogia, é o navegador).

Por isto que, toda vez que um desenvolvedor vem se defender por usar o target=_blank, eu sempre respondo: pare de pensar como um dono de site por um momento. Pense como um usuário normal. O usuário normal tem como escolher entre abrir em nova janela ou não. Se você obrigar ele a abrir em nova janela, ele não tem nenhuma outra opção. Você, como pessoa, prefere ser obrigado a fazer as coisas ou quer ter uma escolha?

Faça seu site funcionar apenas em um navegador

Note como não falei “faça seu site funcionar apenas no Internet Explorer” ou Firefox, Safari, Chrome, etc. Tem muitos desenvolvedores e web designers que fazem seu site funcionar apenas em um, qualquer que seja. Mesmo se o público-alvo do seu site for apenas usuários de um navegador específico, não quer dizer que você deva relaxar e fazer ele funcionar apenas nele, ficando totalmente zoneado em outros.

Não vou entrar na discussão de qual navegador é melhor, o importante é que seu site funcione no mínimo nos 4 navegadores mais populares em suas versões mais recentes. Internet Explorer 6? Dispenso comentários. Quem ainda usa aquilo provavelmente não merece a atenção de ninguém.

Use cores ruins

Fundo rosa-choque e fonte em amarelo. Que coisa agradável. Sim, você tem todo o direito de gostar destas cores, mas é legível? Não custa nada procurar uma paleta de cores boa – tem até sites ótimos pra isso: o ColorLovers (meu favorito) e o ColorSchemer. Faça testes antes de lançar um site: envie o link para um amigo e pergunte pra ele se ele consegue ler o texto. Pergunte se não dói os olhos.

Cores horríveis

Argh! Meus olhos! Meus pobres olhos!

Aprenda um pouco sobre design e desenvolvimento

Essa é a maior dica que dou a quem pretende ser um web designer algum dia. Aprenda bastante primeiro. Claro, você nunca vai parar de aprender coisas novas – mesmo com 12 anos trabalhando na web, sei apenas 50% do que gostaria de saber e menos de 10% do que é possível se aprender.

Existe material o suficiente na web e em livros. Leia bastante, experimente bastante.

Artigo inspiracional.

Gostou? Compartilhe!

Participe da discussão!


27 respostas para “Como estragar seu site – parte 2”

  1. Uffa, que bom que dos dois artigos, não cometo ou pelo menos tento não cometer nenhum desses erros :)

    Mas o teu recado final é a mais pura verdade, aprender, buscar sempre o conhecimento, é, com certeza, o mais importante.

  2. mira_criativa disse:

    Cometo um erro: target=_blank
    Nunca tinha pensado desta forma, acho que vu redefinir meus conceitos!!!

  3. João Prado disse:

    show canha, muito bom o seu blog

  4. gabriel disse:

    Cunha Parabéns pelo poste. eu só faço uma coisa errada ao seu ver , o Target=_blank em links de outras empresas.
    mas concordo contigo também. quem sabe.

    abraços

  5. canha disse:

    Se eu conseguir fazer com que um desenvolvedor abandone o target=_blank, serei uma pessoa feliz xD

    • Antonio Bezerra disse:

      Será que todos os usuários de todos os públicos alvos sabem utilizar o botão do meio do mouse, ou o direito/abrir numa nova aba?

      o blank, até onde sei, abre numa nova aba atualmente. E se o seu público pouco sabe utilizar isso, e ele não necessariamente deseja sair do seu site, não sei qual o problema aí.

      • canha disse:

        O problema é a escolha. Quem escolhe que abra numa nova janela? No caso do uso do Blank, é o próprio desenvolvedor. Você mesmo falou: "ele não NECESSARIAMENTE deseja sair do seu site". E aquele que QUER sair do site? Acho que os desenvolvedores não entendem o propósito da escolha. Configurar um link com blank FORÇA ao usuário abrir em nova janela. Não se força ao usuário fazer nada, jamais. É só ler qualquer livro de qualquer autor experiente em interface de usuário ou usabilidade. TODOS condenam. ;)

        • Antonio Bezerra disse:

          Ok, vou dizer isso aos meus conhecidos que acessam o site da universidade e reclamam que precisam clicar em voltar em todos os links externos (que abrem numa nova aba. Aba != janela). Alguns realmente não sabem usar o botão do meio. Não é por que todos os "experientes e gurus" condenam que está errado em todos os casos. Acho que analisar é sempre importante.

        • Antonio Bezerra disse:

          E que engraçado! o link do top blog abre numa nova aba.

        • Cleson disse:

          Concordo que o usuário deva ter o direito de escolha, mas pensando como usuário eu gosto quando clico em um link e ele abre em outra aba, porque aí não tenho que clicar em "voltar" pra retornar a página anterior. Por outro lado, acho terrível quando clico num link e abre outra página (e não outra aba), não quero ter várias páginas abertas, mas utilizo várias abas.

          • canha disse:

            Volto a repetir o que já falei exaustivamente: sem o uso de target=_blank, você dá escolha ao usuário. Ao forçar o uso, você tira a escolha e não importa se 90% dos usuários abram links em novas abas automaticamente. Eu abro, admito. Mas as vezes clico em um link com o objetivo de sair do site, e me abre em nova aba sem me dar outra opção.

            Não sei como que alguns não entendem o conceito de escolha. É simples, oras :)

  6. @eduardomps disse:

    lindo artigo… aliás, um achado no exemplo do site com as tabelas monstruosas, eles usam <map> lá no fim, pra colocar links em uma imagem. detalhe: ambos os maps são retângulos. vai entender…

  7. klawdyo disse:

    Pra abrir um link com target="_blank" na mesma janela, mas clicar e arrastar o link para a barra de endereços.

  8. Maluli disse:

    Adorei esse blog! Otimos posts;

    Aproveita e acessa: http://www.blogdadois.wordpress.com

  9. shaolinmaru disse:

    Bem legal o post, antes eu usava o target=_blank apenas quando eram links externos aí descobri a técnica do atributo rel=external na tag a e mostrar pro usuário q a referência é externa usando css (assim como faz a wikipedia).

    Atualmente só uso o target=blank quando ofereço um arquivo pra download do tipo pdf, doc ou qq outro q possa ser aberto pelo próprio navegador.

  10. Parece que a grande polêmica é o target=blank. Não desenvolvo tanta coisa para web, mas como usuário eu gosto.

    Sinceramente não vejo problema nenhum em abrir outra janela em minha frente, até porque a navegação na internet nunca é linear. Acho que a maioria dos usuários costuma navegar com 4 ou 5 abas cada uma em um site para ficar pulando de um para o outro.

    Falar a verdade eu fico puto quando clico em um link e ele me manda automaticamente para outra pagina. Eu tenho que voltar na pagina anterior clicar com o botão direito e abrir a página se quiser manter as duas abertas. Muito mais cliques do que simplesmente clicar no "X" lá em cima.

  11. bom, não cometo nenhum dos erros listado nos 2 artigos, mas acredito que nem sempre o uso do target blank deve ser evitado.

    Em alguns sites em que existem arquivos do word ou pdf ou qualquer outro, sempre coloco para abrir em uma aba nova. A pessoa que lê o arquivo (arquivos, não páginas web) na mesma aba geralmente acaba fechando essa aba.

    talvez você não concorede, mas nem sempre você deve deixar a escolha para quem usa o site.

    enfim, excelente artigo Canha, continue assim.
    abraços!

  12. thiago disse:

    bom artigo. mas a questão do target=_blank é um tanto mais complexa. se estou num site, e existe um link para outro site, eu fico PUTO quando clico e abre na mesma página. eu sei abrir em nova aba, sei abrir em nova janela, mas quantos usuários sabem? minha mãe e minha irmã não sabem, por exemplo. pior ainda quando vc tá executando alguma mídia no site (vídeo, áudio) e clica em algum link e abre na mesma página, vc perde o que você tava vendo, ouvindo, tem que voltar do zero. e só pra alfinetar: você usa o HotWords. eu costumo navegar por textos percorrendo com o mouse as linhas que leio, mania minha e de muitos outros que conheço. é um porre ver aquela janelinha do HotWords abrindo toda hora quando passo por cima. devia ao menos ser algo clicável pra aparecer. abraços!

  13. Luis Vulcanis disse:

    Quanto a abertura de links em janelas é recomendável para determinados links externos, podendo-se indicar que a baertura do link será em uma nova janela ou aba. E com o atributo target="_new" abre tudo na mesma aba.

  14. Eu tinha que comentar =D

    A parte de aprender a não dar câncer nos olhos do usuário foi perfeita, me lembra conversas que eu tinha com uma amiga programadora há alguns anos. Na época ela usava a frase “um layout que não faça meus olhos sangrarem”, mas tá valendo ^^

  15. Danilo Ramos disse:

    Show de bola o artigo, aquele texto amarelo com fundo rosa quase me cega ^___^ quem é que usa uma coisa dessas?

  16. […] Leia a parte 2 de “Como estragar o seu site” aqui! […]

  17. Vitor Alfieri disse:

    rsrs onde trabalhava tive que aprender programar em table, então entendi o código. ¬¬

  18. […] xCake, tem um blog sobre design e encontrei lá dois posts sobre como estragar um site (parte 1 e parte 2): uma das questões, claro, é sobre links que abrem em uma nova janela ou aba. Os outros pontos? […]

  19. Leandro Luiz Ginatto disse:

    Eu sempre usei target=_blank para links externo, para que eu possa ter mais tempo em meu site. Achei muito interessante o ponto de vista. Eu como navegador uso sempre o botão do meio. Porém eu percebi que na parte 1 do seu artigo você usou alguns links com target=_blank; Isso não seria um pouco de hipocrisia?

Deixe uma resposta