Flowcharts

Het Nederlandse woord voor flowchart is stroomschema. Het is een grafische weergave van hoe je door een proces kan lopen. Je gebruikt een flowchart voor het tekenen van de "flow" van een website en een activiteitendiagram.

Een flowchart maak je met behulp van symbolen. Deze symbolen hebben een vaste betekenis, zodat de flowchart een algemene methode vormt om processen te visualiseren.

De flowchart van de structuur van een interactief product geeft aan:

  • welke pagina’s zijn er
  • welke doorklikpaden deze pagina’s hebben

Bij een flowchart van de structuur worden alleen de volgende symbolen gebruikt:

Bovenaan wordt de index-pagina geplaatst. Hieronder worden de pagina's geplaatst die vanuit de index te bereiken zijn. Hieronder plaats je weer de sub-pagina's.

Een flowchart ziet er uit als een omgekeerde boom. Een voorbeeld:

 

Oefening 1:

  1. Hoeveel pagina's bevat de site van de bovenstaande flowchart?
  2. Hoeveel links bevat de home-pagina?
  3. Hoe vaak moet iemand klikken om bij de pagina Kids te komen?
  4. Deze flowchart geeft een eenvoudige website weer. Bij grote sites kunnen de flowcharts heel groot zijn. Kijk maar eens naar de website van Bol.com. Tot hoeveel pagina's heb je toegang vanuit de index-pagina?

(naar boven)

 

Flowcharts tekenen

In een flowchart plaats je dus alle pagina's van de website in een overzichtlijke schema. Wanneer je een gebruikerstest met cardsorting hebt uitgevoerd, dan zet je alle " kopjes" in de flowchart.

Voor het tekenen van een flowchart heb je handige hulpmiddelen:

Vaak zul je een programma gebruiken. Er zijn een aantal online tools voor het tekenen van een flowchart, bijvoorbeeld http://www.gliffy.com/ of www.lucidchart.com.

 

Oefening 2:

  1. Ga naar de website gliffy.com en teken de flowchart uit oefening 1.
  2. Exporteer het resultaat

Je kunt ook een flowchart maken met behulp van Powerpoint of Word. In de volgende video's wordt uitgelegd hoe je dit doet.

Flowchart in Powerpoint

 

Flowchart in Word

 

  1. Teken dezelfde flowchart in Word of Powerpoint.
    Welk programma heeft jouw voorkeur?
  2. Maak een flowchart van de site www.oasen.nl.

(naar boven)