Nagüeva

Não, não é correto. À primeira vista, é comum acharmos que  a decisão de abrir links em novas janelas depende do site e do seu público. É normal imaginar que visitantes habituados a clicar em vários links estão mais acostumados a abri-los em novas janelas e visitantes que clicam menos são mais propensos a abrir links em uma nova janela para poder permanecer no site e navegar por ele depois. No entanto, isso não é verdade.

E aí? Na minha janela ou na sua?

Os usuários não gostam de lidar com dezenas de abas abertas involuntariamente e alguns visitantes tendem a se irritar rapidamente ao verem o botão “Voltar” desabilitado. Além disso, alguns visitantes podem não perceber que uma nova janela foi aberta e igualmente se frustarem com o botão “Voltar” desabilitado. Isso vai contra os bons princípios de usabilidade e experiência do usuário e nós, web designers, temos obrigação de defender tais princípios.

Deixe os usuários no controle

Do ponto de vista da usabilidade, optar por abrir links em novas janelas viola um dos princípios fundamentais do design de interação: os usuários devem assumir o controle da interface que estão utilizando.

Alguns especialistas em design de interação e usabilidade como:

• Ben Shneiderman (8 Golden Rules of Interface Design);
• Theo Mandel (User Interface Design Principles);
• Jakob Nielsen (Top Ten Mistakes in Web Design) e
• Bruce Tognazzini (First Principles of Interaction Design)

alegam que um bom design de interação e interfaces eficazes colocam os usuários no controle da aplicação que estão interagindo.

Você achava que controlava o site? Esqueça. “Users have the power”.

Os usuários precisam ser capazes de confiar na consistência da interface e saber que não serão interrompidos ou distraídos durante sua experiência com a mesma. Os usuários devem conhecer, compreender e antecipar o que está acontecendo e o que vai acontecer ao interagir com qualquer elemento da interface. Qualquer desvio desta convenção resulta num design mais orientado ou menos orientado ao usuário.

Segundo Shneiderman, os usuários experientes intuitivamente desejam que o sistema esteja à sua disposição e responda às suas ações. Como designers, é nosso dever desenhar o sistema de maneira que os usuários sejam os iniciadores de cada ação, e não os respondedores.

Designers são tentados a fazer os usuários utilizarem o site de acordo com a concepção criada por eles próprios. Embora a lógica comercial decorra de alguns objetivos claros (como, por exemplo, alegar que o visitante não deve sair do site), o que muitas vezes é o argumento de defesa dos responsáveis pelo projeto, cabe ao designer deixar claro aos responsáveis que os usuários não se importam.

De fato, os desenvolvedores muitas vezes se esquecem de um fato simples e elementar: se o usuário quiser fechar a aplicação ou sair do site ele o fará, independente do número de obstáculos que sejam impostos. Quais mais obstáculos houverem, mais negativa será a experiência do usuário.

Como designers, é nossa tarefa fornecer uma decisão clara e inequívoca para o usuário, mas não temos o direito de dizer se a escolha do usuário é certa ou errada.

Porque forçar a abertura de links em novas janelas está errado

Uma vez que os usuários necessitam ser colocados no controle da interface, como designer, é errado tomar decisões por eles. O principal problema ao abrir links em novas janelas é que, nesta decisão, é ignorada a escolha do usuário em relação ao browser que ele utiiliza.

Haja vista que grandes sites (Google, Amazon, AOL, Yahoo, etc) abrem todos os links na mesma janela (a menos que seja explicitamente declarado que será aberto em uma nova janela), os usuários tendem a assumir que um link para uma página desconhecida será aberto na mesma janela. Por isso, os usuários esperam que o link abra na mesma janela.

Não adianta forçar. A internet ensina o usuário a pensar de outra maneira.

Vamos analisar duas situações em que o usuário não sabe antecipadamente se o site abre os links em uma nova janela ou não:

1. O usuário pretende abrir o link em uma nova janela, mas o site abre links na mesma janela;
2. E o usuário pretende abrir o link na mesma janela, mas o site abre links em novas janelas.

Na primeira situação, o usuário pode escolher abrir o link em uma nova janela usando o menu de contexto ou atalhos que descreveremos mais adiante. Neste caso o usuário inicia a ação que decidirá como o link será exibido. Aqui o comportamento do usuário preenche as expectativas, resultando em uma boa experiência do usuário.

Na segunda situação, basta o usuário clicar sobre o link que ele automaticamente abrirá em uma nova janela. Neste caso o usuário é reponsável pela ação necessária para reagir à forma como o link clicado é exibido - por exemplo, fechar a janela que foi aberta automaticamente. Aqui o comportamento do site não cumpre as expectativas, resultando em uma má experiência do usuário.

