Skriv til webbet

1
Skriv til webbet Grundlæggende
Webdesign Gæsteforelæsning v/Lisbeth Klastrup
2
Dagens program

• 1. Lidt om godt sprog - godt netsprog
• 2. Skriv til weblæseren
• 3. Skriv kontekstfrit
• 4. Skriv til interaktion

3
Før du begynder at skrive

• Hvilken information ønsker afsender formidlet?
• Hvem er læserne?
• Hvilke spørgsmål skal dit site besvare?
• Hvad er sitets væsentligste budskab?

4
Hvor langt er vi?

• Lidt om godt sprog - godt netsprog
• Skriv til weblæseren
• Skriv kontekstfrit
• Skriv til interaktion

5
Hvad er godt sprog?

• Godt sprog

varieret, levende, klart, illustrativt,
personligt, originalt
Godt sprog på nettet godt sprog ekstra
hensyn!
6
Korrekt sprog

• Korrekt stavning(mer polliti på gadene)
• Korrekt grammatik/syntax(jeg køre får stærkt,
  indenfor/inden for)
• Korrekt brug af vendinger (ideomatik)(Nu er dyre
  råd gode, Så må du bare op på kamelen igen)

7
Læservenligt sprog

• Læselighed og læsbarhed!
• - danske ord i stedet for fremmedord eller
  engelske ord
• - ingen akronymer (ITU, IKT)
• - enkelt opbyggede sætninger (minus indskud)
• - font, linjeafstand, layout, brug af farver osv.
• - niveauopdel sproget jo flere læsere, jo mere
  læsevenligt skal det være

8
Kortfattet sprog

• Fjern irrelevant stof (væsentlighedskriterier)
• Fjern lange sætninger (eller sæt lige et punktum
  til!)
• Fjern unødvendige ord og dobbeltkonfekt
  (adjektiver, biord)
• Erstat lange ord med korte (anvendelse/brug)

9
Sprog/Lug ud!
Den smukke unge mand som jeg undrende så løbe
over gaden i let trav havde en mystisk lodden hue
på hovedet og var ganske afskyelig at se på Den
mand jeg så løbe over gaden havde en lodden hue
på og var grim
10
Undgå papirord
Talesprog Papirsprog
på den måde/derfor således
hvis såfremt
om angående
holde/betale afholde
denne nærværende

•  
•  

11
Klart sprog

• Klart sprog er ikke et spørgsmål om at forsimple
  indholdet, men om at finde en sproglig
  fremstilling der uanset indholdets sværhedsgrad
  gør indholdet så let som muligt at forstå
• Du vælger ud, ikke læserenKonsekvens i begreber
  og forklaringsmodeller
• Eksempler, eksempler
• Struktursignaler (afsnit, mellemrubrikker,
  forbindelsesord)

12
Imødekommende sprog

• undgå at virke indforstået (visitere -
  implementere)
• undgå fagjargon(npcer og dårlige mobs ødelægger
  gameplayet)
• undgå at tage viden for givet
• undgå kancellisprog
• undgå at virke reklameagtig, proganderende

13
Dårligt Sprog - eksempler
 Ukorrekt sprogbrug"Jeg har en god
huskkommelse"  IdeomatikTiden har vist, at
naturen ikke sletter alle spor, og at sand
skepsis over for "ufarlige" sprøjtemidler etc. er
på sin plads". (De Radikale)  
14
Dårligt sprog - eksempler
Kancellisprog Cylindriske beholdere i
mellemstørrelsen, hvis indre lagerkapacitet er
uudnyttet, må med rimelig forventning formodes at
besidde væsentlige akustiske kvaliteter.
Hvilket ordsprog dækker denne formulering
over? 
15
Det gode sprog web

• Korrekt sprog
• Læservenligt sprog
• Kortfattet sprog
• Klart sprog
• Imødekommende sprog
• Weblæser sprog
• Kontekstfrit sprog

Kock, Skriv.godt.dk mfl

Nielsen, McGovern, Englund, Tosca m.fl
16
Hvor langt er vi?

• Lidt om godt sprog - godt netsprog
• Skriv til weblæseren
• Skriv kontekstfrit
• Skriv til interaktion

17
Weblæseren/læser hvordan?

