Não clique aqui: A arte do hyperlinking

Sempre pensei que há uma arte sutil no humilde hiperlink, esse bloco de construção robusto do hipertexto, o material que O sonho de Xanadu de Ted Nelson foi feito.

A palavra hipertexto foi cunhada por Nelson e publicada em um artigo apresentado em uma conferência nacional da Association for Computing Machinery em 1965. Além de seu projeto para uma ferramenta de escrita não sequencial, Nelson propôs um recurso chamado “listas com zíper”, no qual os elementos de um texto seriam vinculados a elementos relacionados ou idênticos em outros textos. Os dois interesses de Nelson, a edição de tela e a escrita não sequencial, estavam se fundindo. Com as listas com zíperes, era possível criar links entre seções grandes, pequenas, páginas inteiras ou parágrafos únicos. O escritor e o leitor podiam criar um documento único seguindo um conjunto de links entre documentos discretos que eram “zipados” juntos.

Muitos precedentes para a ideia de hipertexto existiam na literatura e na ciência. O Talmud, por exemplo, é uma espécie de hipertexto, com blocos de comentários dispostos em retângulos concêntricos ao redor da página. O mesmo acontece com as notas de rodapé acadêmicas, com seus links numerados entre o corpo principal do texto e os estudos complementares.

Em julho de 1945, muito antes de Nelson voltar sua atenção para os sistemas eletrônicos de informação, Vannevar Bush publicou um ensaio intitulado “As We May Think” (Como podemos pensar) no The Atlantic Monthly, que descrevia um sistema hipotético de armazenamento e recuperação de informações chamado “memex”. O Memex permitiria aos leitores criar índices pessoais de documentos e vincular passagens de diferentes documentos com marcadores especiais. Embora a descrição de Bush fosse puramente especulativa, ele deu uma prévia brilhante e influente de alguns dos recursos que Nelson tentaria realizar no Xanadu.

O projeto original de hipertexto do inventor previu a maioria dos componentes essenciais dos sistemas de hipertexto atuais. No entanto, sua palestra na Association for Computing Machinery teve pouco impacto. Houve um breve surto de interesse por esse estranho pesquisador, mas, embora suas ideias fossem intrigantes, Nelson não tinha o conhecimento técnico necessário para provar que era possível criar o sistema que ele imaginava.

Lembro-me perfeitamente de ter lido este artigo da Wired de 1995 sobre Ted Nelson e Xanadu quando foi publicado. Ele teve um impacto profundo em mim. Sempre me lembrei dele, muito tempo depois da leitura inicial. Sei que é uma novela, mas é, sem dúvida, o melhor artigo que já li na Wired; recomendo que o senhor o leia na íntegra quando tiver tempo. Ele fala muito sobre a alma dos computadores – e dos desenvolvedores de software que os amam.

Xanadu já era vaporware muito antes de o termo existir. O senhor poderia pensar que Ted Nelson estaria satisfeito com o fato de o HTML e a rede mundial de computadores terem realizado grande parte do sonho de Xanadu, quase 40 anos depois. Mas o senhor estaria errado:

O HTML é exatamente o que estávamos tentando evitar – links sempre quebrados, links que vão apenas para fora, citações que não podem ser seguidas até suas origens, nenhum gerenciamento de versão, nenhum gerenciamento de direitos.

Suspeito que a Wikipédia possa estar mais próxima da visão de Xanadu de Ted: uma constelação autônoma de informações altamente interligadas, com provisões para identidade, controle de versão e gerenciamento de direitos.

