Undvik att öppna länkar i nytt fönster eller flik

”Interna länkar skall öppnas i samma fönster medan externa länkar skall öppnas i ett nytt fönster.”

Utan att fördjupa sig mer inom området är detta devisen många går efter. För oss är svaret inte så enkelt. Särskilt om man vill skapa en bra upplevelse för sina användare.

Det diskuteras mycket kring vad som är mest lämpligt. Stor del av den forskning som gjorts är daterad och mycket har hänt sedan dess. Smarta telefoners intåg har ändrat vårt sätt att surfa på webben. Webbläsarna har sedan länge en funktion för att öppna länkar i en flik istället för i ett helt nytt fönster. Sajter bör, och även i vissa fall skall, vara tillgänglighetsanpassade, vilket också är en aspekt att ta hänsyn till.

En av de största problemen när man väljer att öppna länkar i ett nytt fönster/flik är att man tappar webbläsarens funktion för att gå bakåt och ställer krav på att användaren uppmärksammat detta. Bakåtknappen (via musklick, backsteg/backspace eller annat) är en av de mest använda funktionerna för att navigera på webben och därför är det viktigt att tänka till innan du väljer bort den. Möjligheten att öppna en extern länk i en ny flik istället för ett nytt fönster underlättar visserligen för användaren. Detta eftersom de enklare ser att något nytt öppnats och att det blivit enklare att komma tillbaka till där de kom från. Dock är det främst en sanning för de som sitter på desktop. Flik-funktionen är inte alls lika enkel för de användare som surfar via mobiltelefoner eller andra mindre skärmar eftersom flikar på en mobiltelefon brukar fungera som nya fönster på grund av platsbrist.

När det kommer till tillgänglighet är rekommendationerna tydliga – man bör undvika så långt som möjligt att öppna upp länkar i nya flikar/fönster (w3.org – WCAG 2.0 G200, CSS-tricks – When to use target=”_blank”). Detta då det försvårar navigeringen på din sajt och användarna riskerar att göra fel.

”In general, it is better not to open new windows and tabs since they can be disorienting for people, especially people who have difficulty perceiving visual content.”

https://www.w3.org/TR/WCAG20-TECHS/G200.html

Rädslan för att tappa besökare

Vi har genom åren fått höra att många är rädda för tappa användare om de öppnar en extern länk i samma fönster/flik. Men har man en väl fungerande bakåtknapp skall det inte vara några problem för användaren att enkelt komma tillbaka till din sajt. Det kan snarare vara svårare för användaren att ta sig tillbaka till rätt fönster/flik när länken öppnats i ett nytt fönster/flik. Detta gäller särskilt när användaren surfar via sin mobil.

Istället för att hålla fast i den gamla devisen utgår vi istället ifrån användarupplevelsen för den specifika situationen för att kunna avgöra vad som är bäst. I grunden håller vi oss till att både interna och externa länkar skall öppnas i samma fönster/flik. Vi vill inte bryta ett användarflöde bara för att vi är rädda att förlora dem till andra sajter. Att störa flödet kan dessutom betyda att vi riskerar att göra användarna frustrerade eftersom det krånglar till det för dem. Vi vill att användarna skall gilla oss. Det är heller inte alltid så att din sajt kan hjälpa användaren att uppnå sitt mål, utan ibland är du bara en del i resan mot målet. Du behöver därför inte försöka äga användarna utan våga släppa iväg dem. Nöjda användare kommer tillbaka. Det du istället behöver fokusera på är att skapa bättre innehåll som får besökarna att vilja stanna längre.

Undantag?

Det finns flera indikationer för då det kanske lämpar sig att öppna upp innehåll i ett nytt fönster/ny flik, men fokus måste alltid vara på att tänka till kring själva användarflödet. Exempel på indikatorer är:

  • Användaren är inne i ett specifikt användarflöde. Exempelvis då besökaren klickat på ”Hjälp” eller är i ett utcheckningssteg och vill läsa mer om fraktvillkoren.
  • Då man riskerar att förlora information som användare fyllt i, såsom filtrering i produktsök eller andra typer av formulär.
  • Då användaren är inloggad i ett system och kan riskera att tappa inloggning eller kontroll av huvudsaklig uppgift. Bra är då att märka upp externa länkar (som öppnas in nytt fönster/flik). Se sista stycket.

Det finns i de allra flesta fall andra lösningar att komma runt problematiken, helt beroende på vad det gäller så klart. I vissa fall kan ett alternativ som låter oss dölja/visa mer innehåll på samma sida vara en godtagbar lösning, som dessutom kan ge oss ett bättre resultat i slutändan. I andra fall kan ett nytt tänk kring innehåll, layout och funktionalitet lösa så eventuella bekymmer kring detta sällan uppstår.

Vi surfar på webben på sitt egna sätt. Bestämmer man som redaktör eller utvecklare att en länk ska öppnas i nytt fönster/flik så får inte de besökare som vill vara kvar i samma fönster/flik (vilket följer deras egna surfbeteende) oftast något val. Låter man det däremot vara orört så kan de som vill följa länken i samma fönster/flik medan de som öppnar i nytt alltid kan göra det genom exempelvis [högerklick]+”Öppna länk på ny flik” eller det lite snabbare ctrl/cmd +[klick] (motsvaras av långt tryck på touch-enheter). Att öppna en länk i samma fönster är standard, att ändra en standard bör vara noga övervägt.

Bra att tänka om du har länkar som öppnar i nytt fönster/flik är att, i den mån det går, förtydliga att de öppnas i nytt fönster/flik. Man kan exempelvis skriva ut det i en parantes i länken eller använda sig av en lämplig ikon.

Fler lästips!

w3.org

webbstrategiforalla.se/hygienfaktor-inte-oppna-i-nytt-fonster/

webbriktlinjer.se

Författare: Erik

Erik har jobbat med webb professionellt sedan 2008. Från 2005 till 2008 studerades webb på ING/JTH och dessförinnan skapades webb på all fritid. Första sajten byggdes någon gång mellan 1996-1998.