Responsiva webbtexter

Tomas Dalström
Very Important Brains AB
veryimportantbrains.se
www.bastitext.se
[email protected]
Responsiv design
En enkel lösning på ett stort problem – eller…
Relation
Surfplatta
Relation
Vi använder mobilen
jämnt fördelat när vi är
vakna.
Surfplattor
klockan 19-23.
Relation
Emotionell närhet
eller avstånd
Surfplatta
Väcker annan
relation än datorn.
Relation
2/3 emotionell
närhet
1/3 distanserade
Surfplatta
63 procent surfplattor gör
nyheter mer
verkliga.
Relation
Mobil
Relation
Medelanvändaren - i
snitt 150 gånger 16
timmar.
Mobil
Ungefär var 6:e
minut
Läsbeteende
Surfplatta
Läsbeteende
Fixerar upp till 18
gånger innan vi
väljer vad vi ska läsa.
Surfplatta
Kan fixera en enda
text upp till tre
gånger innan vi
beslutar att läsa den.
Läsbeteende
Vi läser bara
cirka 120 ord
igenom snitt när
vi tittar på en
sida.
Surfplatta
Läsbeteende
Yngre läsare skannar
oftare när de letar
efter något att läsa.
Surfplatta
Äldre läsare ofta mer
metodiska.
Läsbeteende
Mobil
Läsbeteende
Mer än dubbelt så
ansträngade att läsa på
en smartphone – jämfört
med en dator.
Mobil
Fokusera på den
sekundära uppgiften - att
hitta.
I stället för den primära att läsa/lösa problemet.
Responsiv design
Att ha olika texter
strider mot hela idén
med responsiv
design.
Det är möjligt att skriva
olika texter för olika
kanaler, för den som vill
det.
Att skriva för surfplatta
Surfplatta
Att skriva för surfplatta
Långa texter - surfplattor
används på ett mer fokuserat
När vi reser, på
Surfplatta
kvällen, kopplar av.
Att skriva för surfplatta
Engagera läsarna placera en ”guldklimp”
där de brukar sluta läsa.
Surfplatta
En tumregel ungefär två skärmar
in i texten.
Att skriva för surfplatta
Börjar ofta läsa en text, efter
att ha uppmärksammat en
dominerande beståndsdel.
Surfplatta
Ansikten i bilder och
videor väcker stor
uppmärksamhet.
Att skriva för mobiler
1. Vad kommer
användarna att hitta
på den här sidan; vad
är dess funktion?
Mobil
Varför ska de bry
sig; vad betyder den
för dem?
Att skriva för mobiler
Flytta den sekundära
information till sekundära
skärmar.
Mobil
Placera den på
samma sida längre
ner, istället för att
flytta information till
en separat sida.
Att skriva för mobiler
Läsarna hoppar generellt
över bla-bla-information.
Mobil
Ta bort ”Välkomstmattan.
Att skriva för mobiler
Ibland är en kort
introduktion meningsfull
för läsaren.
Förstår sammanhanget
Mobil
Svarar på frågan:
vad handlar sidan
om?
Att skriva för mobiler
Storytelling engagerar
Mobil
Bildspel, video
Responsiv design
Start big
Mobile first
Att skriva responsivt
• Intressant rubrik.
• Många och intressanta
mellanrubriker.
• Punktlistor - sidan
mer skanningsbar.
• För stort avstånd
mellan punkterna –
upplevs ostrukturerat.
Markerade nyckelord.
Fyra tankar att ta med:
1. Skriv texter som fungerar – inte bara korta texter.
2. Kolla vad era besökare läser informationen på. Anpassa
den till det. Appar?
3. Responsiva texter kan specialanpassas.
4. Testa texterna på era läsare.