Mas chega de falar sobre a história do hiperlink. Como podemos usá-los de forma eficaz aqui e agora? Gostei muito do recente artigo de Philipp Lenssen dicas de usabilidade de links. Gostei tanto que, na verdade, estou usando-o como modelo para um compêndio visual de dicas de usabilidade de links – a arte dos hiperlinks.

  1. Certifique-se de que seus links sejam grandes o suficiente para que o usuário possa clicar facilmente. Ao criar links, não entre em conflito com Lei de Fitt. Se o link que o senhor está criando for pequeno, aumente-o. Se não for possível aumentar o tamanho, pelo menos o enfeite um pouco com bordas clicáveis para que seja mais fácil para as pessoas clicarem com precisão. Na captura de tela abaixo, somente os números estão vinculados, o que é uma pena.

    Exemplo de hiperlinks pequenos e difíceis de clicar

  2. O primeiro link é o mais importante. O primeiro link atrairá a maior parte da atenção do leitor e as maiores taxas de cliques. Escolha seu primeiro link adequadamente. Comece com o que é importante. Não desperdice seu primeiro link em uma trivialidade.

    Exemplo de artigo com o primeiro link como o mais relevante

  3. Não coloque links para tudo. O uso de muitos links transformará seu texto em ruído. Isso funciona em duas dimensões: o excesso de links dificulta a leitura do texto e o excesso de links causa uma deflação no valor de todos os seus links existentes. Faça links com moderação. Somente faça links para coisas importantes o suficiente para justificar um link.

    Exemplo de texto com hiperlink excessivo

  4. Não altere radicalmente o comportamento dos links. Os links são a pedra angular da Web. Os usuários criaram anos de expectativas com base no comportamento existente em seus navegadores da Web. Quando o senhor muda a forma como os hiperlinks funcionam, está redefinindo uma parte fundamental da Web. É isso mesmo que o senhor deseja? É isso mesmo que o senhor quer? leitores o senhor quer?

    Exemplo de gadget de link que altera radicalmente o comportamento do link

  5. Não dê ao seu link o título “Clique aqui”. Nem mesmo use as palavras “Click” (Clique) ou “Here” (Aqui) em nenhum lugar do texto do link. Descreva o que o link fará fazer para o usuário quando ele clicar nele.

    Exemplo de texto

  6. Não crie links para coisas que o usuário possa querer selecionar e copiar. Ai do pobre usuário que precisa selecionar e copiar um texto com hiperlink. É necessário um complexo balé de movimentos muito precisos do mouse para que isso funcione. Aqui, estou tentando selecionar o nome “Ralph Waldo Emerson”, que faz parte do hiperlink. É verdade que esse não é um cenário muito comum – provavelmente é a dica mais sutil da lista de Philipp. Mas quando isso acontece, é incômodo e desagradável, portanto, o senhor deve levar isso em consideração.

    Exemplo de hiperlink que dificulta a seleção de texto

  7. Não inclua ícones em todos os links. Se estivermos criando links com moderação, deveríamos usar ícones de links em extremo moderação. Se todos os outros links tiverem um ícone, isso é ruído. Somente links altamente incomuns ou irregulares devem incluir ícones. Eu também diria que seu texto, se escrito corretamente, pode comunicar facilmente o tipo de link tão bem quanto um ícone, mas isso entra no campo da preferência pessoal.

    Exemplo de ícones de links

  8. Não faça com que seu conteúdo dependa de links para funcionar. Nem todos clicarão em seus hiperlinks. Ou eles estão muito ocupados para clicar em cada link que o senhor coloca na frente deles, ou talvez estejam lendo seu artigo em outro formato em que não possam clicar nos links: impresso, off-line ou móvel. De qualquer forma, é importante fornecer o contexto necessário para tornar seu conteúdo compreensível sem a necessidade de visitar o que está por trás desses hiperlinks. (Se o senhor estiver se perguntando do que se trata esse exemplo, devo avisá-lo: não vale a pena. Pela primeira vez, a inanidade dos comentários do Digg foi totalmente apropriada: “guerra de blogs retardados”.)

    Exemplo de links que fornecem muito pouco contexto

  9. Não oculte seus links. Os hiperlinks devem se parecer com hiperlinks. Dê a eles um estilo distinto, para que não possam ser confundidos com nenhum outro texto da página. Definitivamente, escolha uma cor exclusiva que não seja usada em nenhum outro lugar da página e considere a possibilidade de usar a convenção consagrada do sublinhado do link quando necessário. O que é clicável aqui?

    Exemplo de texto de link que pode ser facilmente confundido

  10. Não misture publicidade e links. Estes parecem hiperlinks, mas na verdade são publicidade. Qual tipo de link é qual? E por que o usuário precisa pensar sobre isso?

    Exemplo de tipo especial de hiperlinks de publicidade

  11. Não ofusque seus URLs. Os usuários podem visualizar para onde o link os enviará ao passar o mouse sobre ele e visualizar o URL na barra de status. Evite usar redirecionamentos ou serviços de encurtamento de URL que tornem o URL totalmente opaco. O usuário não deve ter que dar um salto de fé ao clicar nos seus links.

    Exemplo de hiperlink ofuscado

Para evitar possíveis mensagens de ódio em minha direção, estas são diretrizes, não regras. Se o senhor sabe o que está fazendo, também sabe que as regras foram feitas para serem quebradas nas circunstâncias certas. O problema é que a maioria das pessoas que escreve HTML não sabem sabem o que estão fazendo. A busca por “click here” (clique aqui) é uma prova cabal disso.

A maior parte disso são conselhos sobre como escrever HTML – o que, na minha opinião, é conselhos básicos de redação no mundo on-line de hoje. O hyperlinking deve ser ensinado juntamente com Strunk & White no que me diz respeito. Saber como criar hiperlinks de forma eficaz é fundamental. Mas, como desenvolvedores de software, podemos ir mais longe ao escrever código – também podemos controlar o texto dos links que geramos. Falei brevemente sobre isso em Não desvalorize a barra de endereçosmas isso merece um post inteiro no blog. Enquanto isso, o artigo de Keyvan Nayyeri Simplifique seus URLs é um excelente ponto de partida.