4-stappenplan: Plannen – Functionaliteiten
Het vorige artikel was: Plannen – Internet marketing
Het volgende artikel gaat over Plannen – Ontwerp
Een term die je veel hoort in de internet business is 'het functioneel ontwerp'. Hiermee wordt een plan bedoeld waarin staat wat je website moet kunnen en hoe dat kan. Klinkt misschien moeilijk, maar is het niet. Een eerste versie van een functioneel ontwerp kun je heel goed zelf maken en kan dienen als basis voor het gesprek met een eventuele programmeur.
Wat moet er in een functioneel ontwerp?
In een functioneel ontwerp geef je een globale beschrijving van de functionaliteiten van je hele website en ga je dieper in op pagina's die (nog) niet voor zich zelf spreken. Het is bedoeld voor een programmeur en ontwerper. Om dit concreet te maken gaan we verder met de sitemap uit ons eerdere artikel: de sitemap. Onze sitemap zag er zo uit:
- Home
- Diensten
- Dienst 1
- Dienst 2
- etc.
- Prijslijst
- Cases
- Case 1
- Case 2
- FAQ's
- Over ons
- Wie is wie?
- Foto's
- Geschiedenis
- Vrienden
- Colofon
- Contact
- Openingstijden
- Routebeschrijving
- Disclaimer
- Copyright
Algemene beschrijving
De algemene beschrijving die hier uit volgt kan zijn:
Onze site is bedoeld om bezoekers (klanten en mogelijke klanten) bekend te maken met onze dienstverlening en onze bedrijf. Hiervoor hebben een onderdeel diensten ingericht waarin elke vorm van dienstverlening wordt toegelicht. Dit maken we concreet aan de hand van Cases.
Vragen die we vaak krijgen beantwoorden we via de rubriek FAQ.
Ons bedrijf presenteren we in de rubriek Over ons. We vertellen iets over onszelf, laten foto's zien van ons bedrijf, geven achtergrondinfromatie over onze bedrijfsgeschiedenis.
Om in contact met ons te komen kunnen bezoekers het contactformulier invullen.
Functionele beschrijving
Deze beschrijving lijkt voor zichzelf spreken. Toch blijkt vaak pas de oplevering van een website dat een opdrachtgever iets anders voor ogen had dan een programmeur of ontwerper. Waar kan het mis gaan? In dit voorbeeld zijn er meerdere plaatsen die duidelijker kunnen. We nemen er een: het contactformulier.
Een contactformulier lijkt eenvoudig, maar is op verschillende manieren te maken. Wil je een formulier dat een mail naar je stuurt of moet het in een database komen? Als een bezoeker een contactformulier heeft ingevuld, bedank je hem dan of doe je niets? Wat doen we met niet serieuze verzoeken? Etc. We gaan het concreter maken.
Bezoekers kunnen een contactformulier invullen via de pagina Contact.
[Over de contactpagina]
- De bezoeker ziet een formulier met 4 velden en een knop. De velden zijn nodig voor: Naam, E-mail, Telefoonnummer en Opmerkingen.
- Het veld Naam, E-mail en Opmerkingen zijn verplicht. Dit geven we aan met een * achter het labeltje. Bovenaan het formulier staat dat alle velden met een * verplicht zijn.
- Het formulier moet er netjes uit zien.
- Als je de pagina voor het eerst ziet moet de muis al in het eerste veld staan.
- Als de bezoeker alles heeft ingevuld en op de verzendknop klikt moet het formulier controleren of alle velden goed zijn ingevuld: Naam moet langer zijn dan 3 tekens, E-mail moet een geldig e-mail adres zijn, Opmerkingen moet minimaal 4 tekens hebben en maximaal 2000. Als het telefoonnummer is ingevuld, moet het minimaal 7 karakters hebben.
- Als er met een of meer van deze controles iets mis is, moet de gebruiker een waarschuwing krijgen en moet de muis naar het veld gaan dat niet goed is. Dat veld moet dan een beetje rood oplichten.
[Afhandeling]
- Als het formulier gecontroleerd is en verstuurd kan worden moet de inhoud in een e-mail verstuurd worden naar ons e-mail adres: support@mijnsite.nl.
- Daarin moet elk veld staan, met daarachter wat mensen hebben ingevuld. Ook wil ik zien welke browser mensen gebruiken en welk besturingssysteem.
- De bezoeker moet hierna een bedankpagina krijgen. Daarin moet staan dat we zijn/haar bericht hebben ontvangen en binnen 2 werkdagen zullen reageren.
- Ook moet er staan dat na 10 seconden de homepage weer getoond zal worden. Na 10 seconden moet de bedankpagina verversen en de homepage verschijnen.
Wat hebben we nu veilig gesteld?
Een flinke omschrijving voor zoiets eenvoudigs. Maar we hebben wel een paar dingen bereikt!
- In de eerste plaats hebben we precies beschreven wat we willen weten van onze bezoeker en we geven de bezoeker een keurige afhandeling met feedback.
- We krijgen zelf voldoende informatie terug en ook nog eens extra informatie over het systeem en de browser die de bezoeker gebruikt. Dat kunnen we gebruiken als blijkt dat onze bezoeker problemen heeft met de weergave van onze site.
- We hebben ook voorkomen dat er dingen mis kunnen gaan: de uitzonderingen; voordat het formulier verstuurd wordt controleren we op eventuele fouten.
Methode
Hoe kan je dit nu zelf maken? Ook hier kan je werken met post-it blaadjes. Maak voor elke stap in het proces een blaadje en plak die in de logische volgorde. Dit kun je ook doen door het voor jezelf uit te tekenen. Wil je het echt professioneel doen? Gebruik dan een programma als Microsoft Visio. Besteed er ook weer niet te veel tijd aan. Een lopende tekst moet voor een programmeur ook voldoende zijn (en waarschijnlijk meer dan hij meestal krijgt).
