Gode råd for innholdsformatering

av Sebastian Steinmann (08.04.2009 12:52) Sist oppdatert: 14.04.2009 09:14

Denne artikkelen hjelper deg med å formatere innholdet på nettsidene dine slik at det får en struktur som bidrar til bedre formidling av stoffet. Lesbarhet gjør et treff til et salg.

Bilde av design

En god presentasjon av tekst og bilder, bidrar til større interesse for innholdet på sidene. Ved å fremstille stoffet på en effektiv, ryddig og visuelt appellerende måte, sikrer du at flere besøker og leser nettsidene.

"Dont make me think"

Besøkende til ett nettsted er ”late”. Dersom de må anstrenge seg for å forstå stoffet, vil de avbryte og finne en annen nettside som formidler det de leter etter raskere og bedre.

For å unngå dette, kan du følge rådene nedenfor om layout, komposisjon og strukturering av innholdet.

Her følger 7 gode råd du bør ta i bruk for å få frem budskapet ditt på nett.

1. Skrifttype og farger

Bilde av markBrukerens oppmerksomhet kan styres. Du kan bestemme hva på siden du ønsker brukeren skal rette blikket mot. En av de viktigste verktøyene innen webdesign er bruk av kontraster. Kontraster bidrar til at fokuset til brukeren kan dirigeres til den teksten/visualen du vil vedkommende skal lese/se.

For å forsterke enkelte ord eller setninger fra resten av teksten, benytter du fet skrift, kursiv eller tekst med farge.

Farer

Som med alt annet, må man unngå misbruk av disse virkemidlene. Overdrives de, vil ikke fremhevingene oppfattes av leseren. Dette kalles ”Banner Blindness” på fagspråket. Det er derfor helt avgjørende at forfatteren prioriterer hvilke budskap som er vesentlige. Dersom ’alt blir like viktig’ og markeres tilsvarende i tekst og/eller farger, blir resultatet det helt motsatte, - ingenting blir viktig.

Les mer på www.wikipedia.com og www.alertbox.com.

2. Avsnitt

Riktig bruk av avsnitt gir en god leseropplevelse. Avsnitt er naturlige inndelinger av teksten som gir leseren gode pusterom og forenkler navigering i innholdet. Leseren må like flyten og finne denne uanstrengt og organisk. Dersom teksten ikke behersker avsnitt på riktig måte, mister leseren fort orienteringsevnen og med den interessen for innholdet.

Bilde av typografi2

Det er også viktig å påse at avsnittene ikke blir for lange. For å holde leserens oppmerksom, bør antall setninger per avsnitt ikke overstige seks, helst maks. fire til fem. Avsnitt på over 10 setninger oppleves som ”uoverkommelige” og vanskeligere å forstå viser leserundersøkelser.

Reduserer du antall setninger per avsnitt, vil motivasjonen til å lese den samme teksten være en helt annen.

Avsnitt lager man som oftest ved å trykke ’enter’ to ganger. En mer anbefalt måte å lage avsnitt er derimot å trykke ’crtl’ + ’enter’. Denne fremgangsmåten gir et bedre og mer harmonisk skille mellom avsnittene.

Typografi

Holde brukeren fokusert på et avsnitt er sterkt knyttet til den typografiske utformingen av teksten. Hvilken skrifttype som er brukt, hvor stor, og hvilken farge etc. Samtlige av våre valgbare design og spessialdesign har en nøye gjennomtenkt typografi av våre designere og typografer. Man vil derfor ikke trenge å endre på dette selv.

3. Bilder

Bilde av text_understrekBilder er mye enklere for hjernen å bearbeide enn tekst og innhold. Bilder skaper også et inntrykk som kan forsterke innholdet. Hvis du for eksempel høyrejusterer et bilde i en paragraf vil denne paragrafen få mer fokus.

