Skriva för responsiv webb
I dag är i princip alla moderna webbplatser responsiva. Lite förenklat innebär det att designelementen anpassar sig till storleken på mottagarens skärm. Många webbredaktörer känner sig lite osäkra på vilka anpassningar som de bör göra för att möta den nya tekniken, men det behöver inte alls vara svårt.
Tre rekommendationer för responsiv webb
Om du är redaktör för en responsiv webbplats gör du bäst i att hålla dig till de gängse rekommendationerna för webbskrivande, men tillämpa dem ännu mer strikt än tidigare. Framför allt är det tre rekommendationer som du bör hålla stenhårt på när du skriver för responsiv webb:
- Skriv det viktigaste först. Använd frontlastningstekniken med rakt-på-sak alternativt kärnmeningar.
- Gör inte för korta stycken. Då spärrar du ut texten i onödan. Lagom är bäst!
- Använd korta ord om det går, och om det inte går använd mjuka bindestreck.
.
1. Det viktigaste först
Skriv det viktigaste först! Alltid! Ständigt! Jämt! I synnerhet om du vet att många av dina besökare har en liten skärm. I värsta fall är bara rubriken och de två första meningarna synliga på deras skärmar. Uteslut inledningar alternativt tillämpa tekniken frontlastning.
Frontlastning innebär att du sammanfattar avsnittets huvudtanke i en enda kärnmening. Jag rekommenderar rakt-på-sak utan inledning när det är lätt att identifiera vad som är det viktigaste på en sida. Frontlastning med kärnmening är bättre att använda när det är svårt att identifiera något enskilt som är viktigast. Då får det istället bli det sammanfattade huvudbudskapet som blir viktigast. Så här skulle du kunna skriva rakt-på-sak:
Före:
Hjälp att byta bank
När livet förändras på grund av exempelvis flytt, bostadsbyte eller förändrad inkomst kan det finnas skäl att byta bank. På Snällbanken hjälper vi till med det praktiska, som att avsluta konton och tjänster hos din nuvarande bank. Det är också viktigt att du själv gör en genomgång av dina konton och tjänster.
Efter:
Hjälp att byta bank
Vill du byta bank? På Snällbanken hjälper vi till med det praktiska, som att avsluta konton och tjänster hos din nuvarande bank. Gör en genomgång av dina konton och tjänster och kontakta vår kundtjänst.
Frontlastning är lite svårare att illustrera med före- och efterexempel. Men tänk dig till exempel företagets sida Om oss. Den innehåller oftast flera olika innehållsdelar som till exempel verksamhet, organisation, affärsidé, historia, kanske siffror med omsättning, antal anställda etc. Att säga vad som är viktigast för besökarna kan vara omöjligt eftersom det är beroende på vad de har för ärende. Då kommer kärnmeningen till användning:
Prodicta är ett ungt förlag som ger ut tryckta böcker och e-böcker, huvudsakligen med språklig anknytning.
2. Spärra inte ut i onödan
Att dela in en text i stycken är en självklarhet. Läsarna behöver styckeindelningen, både för att förstå hur skribenten har resonerat och för att få naturliga pauser i läsningen. Redaktörer och skribenter får ofta rådet att inte göra för långa eller för få stycken eftersom läsningen blir mödosam då. Det är ett bra råd, men långa stycken är sällan ett problem i vanliga webbtexter idag. Om något, är det istället alltför uppstyckad och spretig text som ställer till det.
Så nu när vi talar responsiv design skulle jag vilja varna för alltför korta stycken. När styckena blir för korta slösar du bort mycket utrymme för den som har en liten skärm. Och för den som har en stor skärm känns texten fragmentarisk, spretig och osammanhängande.
3. Korta ord och mjuka bindestreck
En annan sak som blivit uppenbart sedan vi började läsa artiklar på små apparater är det elände som långa ord ställer till med. Långa ord som redovisning, kommunikationsmål och hållbarhetsfrågor lämnar fula gluggar och stjäl dyrbart utrymme.
Det är dock svårt att ge ett generellt råd om att skriva korta ord. En text som handlar om hållbarhetsredovisning måste ju innehålla det ordet, annars blir den troligen obegriplig eller i alla fall onödigt omständlig. Däremot kan du vara lite smart och skriva frågor om hållbarhet istället för hållbarhetsfrågor och mål för kommunikationen istället för kommunikationsmål. I en text som handlar om flerbostadshus kan du skriva det långa ordet först i texten men fortsättningsvis tala om hus, kort och gott.
Ibland behöver man dock använda ett begrepp, oavsett hur långt det är, och det går inte alltid att hitta korta synonymer eller att lösa upp en sammansättning. Då kommer tekniken med mjuka bindestreck till användning. De mjuka bindestrecken gör att orden i digital text avstavas där bindestrecket finns om det behövs. Det är helt osynligt om ordet inte behöver avstavas vid en radbrytning, men ersätts av ett synligt bindestreck när behovet finns. De flesta moderna publiceringsverktyg stöder funktionen mjuka bindestreck. I annat fall fungerar html-koden ­ utmärkt.
Vill du veta mer om responsiv webb?
Kontakta oss gärna om du vill veta mer om responsivt skrivande eller vill ha en genomgång av webbplatsen.