Skriv til webbet Grundlæggende Webdesign Gæsteforelæsning v/Lisbeth Klastrup

1. Skriv til webbet Grundlæggende Webdesign Gæsteforelæsning v/Lisbeth Klastrup Grundlæggende webdesign F 2004/19. februar

2. Dagens program • 1. Lidt om godt sprog - godt netsprog • 2. Skriv til weblæseren • 3. Skriv kontekstfrit • 4. Skriv til interaktion Grundlæggende webdesign F 2004/19. februar

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? Grundlæggende webdesign F 2004/19. februar

4. Hvor langt er vi? • Lidt om godt sprog - godt netsprog • Skriv til weblæseren • Skriv kontekstfrit • Skriv til interaktion Grundlæggende webdesign F 2004/19. februar

5. Hvad er godt sprog? Godt sprog: = varieret, levende, klart, illustrativt, personligt, originalt Godt sprog på nettet = godt sprog + ekstra hensyn! Grundlæggende webdesign F 2004/19. februar

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) Grundlæggende webdesign F 2004/19. februar

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 Grundlæggende webdesign F 2004/19. februar

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”) Grundlæggende webdesign F 2004/19. februar

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 Grundlæggende webdesign F 2004/19. februar

10. Undgå papirord Talesprog Papirsprog Grundlæggende webdesign F 2004/19. februar

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) Grundlæggende webdesign F 2004/19. februar

12. Imødekommende sprog • undgå at virke indforstået (”visitere” - ”implementere”) • undgå fagjargon(npc’er og dårlige mobs ødelægger gameplayet) • undgå at tage viden for givet • undgå kancellisprog • undgå at virke ”reklameagtig”, proganderende Grundlæggende webdesign F 2004/19. februar

13. Dårligt Sprog - eksempler Ukorrekt sprogbrug"Jeg har en god huskkommelse" Ideomatik“Tiden har vist, at naturen ikke sletter alle spor, og at sand skepsis over for "ufarlige" sprøjtemidler etc. er på sin plads". (De Radikale) Grundlæggende webdesign F 2004/19. februar

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? Grundlæggende webdesign F 2004/19. februar

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 Grundlæggende webdesign F 2004/19. februar

16. Hvor langt er vi? • Lidt om godt sprog - godt netsprog • Skriv til weblæseren • Skriv kontekstfrit • Skriv til interaktion Grundlæggende webdesign F 2004/19. februar

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 Grundlæggende webdesign F 2004/19. februar

18. Weblæseren/skriv til Skriv journalistisk Opdel din tekst Skriv skanbart Skriv i lag Grundlæggende webdesign F 2004/19. februar

19. Formidlingstrekanterne Nyhed (konklusion) Indføring i emne Baggrund(præmisser) Præmisser (baggrund) detaljer Konklusion (nyhed) Videnskabelig opgave Nyhedsartikel Grundlæggende webdesign F 2004/19. februar

20. Hovedpointe Hovedpointe Hovedpointe Baggrund Baggrund Baggrund (Detaljer) (Detaljer) (Detaljer) Formidlingstrekanten på nettet afsnit afsnit afsnit Grundlæggende webdesign F 2004/19. februar

21. ”Journalistisk sprog” + net I • Korte sætninger • Èn ide i en sætning eller afsnit • En argumentation/historie i et afsnit Tommelfingerregel: Et afsnit:4-5 linjer, 50-80 ord. En sætning: ca 25 ord Grundlæggende webdesign F 2004/19. februar

22. Tekstens byggeklodser • Overskrift (rubrik) • Manchet (resume) • Brødtekst (selve teksten) • Underoverskrift (underrubrik) • Billedtekst • Grafik • Linktekster • Audio-visuelle elementer (lyd, video osv) Grundlæggende webdesign F 2004/19. februar

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 Grundlæggende webdesign F 2004/19. februar

24. Grundlæggende webdesign F 2004/19. februar

25. Grundlæggende webdesign F 2004/19. februar

26. VI VIL HAVE EN PAUSE!!! Take five! Grundlæggende webdesign F 2004/19. februar

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. Grundlæggende webdesign F 2004/19. februar

28. Grundlæggende webdesign F 2004/19. februar

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) Grundlæggende webdesign F 2004/19. februar

30. Grundlæggende webdesign F 2004/19. februar

31. Grundlæggende webdesign F 2004/19. februar

32. Grundlæggende webdesign F 2004/19. februar

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 Grundlæggende webdesign F 2004/19. februar

34. Grundlæggende webdesign F 2004/19. februar

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 Grundlæggende webdesign F 2004/19. februar

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 Grundlæggende webdesign F 2004/19. februar

37. Skanbart sprog - eksempel Grundlæggende webdesign F 2004/19. februar

38. Skanbart sprog - eksempel Grundlæggende webdesign F 2004/19. februar

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) Grundlæggende webdesign F 2004/19. februar

40. Hvor langt er vi? • Lidt om godt sprog - godt netsprog • Skriv til weblæseren • Skriv kontekstfrit • Skriv til interaktion Grundlæggende webdesign F 2004/19. februar

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) Grundlæggende webdesign F 2004/19. februar

42. Kontekstfri kommunikation Deixismarkører af tid, sted, person ” jeg er her nu” Grundlæggende webdesign F 2004/19. februar

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) Grundlæggende webdesign F 2004/19. februar

44. Hvor langt er vi? • Lidt om godt sprog - godt netsprog • Skriv til weblæseren • Skriv kontekstfrit • Skriv til interaktion Grundlæggende webdesign F 2004/19. februar

45. Skriv til interaktion ”Interaktion” i webpraksis • Valg • Mulighed for kommunikation Grundlæggende webdesign F 2004/19. februar

46. Valg/Det gode link I Det informative link MINIMUM PROCESSING EFFORT+MAXIMAL (INFORMATIONAL) COGNITIVE EFFECTS (Tosca: A Pragmatics of Links) Grundlæggende webdesign F 2004/19. februar

47. Valg/Det gode link II Det lyriske link INCREASED PROCESSING EFFORT+MAXIMAL (LYRICAL) COGNITIVE EFFECTS (Tosca: A Pragmatics of Links) Grundlæggende webdesign F 2004/19. februar

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 Grundlæggende webdesign F 2004/19. februar

49. Valg/link eksempel Mit elskede er smuk som en rose Der er intet som næstekærlighed Grundlæggende webdesign F 2004/19. februar

50. Valg/link betydning Næstekærlighed: Grundlæggende webdesign F 2004/19. februar