• Weblæseren læser langsommere (25??)
• Weblæseren er ofte målrettet informationssøgende
• Eller weblæseren er utålmodig (surfende)
• Der er mange der konkurrerer om weblæserens gunst

18
Weblæseren/skriv til

• Skriv journalistisk
• Opdel din tekst
• Skriv skanbart
• Skriv i lag

19
Formidlingstrekanterne
Nyhed (konklusion)
Indføring i emne
Baggrund(præmisser)
Præmisser (baggrund)
detaljer
Konklusion (nyhed)
Videnskabelig opgave
Nyhedsartikel
20
Formidlingstrekanten på nettet
afsnit
afsnit
afsnit
21
Journalistisk sprog net I

• Korte sætninger
• Èn ide i en sætning eller afsnit
• En argumentation/historie i et afsnit
• Tommelfingerregel
• Et afsnit4-5 linjer, 50-80 ord.
• En sætning ca 25 ord

22
Tekstens byggeklodser

• Overskrift (rubrik)
• Manchet (resume)
• Brødtekst (selve teksten)
• Underoverskrift (underrubrik)
• Billedtekst
• Grafik
• Linktekster
• Audio-visuelle elementer (lyd, video osv)

23
Byggeklodser/overskrift

• Overskrift i 2 lag sidetitel/teksttitel
• Overskriften - informativ
• - nøgleord i starten - lidt længere - fjern
  tomme indledningsord som en, et, der er, etc

24
(No Transcript)
25
(No Transcript)
26
VI VIL HAVE EN PAUSE!!!
Take five!
27
Byggeklodser/manchet
- skal opsummere artiklens hovedpointe i en kort
og klar form, og give læseren lyst til at læse
videre i artiklen.

• Til tider betragtes manchetten som et rent
  resumé og kaldes derfor også sådan.
• Andre gange appellerer manchetten til
  læselysten, og forsøger som sådan at sælge
  artiklen/tekst med en appetitlig beskrivelse
• På nettet er en kombination ofte hensigtsmæssig
• Skal kunne stå alene i en anden kontekst kun
  sammen med overskriften.

28
(No Transcript)
29
Byggeklodser/underoverskrift
Mellemrubrikker - skal hjælpe læseren med at
orientere sig i teksten

• Mellemrubrikken bør tage udgangspunkt i, hvad
  læseren gerne vil have at vide og selvfølgelig
  hvad afsnittet handler om
• Brug derfor gerne spørgsmål Hvad er min ret
  som medarbejder
• Eller svar på brugerens spørgsmål Du kan få SU
  som frisørelev
• Lad læseren være hovedperson Brug gerne du
  eller spil på de direkte implikationer for
  læseren
• Brug gerne bydeform (imperativ)

30
(No Transcript)
31
(No Transcript)
32
(No Transcript)
33
Skriv i lag
Forside - den mest nødvendige info som alle skal
have (evt med læs mere) Niveau 1 de mest
nødvendige kategorier af information (fx, Om
virksomheden, vision, produkter, butikker, job,
kontakt) Niveau 2 uddybning af information fra
niveau 2, el. fx arkiver over gammelt materiale,
uddybende dokumenter, billeder etc - jo længere
ned, brugeren kommer, jo mere villig er han/hun
måske også til at læse mere, vente længere etc
34
(No Transcript)
35
Informationsflow trekanten (information i lag)
Forsiden generel info af interesse for alle
Præsentation af væsentligste info
FP
Uddybning af væsentlig info, arkiver
N1
N2
Specific information om konkrete detaljer/emner
N3
36
Skanbart sprog

• Dækkende overskrift
• Tekst der ikke fylder meget mere end 1 1½
  skærmside (??)
• Opdelt i mange små bidder
• Mange underoverskrifter, der fortæller om
  tekstens indhold (og derfor ikke er for smarte)
• Ledeord med fed, anden farve el. lign

37
Skanbart sprog - eksempel
38
Skanbart sprog - eksempel
39

• Weblæseren/opsætning af teksten
• Fontstørrelser på 10-12 pkt i normal teksten
• Linjelængde ikke mere end 65 tegn
• Venstrejustering (lettest at læse, orddeling i
  justeret tekst umulig at forudsige)
