Responsivt design er ikke mobilvenligt
Mange tror fejlagtigt, at deres hjemmeside er mobilvenlig, hvis den blot er bygget i et responsivt design.
Jeg vil gerne vise dig, hvorfor responsivt design ikke nødvendigvis giver mobilvenligt indhold
Responsivt design betyder kun, at indholdet kan tilpasse sig forskellige størrelser skærme
Responsivt design er ikke i sig selv lig med, at indholdet er kønt eller interessant på en smartphone.
Selv professionelle og dygtige skribenter har brug for helt nye værktøjer til at skrive og præsentere indhold.
Vi er blevet utåmodige læsere.
Nye læsevaner kræver mobilvenligt indhold
Fire vigtige krav til responsivt indhold
Smart i en fart
Indholdet bør øjeblikkeligt være appetitligt og letfordøjeligt på en mobilskærm
Først den ene vej
Indholdet skal være let at bruge, let at læse - uanset skærmen vender den ene eller anden vej
Ingen zoom
- Læseren skal ikke zoome ind på teksten for at læse den
Så den anden vej
Læseren skal ikke scrolle højre/venstre for at overskue teksten
Design indholdet så det bliver læst
Se eksempler på indhold, der ikke er godt nok til mobile brugereUndgå massive tekstblokke
Lange væg-til-væg-tekster er et stort problem på smartphone. Der er meget lille sandsynlighed for, at dine læsere overhovedet går i gang med en tekst, der er så massiv som denne.
PS: “Lorem Ipsum”-teksten er såkaldt dummy-tekst. Den skal og kan ikke læses.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Brug gode skrifttyper
Specielle skrifttyper skræmmer mange vækUndgå fancy skrifttyper
Skrifttyper der ser fancy og smarte ud på stor computerskærm, kan være hæslige at læse på en smartphone. Farvevalget har også stor betydning.
Lille grå skrift, lang tekst og en massiv kolonne - hvem gider læse det?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Størrelsen er også vigtig
Hvilken tekst vil du helst læse på smartphoneTekststørrelse 12 px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tekststørrelse 16 px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tekststørrelse 18 px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Gør det nemt at scanne din tekst
Folk skimmer din tekst - for at se, om de gider læseUndgå uoverskuelig tekst
Kickstart læselysten ved at bruge specielle skriveteknikker. Lær at skrive til responsivt design. Også hvis du allerede er professionel tekstforfatter, journalist etc.
Tjek grundigt, om din webproducent har forståelse for andet og mere end teknikken bag responsivt design. Hvordan teksten ser ud - og hvordan den tilpasser sig små og store skærme - er nemlig ikke nok.
Lærer du de særlige teknikker til at skrive til responsivt design og mobile brugere, får dit indhold større effekt.
