Organisatie van een website
Download
1 / 23

Organisatie van een website - PowerPoint PPT Presentation


  • 94 Views
  • Uploaded on

Organisatie van een website. Aandachtspunten voor een goede Website. Niko Witvrouwen. be. Inhoud. Mogelijkheden en aandachtspunten Een goede website maken: Voorbereiding Structuur en navigatie Vormgeving Homepage Inhoud van je website Testen van je site

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Organisatie van een website' - kalei


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Organisatie van een website

Organisatie van een website

Aandachtspunten voor een goede Website.

Niko Witvrouwen


Inhoud

be

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


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

Onbegrensde mogelijkheden


Aandachtspunten
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


Voorbereiding website
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?


Structuur van een website
Structuur van een website

Platte structuur

Gedwongen structuur

Diepe structuur


Keuze van structuur
Keuze van structuur

  • Afhankelijk van wat je wil aanbieden

  • Plat & Diepte 

chaos

Gebalanceerde

Structuur


Keuze van structuur tips
Keuze van structuur: Tips

  • Teken je structuur op papier

  • Maak je structuur helder voor je bezoeker: gebruik goed de navigatiemogelijkheden


Navigatie
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


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

Navigatie (2)

  • Frames: website bestaat uit 2 of meer delen.

Alternatief: werken met gemeenschappelijke randen


Vormgeving
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.


Schermopbouw
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


Schermopbouw 2
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


Achtergrond
Achtergrond

  • Zorg voor leesbaarheid

  • Gebruik contrastrijke, goed leesbare kleuren

  • Kies een praktische kleur


Navigatiebalk
Navigatiebalk

  • Knoppen met tekst

  • Knoppen met afbeeldingen die verwijzen naar de inhoud.

    Wees duidelijk en origineel

    Je navigatiebalk is als een visitekaartje


Logo en afbeeldingen
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


Homepage

(Openingspagina)

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


Inhoud van de site
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


Website testen
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.


Pr voor je site
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


Pr voor je site 2
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


En daarna
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


Technische info en bron
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