• 2 - 3 kolonner (webstandard)
• husk at understregning er reserveret til links.
  Fremhæv helst med fed, kursiv er svær at læse.
• (jvf Klarspråk på nätet)

40
Hvor langt er vi?

• Lidt om godt sprog - godt netsprog
• Skriv til weblæseren
• Skriv kontekstfrit
• Skriv til interaktion

41
Uafhængigt sprog

• Man skal kunne komme til teksten mange steder
  fra
• Derfor skal det fremgå hvilken kontekst den
  enkelte tekst optræder i
• Man skal undgå at henvise til tekst der findes
  andre steder
• Man kan, som udgangspunkt, ikke tage for givet at
  læser har viden fra andre steder på sitet
  (navigation og links kan afhjælpe dette)

42
Kontekstfri kommunikation

• Deixismarkører af tid, sted, person
• jeg er her nu

43
Kontekstfri kommunikation/husk

• Klar markering af tidspunkt for tekstens
  tilblivelse/hvornår lagt på nettet
• Konkrete tidspunkter i teksten
• Konkrete stedsangivelser i teksten
• Tydelig afsenderidentitet
• Kontekstualiser skab mulighed for at sætte i
  sammenhæng (links/breadcrumbs)

44
Hvor langt er vi?

• Lidt om godt sprog - godt netsprog
• Skriv til weblæseren
• Skriv kontekstfrit
• Skriv til interaktion

45
Skriv til interaktion

• Interaktion i webpraksis
• Valg
• Mulighed for kommunikation

46
Valg/Det gode link I

• Det informative link
• MINIMUM PROCESSING EFFORT MAXIMAL
  (INFORMATIONAL) COGNITIVE EFFECTS
• (Tosca A Pragmatics of Links)

47
Valg/Det gode link II

• Det lyriske link
• INCREASED PROCESSING EFFORT MAXIMAL (LYRICAL)
  COGNITIVE EFFECTS
• (Tosca A Pragmatics of Links)

48
Valg/link eksempel

• ! Hvis du vil vide mere, så klik her
• ! Få et job på dette website
• ! Hvis du vil vide mere, så læs den nævnte
  rapport om arbejdsløshedsstatistik

49
Valg/link eksempel

• Mit elskede er smuk som en rose
• Der er intet som næstekærlighed

50
Valg/link betydning

• Næstekærlighed

51
Valg/link betydning

• Næstekærlighed

52
Valg/ link - opsummering

• Den gode informative link-tekst
• Signalerer klart hvad der linkes til
• Er nem at afkode
• Er utvetydig
• gør det nemt for læser at træffe et valg!
• Hellere lang og meningsfuld end kort og
  meningsløs

53
Kommunikation/Former

• To former for kommunikation
• Med site (webmaster, virksomhed, eksperter)
• Med andre brugere (debatfora, chat, Q A)

54
Kommunikation/Site

• kontaktinformation!! (tlf, fysisk adr.)
• info_at_email
• webmaster email
• Navn/email til forfattere (af indlæg, artikler
  osv)
• (FAQ)
• brevkasse

55
Kommunikation/andre brugere

• Skabe dialog
• Links til steder de kan gå hen (chatrum,
  kommentar etc)
• Debatfora-side - forslag til spændende emner -
  how-to
• - netiquette
• FAQ - de dumme eller indlysende ?

56
Kommunikation/FAQ
57
Byggeklodserne - opsummeret
Identifikation
Indhold
Funktionaliteter
Trompet (tema) Rubrik/overskrift Manchet /
resumé Byline (forfatter) Dato Sektion Breadcrum
bs
Brødtekst Mellemrubrikker Billeder Billedtekster F
aktabokse Grafik Links Relaterede
artikler Relaterede AV-filer Flash-elementer
Kommenter Tip en ven Printervenlig Rating Gem
artikel Afstemning
58
Det gode websprog

• Har mange træk tilfælles med det gode sprog på
  tryk men kortere!
• Kan måske ikke altid være så elegant eller
  kreativt af hensyn til behov for orientering
• Midt mellem talesprog og skriftsprog
• Skal være skanbart
• Forankring tid/sted (kontekstfrit)
• Linktekster har stor betydning!