Her bør man selvfølgelig bruke relevante og beskrivende bilder. Bildene gir brukeren raskt et inntrykk av nettstedet, derfor er det farlig å bruke dårlige bilder. Det å bruke en proff fotograf, eller kjøpe såkalte stockphotos er absolutt anbefalt over det å hente frem gamle bilder i dårlig kvalitet.

Dårlige bilder vil faktisk trekke ned både lesbarhet og generelt inntrykk av nettstedet.

4. Luft

Luft er noe av det mest undervurderte innen webdesing og typografi, det vil si det var. En instiktiv tanke vil ofte være å prøve å få mest mulig innhold inn på den gitte plassen. Men her gjelder virkelig utsagnet "less is more".

Riktig bruk av luft gjør at innholdet føles mye enklere og behagelig å lese. Her må man ta i bruk punktene som allerede er gjennomgått.

5. Overskrifter

Ser du på denne artiklen ser du at den er delt opp i mer enn bare setninger og avsnitt. Det er delt inn i kapitler i tillegg, og alle disse kapitlene har underoverskrifter som skiller seg ut og strukturerer innholdet. Dette gjør at leseren får et enkelt overblikk over hva hvert kapittel omhandler, og kan så velge om dette er interessant eller ikke.

Fra "stil"-menyen i editoren kan man velge en overskriftstype fra 1 til 4, og her er det anbefalt at man hele tiden jobber seg nedover i tallrekken. Man bør derimot begynne på nivå 2, da første nivå er overskriften på selve siden.

Overskrifter kan man også lese mer om under Enkel bruk av overskrifter.

6. Lister

Organiserte og strukturerte data er veldig enkelt for leseren å forholde seg til. Lister er et kraftig verktøy for å vise slike data. Her har man valget mellom uordnet liste, med enkle punkter, eller ordnet liste med tall.

7. Linker

Med linker er det to viktige ting å tenke på; hvordan linker brukes, og hvordan man uthever annen tekst.

Så, hvordan brukes de?

Linker i teksten bør alltid skille seg ut, og dette skal allerede være definert i designet. Her er det derfor ikke nødvendig å legge på sin egen stil eller farge på linker. Det er faktisk anbefalt å ikke røre dette, slik at linker i innholdet ligner på linker en bruker kan finne på resten av nettstedet. Dette skaper et konsistent inntrykk, og brukeren slipper å måtte gjette seg frem til hva som er linker.

Hva man har som linktekst er også viktig. Det værste man kan ha er "klikk her", eller enda værre "her". "Les mer" er også en stor synder mange faller for. Bruker man slike linker må leseren lese rundt linken for å forstå hva den handler om. Og det gjør de gjerne ikke.

En link bør beskrive seg selv så langt det lar seg gjøre, des mindre lesere må tenke, dess større er sjansen for at de blir fornøyd.

Hva med annen tekst?

Her er det selvfølgelig utrolig viktig at annen tekst ikke ser ut som linker. Tekstformateringer man aldri må finne på å bruke på annet enn linker er:
  • Blå tekst
  • Understreking
  • Lilla tekst
  • Tekst som er lik designets linker.
Her har vi brukt en litt skummel blåfarge på overskriftene, men fordi dette er en såpass stor skrift vil den alltid oppfattes som en overksrift og ikke en link. Hadde vi brukt den inne i teksten kunne det derimot ha blitt mer problematisk.

# Oppsummering

  1. Bruk kontraster med fet skrift, kursiv og farger for å kontrollere brukerens fokus.
  2. Avsnitt skaper naturlig pusterom og gjør innholdet enklere å fordøye
  3. Bilder gjør teksten enklere å bearbeide og skaper en stemning
  4. Luft er din venn, og er ingenting å være redd for
  5. Overskrifter skaper kapitler og hjelper leseren få oversikt.
  6. Lister kan brukes til mye lurt, som dette.
  7. Linker bør være beskrivende, og skille seg ut fra annen tekst.
Og kanskje det viktigste, aldri overdriv!

Kilde: 8 Pointers To Better and Prettier Article Formatting av Stefan Vervoort