O usuário fica aborrecido quando site faz algo inesperado sem o consentimento do mesmo. Se os usuários querem abrir novas janelas deixe que eles o façam, não subestime a inteligência tomando decisões por eles. Não force os link a abrirem em uma nova janela, a não ser que haja uma boa razão para isso.

Toda regra tem uma exceção

Evidentemente, há exceções: em algumas situações, é correto abrir links em novas janelas e errado abrir links na mesma janela. Jakob Nielsen sugere a utilização de novas janelas quando o link não diz respeito a um documento HTML. Neste caso ele recomensa a utilização de janelas pop-up que não mostrem a barra de ferramentas. E nessa situação, é uma boa prática informar ao usuário o modo como os links serão abertos.

Em geral, um pequeno ícone já é suficiente, mas certifique-se de que ele seja interpretado pela maioria. Afinal de contas, é uma prática comum usar ícones para informar que o link refere-se a um site externo. Um ícone adicional ou similar pode causar confusão. Pequenos testes de usabilidade podem ser úteis e necessários nesta situação.

A Wikipedia permite que seus visitantes saibam quando um link leva a uma página externa. No entanto, se for mal utilizado ele pode simbolizar um link que abre em uma nova janela. Percebe a diferença?

É adequado usar links que abrem em novas janelas nos seguintes casos:

• O link fornece assistência ou ajuda. Se você está numa página de compras e os usuários clicam em “Ajuda”, eles não desejam sair do carrinho, portanto uma nova janela é aceitável. Mesmo assim, nesse caso, utilizar tooltips pode ser melhor do que pop-ups que, por sua vez, são melhores do que abrir os links em novas janelas.
• O link pode interromper um processo em andamento. Por exemplo, se os usuários estão preenchendo um formulário e disponibilizamos um link para os termos do serviço ou política de privacidade é aceitável que o mesmo abra em uma nova janela para não interromper o preenchimento do formulário. Isto é importante nos formulários de inscrição e crucial na validação de formulários. Caso contrário, o usuário pode perder as informações que ele havia digitado e, conseqüentemente, fechar a janela do browser.
• O link não diz respeito a um documento HTML. Por exemplo, arquivos .pdf, .mp3, .xls e assim por diante. Mas é uma boa prática avisar que uma nova janela irá aparecer. Quando abrem formatos nativos como PDFs e planilhas, os usuários sentem como se estivessem lidando com uma aplicação desktop. Isso porque não estamos mais navegando no site, mas sim acessando um documento específico. Em primeiro lugar, o melhor de tudo seria evitar que o browser abrisse o documento. Jakob Nielsen explica como isso pode ser feito.
• O link leva a uma imagem que grande que vai demorar pra carregar. Abrir esta imagem em uma nova janela permite que o usuário continue focado no conteúdo enquanto a imagem é carregada em segundo plano.

Perdoa-os Senhor, porque não sabem o que fazem

Infelizmente, é difícil encontrar estudos recentes que forneçam uma melhor compreensão da maneira como os usuários agem quando realmente querem abrir um link numa nova janela (ou aba). No entanto, é bem provável que, em geral, o usuário não utiliza atalhos e prefere soluções mais intuitivas e diretas. Já os usuários mais experientes são mais propensos a utilizar os atalhos descritos a seguir.

Existem três maneiras razoáveis de abrir links em novas janelas. A maioria dos usuários utiliza a primeira opção - não por ser a mais eficaz, mas talvez por ser a maneira mais óbvia. Estas opções são aplicáveis em todos os browsers modernos, já os browsers mais antigos podem apresentar problemas com a segunda e terceira opção.

1. Visitantes utilizam o menu de contexto: basta clicar com o botão direito do mouse no link e escolher a opção “Abrir link em nova aba/janela”. Se o link é aberto em uma nova aba, a janela ativa continua a ser a mesma que era antes do clique. Se o link é aberto em uma nova janela, uma nova janela aparece e se torna janela ativa.
2. Visitantes utilizam o atalho Ctrl+clique: os usuários pressionam a tecla Ctrl e clicam com o botão esquerdo do mouse no link. O link é aberto automaticamente em uma nova aba. A janela ativa continua a ser a mesma que era antes do clique. Este atalho pode variar dependendo do sistema operacional e do browser utilizado.
3. Visitantes clicam com o botão do meio do mouse: os usuários clicam no link com o botão do meio do mouse (botão de scroll na maioria das vezes). A janela ativa continua a ser a mesma que era antes do clique.

A primeira opção é definitivamente a menos eficaz e a mais utilizada. Ela exige mais cliques e mais concentração, por conseguinte, mais tempo e carga cognitiva do usuário. A terceira opção é uma das mais rápidas, haja vista que o usuário não precisa alternar entre o menu de contexto e a página.

A maior parte dos usuários utiliza o menu de contexto para abrir links em novas abas ou janelas

