Jordi Casteleyn 2005-20061 Softwarehandleidingen Een softwarehandleiding op een website.

Presentatie over: "Jordi Casteleyn 2005-20061 Softwarehandleidingen Een softwarehandleiding op een website."— Transcript van de presentatie:

1 Jordi Casteleyn 2005-20061 Softwarehandleidingen Een softwarehandleiding op een website

2 Jordi Casteleyn 2005-20062 Overzicht van de les Opdracht 4 Een softwarehandleiding schrijven Een website maken

3 Jordi Casteleyn 2005-20063 Opdracht 4 Een softwarehandleiding schrijven Welk programma?  Minerva Introductiegids + korte help 2000 woorden Handleiding = website Deadline: vrijdag 13 januari 2006

4 Jordi Casteleyn 2005-20064 Een softwarehandleiding schrijven

5 Jordi Casteleyn 2005-20065 Is een handleiding nog nuttig? Software = ‘self-supporting’ Talrijke hulp online, helpdesks, hotlines Liever een vriend dan een handleiding  Dus: NUTTELOOS?  Minder populair, maar nog steeds nodig  Vaak online, maar ook vaak afgeprint

6 Jordi Casteleyn 2005-20066 Begin van schrijven = Doelpubliek kennen (1) Gemiddelde leeftijd? Opleidingsniveau? Waarom handleiding lezen? Doe-doel Leren-doen-doel Leer-doel

7 Jordi Casteleyn 2005-20067 Begin van schrijven = Doelpubliek kennen (2) Voorkennis? Kennis van reële taken? Kennis van computers? Kennis van vergelijkbare software? Wanneer en waar software gebruiken?

8 Jordi Casteleyn 2005-20068 Softwarehandleiding, maar welke software? Reële taken: Word: een brief schrijven Computertaken: Word: een bestand opslaan  groot / klein takendomein:  open / gesloten programma Hoe groter takendomein : bv. Excel  hoe meer reële taken  hoe meer nood aan informatie  waar ligt de grens?

9 Jordi Casteleyn 2005-20069 Softwarehandleiding, maar welke software? (2) Dialoogstijl van programma Commandostijl: MS DOS Vraag-antwoordstijl: Vensters: Ja / Nee Formulierstijl: Google Menukeuze: MS PowerPoint Object-manipulatie: Windows verkenner Maar… meestal combinatie van stijlen

10 Jordi Casteleyn 2005-200610 Softwarehandleiding, maar welke handleiding? NIET systeemdocumentatie, WEL handleiding De introductiegids (Getting Started) * De leshandleiding (Tutorial) De gebruikersgids (User Guide) De naslaggids (Reference Guide)

11 Jordi Casteleyn 2005-200611 De introductiegids: vaste onderdelen Beschrijving Leesaanwijzing Installatie en starten Rondleiding Probleembestrijding  help

12 Jordi Casteleyn 2005-200612 Een softwarehandleiding: specifieke schrijfstijl? Regels van formuleren: Schrijf duidelijk Schrijf boeiend Schrijf gepast Schrijf (taalkundig) correct Maar ook eigen regels…

13 Jordi Casteleyn 2005-200613 Een softwarehandleiding: specifieke schrijfstijl? (2) Benader de lezer direct Gebruik de gebiedende wijs Vermijd complexiteit Gebruik “als… dan…” voor instructies

14 Jordi Casteleyn 2005-200614 Een softwarehandleiding: de structuur Voorwerk Titelpagina Juridische pagina Inhoudsopgave Kern: zie Introductiegids Nawerk (eventueel) Bijlagen Verklarende woordenlijst Register

15 Jordi Casteleyn 2005-200615 Michaël Steehouder & Carel Jansen, Handleidingenwijzer – Handboek voor effectieve softwarehandleidingen Verder lezen?

16 Jordi Casteleyn 2005-200616 Een website maken

17 Jordi Casteleyn 2005-200617 Maar vooraf… enkele opmerkingen NIET technische kant WEL communicatieve aspect Digitaal communiceren = (hier) websites en e-mail Digitaal communiceren = Less Is More

18 Jordi Casteleyn 2005-200618 Hoe is de gemiddelde ‘beeldschermlezer’? Hij is ongeduldig. Hij scant de teksten.  Lange teksten worden NIET gelezen. Lange zinnen worden NIET gelezen. Hij is visueel ingesteld. Hij wil weten waar hij is. Hij wil kwaliteitsvolle informatie.

