organisatie van een website aandachtspunten voor een goede website. niko witvrouwen
TRANSCRIPT
![Page 1: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/1.jpg)
Organisatie van een website
Aandachtspunten voor een goede Website.
Niko Witvrouwen
![Page 2: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/2.jpg)
Inhoud
• Mogelijkheden en aandachtspunten• Een goede website maken:
Voorbereiding Structuur en navigatie Vormgeving Homepage Inhoud van je website Testen van je site
• Als je online bent: PR voor je site bezoekers lokken en bezoekers houden
be
![Page 3: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/3.jpg)
Onbegrensde mogelijkheden
• Internet is wereldwijd• Interactief medium:
E-mail Nieuwsgroepen Forums Invulformulieren
• Snel informatie Verzamelen Vergelijken Aanpassen
(webdesigner)
• Gebruik multimedia: Tekst Foto’s Muziek Filmpjes
• 24u/24u: geen sluitingstijden
• Goedkoop
![Page 4: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/4.jpg)
Aandachtspunten
• Doelgroep: waarom en voor wie?• Vindbaarheid: “zoekmachine vriendelijk”• Zapgedrag:
Bezoeker klikt snel andere link aan Overzicht van de site: logische heldere
structuur
• Functionaliteit• Snelheidseis. Vb. snel antwoord op e-mail
![Page 5: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/5.jpg)
Voorbereiding website
• Verken je onderwerp (brainstorm)
• Doel: waarom maak je een website?
• Doelgroep: voor wie maak je een website?
• Randvoorwaarden: wat kun je wel/niet?
![Page 6: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/6.jpg)
Structuur van een website
Platte structuur
Gedwongen structuurDiepe structuur
![Page 7: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/7.jpg)
Keuze van structuur
• Afhankelijk van wat je wil aanbieden
• Plat & Diepte GebalanceerdeStructuur
chaos
![Page 8: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/8.jpg)
Keuze van structuur: Tips
• Teken je structuur op papier
• Maak je structuur helder voor je bezoeker: gebruik goed de navigatiemogelijkheden
![Page 9: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/9.jpg)
Navigatie
• Knoppenbalk Inhoudelijke knoppen Functionele knoppen (vb. Home, Back,
Contact, Sitemap,…)
• Externe links: naar andere sites dan eigen• Sitemap: schematische weergave website• Interne zoekmachine• Breadcrumbs: volledige naam van pagina
staat bovenaan vb. Home > Cursus > Webdesign
![Page 10: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/10.jpg)
Navigatie (2)
Voordeel:• Balk met navigatie
blijft staan: overzicht blijft behouden
Nadelen:• Bij veel frames:
onduidelijk• Zoekmachines
werken niet goed met frames site maar half getoond
• Frames: website bestaat uit 2 of meer delen.
Alternatief: werken met gemeenschappelijke
randen
![Page 11: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/11.jpg)
Vormgeving
• Denk aan de laadtijd: bezoekers wachten niet graag lang
• Elementen van vormgeving: Schermopbouw Achtergrond Navigatiebalken Logo’s en afbeeldingen
• Let op functionaliteit van deze elementen.
![Page 12: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/12.jpg)
Schermopbouw
• Zorg voor eenheid Tekengrootte, lettertype, kleuren,… niet
veranderen op verschillende pagina’s.
• Denk aan leesrichting Navigatiebalken boven en/of links Belangrijkste informatie en logo bovenaan
• Zorg voor voldoende ruimte Maak tekst in kolommen
![Page 13: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/13.jpg)
Schermopbouw (2)
• Zorg voor goede, aangename webteksten Schrijf zakelijk Schrijf beknopt Geen te lange zinnen Vermijd lastige constructies
• Zorg dat iedere pagina op zichzelfkan staan
![Page 14: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/14.jpg)
Achtergrond
• Zorg voor leesbaarheid
• Gebruik contrastrijke, goed leesbare kleuren
• Kies een praktische kleur
![Page 15: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/15.jpg)
Navigatiebalk
• Knoppen met tekst
• Knoppen met afbeeldingen die verwijzen naar de inhoud.
Wees duidelijk en origineel
Je navigatiebalk is als een visitekaartje
![Page 16: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/16.jpg)
Logo en afbeeldingen
• Logo Herkenbaarheid bedrijf, school,… Op elke pagina Links of midden boven is geschikte plaats
• Afbeeldingen Een afbeelding zegt meer dan 1000 woorden Zorg voor functionele afbeeldingen: om te
verduidelijken of op te vrolijken Niet te groot: laadtijd van je website
![Page 17: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/17.jpg)
Homepage
• Eerste indruk: bepaalt vaak of mensen je site verder bezoeken
• Zeer weinig mensen scrollen op de homepage
• Alle cruciale informatie moet op 1 scherm
• Gebruik zelfde “stijl” als de rest van je site
Via zoekmachines niet altijd op homepage, maar soms in midden van website
(Openingspagina)
![Page 18: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/18.jpg)
Inhoud van de site
• Aanpassen aan doelgroep: wie bezoekt je site en waarom?
• Denk aan interactieve mogelijkheden E-mail Aankoopmogelijkheid / Spelletje / … Enquête Aanvraagformulier Links: maak van 1 tot max 4 woorden een link
naar andere pagina
![Page 19: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/19.jpg)
Website testen
• Zowel technisch… Kloppen de links Gaat e-mail naar juiste persoon Laadtijd niet te lang
• …als inhoudelijk (o.a. Spelfouten)
Laat verschillende mensen uit je doelgroep de website testen.
![Page 20: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/20.jpg)
PR voor je site
• Makkelijk adres
• Gebruik zoekmachinemarketing Google is belangrijkste Betaalde en onbetaalde zoekresultaten Gebruik goede trefwoorden Aantal clicks ranking
• Zoek verwante sites die een link naar je site willen plaatsen
• Plaats bericht op forum of blog
![Page 21: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/21.jpg)
PR voor je site (2)
• Gebruik e-mailmarketing Opmaak in zelfde stijl als site Nieuwsbrief (Hoe vaak? Lengte? Speciale
software nodig) Segmentatie
• Website op papieren correspondentie Briefpapier Visitekaartjes Folders, brochures en advertenties
![Page 22: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/22.jpg)
En daarna???
• Zorg dat bezoekers terugkomen Juiste informatie Actuele informatie Lokkertjes (webcam, maandthema,…)
• Google Analytics: Bezoekersaantallen, herkomst, tijdstip.
• Onderhoud je site
• Ga met de tijd mee
![Page 23: Organisatie van een website Aandachtspunten voor een goede Website. Niko Witvrouwen](https://reader038.vdocuments.pub/reader038/viewer/2022103114/5551a0ee4979591f3c8b7ed5/html5/thumbnails/23.jpg)
Technische info en bron
Technische informatie: zie
• Cursus Frontpage 2003
• Presentatie Websites publiceren
• Nuttige links voor webdesign en logo-ontwerp: online tools
Bron:• Klantgerichte websites; Peter Beekman, Arjan Burger,
Klaas Jan Huizing en Wencke Taatgen; AW Bruna Uitgevers Utrecht