Jordi Casteleyn Softwarehandleidingen Een softwarehandleiding op een website
Jordi Casteleyn Overzicht van de les Opdracht 4 Een softwarehandleiding schrijven Een website maken
Jordi Casteleyn Opdracht 4 Een softwarehandleiding schrijven Welk programma? Minerva Introductiegids + korte help 2000 woorden Handleiding = website Deadline: vrijdag 13 januari 2006
Jordi Casteleyn Een softwarehandleiding schrijven
Jordi Casteleyn 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
Jordi Casteleyn Begin van schrijven = Doelpubliek kennen (1) Gemiddelde leeftijd? Opleidingsniveau? Waarom handleiding lezen? Doe-doel Leren-doen-doel Leer-doel
Jordi Casteleyn Begin van schrijven = Doelpubliek kennen (2) Voorkennis? Kennis van reële taken? Kennis van computers? Kennis van vergelijkbare software? Wanneer en waar software gebruiken?
Jordi Casteleyn 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?
Jordi Casteleyn 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
Jordi Casteleyn Softwarehandleiding, maar welke handleiding? NIET systeemdocumentatie, WEL handleiding De introductiegids (Getting Started) * De leshandleiding (Tutorial) De gebruikersgids (User Guide) De naslaggids (Reference Guide)
Jordi Casteleyn De introductiegids: vaste onderdelen Beschrijving Leesaanwijzing Installatie en starten Rondleiding Probleembestrijding help
Jordi Casteleyn Een softwarehandleiding: specifieke schrijfstijl? Regels van formuleren: Schrijf duidelijk Schrijf boeiend Schrijf gepast Schrijf (taalkundig) correct Maar ook eigen regels…
Jordi Casteleyn Een softwarehandleiding: specifieke schrijfstijl? (2) Benader de lezer direct Gebruik de gebiedende wijs Vermijd complexiteit Gebruik “als… dan…” voor instructies
Jordi Casteleyn Een softwarehandleiding: de structuur Voorwerk Titelpagina Juridische pagina Inhoudsopgave Kern: zie Introductiegids Nawerk (eventueel) Bijlagen Verklarende woordenlijst Register
Jordi Casteleyn Michaël Steehouder & Carel Jansen, Handleidingenwijzer – Handboek voor effectieve softwarehandleidingen Verder lezen?
Jordi Casteleyn Een website maken
Jordi Casteleyn Maar vooraf… enkele opmerkingen NIET technische kant WEL communicatieve aspect Digitaal communiceren = (hier) websites en Digitaal communiceren = Less Is More
Jordi Casteleyn 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.
Jordi Casteleyn Wat is een goed digitaal document? Lezer = centraal 3 belangrijke kenmerken: Overzichtelijk Transparant Vraaggericht Maar dat klinkt wat vaag… concreter
Jordi Casteleyn 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 = woorden
Jordi Casteleyn zin = woorden? Aantal woorden? Hoe leesbaar is de zin? 1 – 13Heel gemakkelijk 14 – 19Gemakkelijk 20 – 25Begrijpelijk 26 – 35Moeilijk > 35Heel moeilijk
Jordi Casteleyn Waarom bezoekt men websites? Informatie Amusement Contact Maar: Internet = snel + gemakkelijk!
Jordi Casteleyn Wat verwacht een websitebezoeker? Waar ben ik? Waar wil ik naartoe? Hoe kom ik daar? Hoe kom ik terug? Belang van navigatie
Jordi Casteleyn Jakob’s law… “Users spend most of their time on OTHER websites”
Jordi Casteleyn Inhoud van een site “Context Is King” Maar… informatie is ook: uniek van goede kwaliteit betrouwbaar en geloofwaardig toegankelijk en gebruiksvriendelijk actueel
Jordi Casteleyn Structuur van een website Piramidemodel / Omgekeerde boom Maar: Niet te breed Niet te diep Maximum 3-4 lagen Elke laag = zinvol
Jordi Casteleyn Structuur van een webpagina Lange webpagina’s = Niet gelezen Afgeprint zo kort mogelijk houden! Eigen typische structuur…
Jordi Casteleyn Structuur van een webpagina Kop (~ titel + vereisten van een titel) Lead (= woorden) w-vragen Tekstblokken ( woorden) w-vragen
Jordi Casteleyn 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.
Jordi Casteleyn Webtekst tekst op papier Engelstalige site Light Layered Linked
Jordi Casteleyn 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
Jordi Casteleyn 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
Jordi Casteleyn 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!!
Jordi Casteleyn 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
Jordi Casteleyn 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
Jordi Casteleyn Voorbeeldjes…
Jordi Casteleyn Opdracht 2 groepsversie verbeterd terug