19 Jordi Casteleyn 2005-200619 Wat is een goed digitaal document? Lezer = centraal 3 belangrijke kenmerken: Overzichtelijk Transparant Vraaggericht Maar dat klinkt wat vaag…  concreter

20 Jordi Casteleyn 2005-200620 Wat is een goed digitaal document? 1 webpagina = 23 regels 1 tekstblok = (max) 1/3 van scherm Witregels (paragraaf / alinea) 1 regel = 75 karakters (incl. spaties) 1 woord ≤ 3 lettergrepen 1 zin =  20-25 woorden

21 Jordi Casteleyn 2005-200621 1 zin =  20-25 woorden? Aantal woorden? Hoe leesbaar is de zin? 1 – 13Heel gemakkelijk 14 – 19Gemakkelijk 20 – 25Begrijpelijk 26 – 35Moeilijk > 35Heel moeilijk

22 Jordi Casteleyn 2005-200622 Waarom bezoekt men websites? Informatie Amusement Contact Maar: Internet = snel + gemakkelijk!

23 Jordi Casteleyn 2005-200623 Wat verwacht een websitebezoeker? Waar ben ik? Waar wil ik naartoe? Hoe kom ik daar? Hoe kom ik terug?  Belang van navigatie

24 Jordi Casteleyn 2005-200624 Jakob’s law… “Users spend most of their time on OTHER websites”

25 Jordi Casteleyn 2005-200625 Inhoud van een site “Context Is King” Maar… informatie is ook: uniek van goede kwaliteit betrouwbaar en geloofwaardig toegankelijk en gebruiksvriendelijk actueel

26 Jordi Casteleyn 2005-200626 Structuur van een website Piramidemodel / Omgekeerde boom Maar: Niet te breed Niet te diep Maximum 3-4 lagen Elke laag = zinvol

27 Jordi Casteleyn 2005-200627 Structuur van een webpagina Lange webpagina’s = Niet gelezen Afgeprint  zo kort mogelijk houden! Eigen typische structuur…

28 Jordi Casteleyn 2005-200628 Structuur van een webpagina Kop (~ titel + vereisten van een titel) Lead (= 20-50 woorden)  w-vragen Tekstblokken (100-200 woorden)  w-vragen

29 Jordi Casteleyn 2005-200629 Structuur van een webpagina: hulpmiddeltjes logische navigatiebalken, een index, een site map. een inhoudsopgave: een categorielijst, een lijst met indexwoorden (zie boven), een lijst met paginatitels, een overzicht van de site.

30 Jordi Casteleyn 2005-200630 Webtekst  tekst op papier Engelstalige site Light Layered Linked

31 Jordi Casteleyn 2005-200631 Webtekst  tekst op papier (2) Nederlandstalige site Omgekeerd, ‘need to know’  ‘nice to know’ Voordelig, Scanbaar, Getrimd: Less Is More Origineel: grote concurrentie GEEN gebrek aan informatie, WEL aan aandacht

32 Jordi Casteleyn 2005-200632 Webdesign: navigatie Soorten links in een webpagina: Normale: naar site of document Hiërarchisch: horizontaal / verticaal Interne: diagonaal Criteria: is voorspelbaar koppelt terug naar vorige webpagina’s maakt de structuur van de site duidelijk

33 Jordi Casteleyn 2005-200633 Webdesign: 10 tips 1. Houd het eenvoudig 2. Breek de pagina’s open met witruimte 3. Wees consistent 4. Blijf klein en snel. 5. Belangrijke info staat slechts 3 klikken verder!!

34 Jordi Casteleyn 2005-200634 Webdesign: 10 tips 6. Maak een site map 7. Vermijd afleidende animaties 8. Vermijd alles wat maar op reclame lijkt 9. Zet een donkere tekst op een lichte achtergrond 10. Vermijd dat je publiek moet scrollen

35 Jordi Casteleyn 2005-200635 Webdesign: vormelijke kenmerken Lettergrootte = (minimum) een 12-puntsletter Koppen (minimum) 14-puntsletters vet, cursief of vet-cursief Zo weinig mogelijk cursief Zo weinig mogelijk onderstrepingen Interlinie = 1,2 Niet uitlijnen

36 Jordi Casteleyn 2005-200636 Voorbeeldjes…

37 Jordi Casteleyn 2005-200637 Opdracht 2 groepsversie verbeterd terug