A principal frustração dos usuários vem do fato que a maioria dos usuários conhece apenas a primeira opção. Consequentemente, se eles querem abrir links em novas janelas, eles precisam usar o menu de contexto e, com vários cliques, ficar alternando entre a página, menu de contexto, nova aba, voltar para a página e por aí vai, isso é estressante e desagradável. Ainda assim, abrir links na mesma janela (por padrão) é o menor dos dois males. E, se os usuários não souberem como abrir os links numa nova janela, você pode dizer a eles explicitamente - eles serão muito gratos pela sua ajuda.

Mas eu posso forçar os visitantes a permanecerem no meu site, certo?

Não. Mesmo que você configure todos os links para abrirem em uma nova janela, se o usuário quiser ele abrirá o link na mesma página.

1. Os usuários podem copiar o link, colá-lo na barra de endereços e apertar Enter; o link será aberto na mesma janela.
2. Os usuários podem arrastar o link até a barra de endereços e o link será aberto na mesma janela.

Infelizmente,nem todos os browsers permitem que os usuários façam isso. No entanto, browsers modernos implementaram essa função há anos. Se os usuários não querem que um link abra em uma nova janela eles encontrarão um caminho para contornar a desisão do responsável pelo site.

O Firefox permite que os usuários decidam como abrir os links que abrem em uma nova janela.

Portanto, como designer, é melhor fornecer aos usuários uma maneira simples e direta que respeite seus interesse e não os faça perder tempo. Se você quiser que os visitantes voltem, ofereça uma forma de ajudá-los e orientá-los, mas nunca os faça perder a paciência e boa vontade ao navegar em seu site.

Uma ótima solução

Uma das maneiras mais eficazes de resolver esse problema é permitir que os usuários escolham o modo como os links devem ser abertos, mas sem que eles façam isso através das configurações do browser. Os designers podem oferecer um pequeno checkbox que “decide” a forma como os links devem ser abertos. Mas certifique-se que este checkbox esteja visível e que os usuários entendam sua função.

Isto pode ser feito através de JavaScript. Depois que o checkbox é selecionado todos os links serão abertos em uma nova aba/janela. Baixa selecionar o checkbox e testá-lo:

Abrir links em uma nova janela?

Esse é o código-fonte do exemplo:
<form>
<input type="checkbox" onclick="linkopener(this.checked)" id="linksnewwin">
Open external links in a new tab?
</form> E este é o código-fonte para o JavaScript, coloque-o no cabeçalho da página e substitua endereco.com pela URL do seu site. Assim o browser conseguirá diferenciar os links internos e externos.
<script language="javascript">
function linkopener(a) {
var b = a ? "_blank" : "_self";
var c = document.links;
for (var i=0; i < c.length; i++) {
if (c[i].href.search(”endereco.com”) == -1) c[i].target = b;
}
}
</script> Uma dica: este exemplo não utiliza cookies para salvar as preferências. Se você quiser melhorar a experiência do usuário, utilize cookies para salvar a última opção selecionada.

Resumindo…

É importante que os usuários sejam colocados no controle da interface que estão utilizando. Uma vez que eles esperam que o link abra na mesma janela, defina seus links para abrir na mesma janela. Não force os links para abrirem em uma nova janela, a não ser que você tenha uma boa razão pra isso. Neste caso, considere como uma boa razão os links que oferecem ajuda ou assistência, links que podem interromper um processo em andamento e links que apontem para documentos que não sejam HTML.

Deixe que os usuários selecionem o modo como os links devem ser abertos no seu site. Abrir os links na mesma janela é o menor dos dois males. E, se os usuários não sabem como fazê-lo rapidamente, deixe explícito onde o link será aberto - eles serão muito gratos pela sua ajuda.

Mais sobre o assunto

Em português

• Links externos. Você prefere em janela nova? (Webinsider)
• Você usa o target = blank? Então defenda-se (Digital Paper)
• A “usabilidade” de informar ao usuário que um link é externo ao seu site (Revolução Etc.)
• Links em nova janela (Blog da Wenetus)

Em inglês

• Beware of Opening Links in a New Window (Sitepoint)
• Open New Windows for PDF and other Non-Web Documents (Jakob Nielsen)
• Should Links Open in a New Window? (Problogger)
• New Window for a New Link? (Pro Blog Design)
• Avoid forcing to open in a new window (Webnauts)
• Debate: Should New Links Open in New Tabs/Windows? (GracefulFlavor)
• Should links open in a new window? (David Airey)
• DontOpenNewWindow (CSS-Discuss)
• Open External Links in New Window Automatically
• Using JavaScript instead of target to open new windows

Este texto é uma tradução livre do artigo “Should Links Open In New Windows?” publicado originalmente em inglês no Smashing Magazine.