Interaction Design Designing Dialogues
13-06-2011
Eindopdracht v1.0 Naam: Meleny Spits Klas: CMD1i Studentnummer: 0796012 Docent: Edwin Rooseman
INHOUD Inleiding Debriefing Concept Doelgroep Onderzoek Community Research Vakgebied Research ‘Offline’ vragen Papier Schetsen Wireframes Algemene Pagina’s Profiel Pagina’s Visuals Bronnen Bijlage Bijlage 1: Doelgroep Research Bijlage 2: Papier schetsen Bijlage 3: Digitale schetsen
IAD Designing Dialogues
Blz. 3 Blz. 3 Blz. 3 Blz. 4 Blz. 6 Blz. 8 Blz. 9 Blz. 11 Blz. 14 Blz. 19 Blz. 23 Blz. 24 Blz. 28 Blz. 31
blz. 2
INLEIDING Deb r i e f i n g Ontwerp een online formulier dat een uitgebreide profielpagina zal genereren voor een lid van een community-site. Het formulier wordt ontworpen op basis van een conceptbeschrijving van een community die je ontvangt aan het begin van de opdracht. Deze pagina zal het ‘gezicht’ zijn van deze persoon in de site: de eigenschappen waarmee hij of zij gezocht, herkend, gevonden en door andere leden en betrokken wordt in activiteiten en uitwisselingen. Door middel van een profielpagina laat deze persoon de anderen weten wie hij of zij is, op een manier die aansluit bij de doelstellingen van de persoon, de community en eventueel andere gebruikers van de website.
Conce pt Vrijwilligers community die zich richt op een groep kleine dorpen die bij elkaar in de buurt liggen. Samen vertegenwoordigen ze niet meer dan ongeveer 5 tot 7 duizend inwoners. Inwoners bieden hulp aan elkaar op verschillende gebieden.
Do e l & D o e l g ro e p Ik heb gekozen om een Community te maken voor de dorpsbewoners van Terschelling. (Alle gevonden informatie over de gemeenschap van Terschelling is terug te vinden in bijlage 1) Doel van de website is om dorpsgenoten te motiveren voor (vrijwillige) deelname aan activiteiten binnen de gemeenschap. Hierbij kan worden gedacht aan evenementen samen opzetten, onderhoudswerkzaamheden aan het groenplan van de gemeente, of naschoolse opvang voor kinderen uit de dorpen. Men kan discussies met elkaar aangaan op de website om zo gezamenlijk activiteiten te bedenken.
IAD Designing Dialogues
blz. 3
ONDERZOEK Com m un i t y R e s e a rc h Hieronder volgen een aantal screenshots van de websites die ik heb onderzocht. Hoe gaan deze websites te werk met hun profielen en hoe zijn de formulieren opgemaakt. Een selectie van de meest interessante resultaten.
IAD Designing Dialogues
blz. 4
ONDERZOEK Com m un i t y R e s e a rc h Hieronder volgen een aantal screenshots van de websites die ik heb onderzocht. Hoe gaan deze websites te werk met hun profielen en hoe zijn de formulieren opgemaakt. Een selectie van de meest interessante resultaten.
IAD Designing Dialogues
blz. 5
ONDERZOEK Vakge b i e d R e s e a rc h Ik ben op zoek gegaan of er meer theorie was te vinden van overige onderzoeken naar formulieren. 1 vond ik hierbij in het bijzonder uitspringen. Dit waren de resultaten: Op de Hogeschool Utrecht hebben studenten onder begeleiding van Jaap van de Putte van 2 use it een onderzoek uitgevoerd naar de usability van contactformulieren op gemeentelijke websites. Het betreft hier een expert-review en geen klantonderzoek. In totaal zijn zeven gemeenten onderzocht. Het artikel met tips over betere webformulieren is te vinden op de site van 2 use it. Bij de beoordeling van de formulieren hebben de onderzoekers twee vragen gesteld; Zijn de formulieren effectief en efficiënt (bereikt de gebruiker zijn doel en kan de gebruiker met een minimale inzet van tijd zijn taak afronden)? En: Welke adviezen kunnen gegeven worden? Uit het onderzoek zijn een tiental praktische tips naar boven komen drijven, die hieronder kort genoemd worden: 1. Gebruik geen Wissenknop of een equivalent daarvan Op alles sites stond een ‘wissen’ knop in het contactformulier, naast de ‘verzend’ knop. Deze knop dient geen enkel doel: niemand wil zijn input wissen. 2. Valideer formulieren Het is wel zo handig dat een formulier volledig ingevuld wordt. Anders heb je er nog niets aan. Bij de gemeente Alphen was het bijvoorbeeld mogelijk om een leeg formulier in te sturen 3. Plaats foutmelding in het formulier zelf Pop-ups, nieuwe velden, het levert alleen maar afleiding op. Gewoon in het formulier is het allerbeste, zie je gelijk wat er fout is gegaan. 4. Geef een duidelijke foutmelding Foutmeldingen zijn op de gemeentesites nog wel eens ongespecificeerd. Dat is niet handig, want dan weet de gebruiker niet wat hij precies fout heeft gedaan en waar. 5. Maak formulieren ‘sticky’ Een van de grootste ergernissen bij gebruikers is dat een ingevuld formulier wordt gewist. Maar daarom de fomulieren ‘sticky’: de invoer blijft plakken in de invoervelden. 6. Vraag informatie op die nodig is, niet meer en niet minder Contactformulieren invullen kost tijd. Vraag daarom niet meer dan nodig is aan informatie. Elk veld dat moet worden ingevuld verhoogt de drempel en verlaagt de kans op een volledig ingevuld formulier. 7. Zorg voor een prettige en rustige lay-out Zorg ervoor dat gebruikers zo weinig mogelijk worden afgeleid. Het is belangrijk dat het formulier een goede focus heeft. 8. Plaats toelichtingen zoveel mogelijk in de pagina Een belangrijke richtlijn vanuit de literatuur over usability is dat informatie op zichtbaar is, zonder dat de gebruiker eerst de muis moet gebruiken. 9. Gebruik radiobuttons in plaats van dropdownkeuzelijsten Radiobuttons hebben een hogere ‘usability’ dan dropdownkeuzelijsten (uitklaplijsten). Het verdient daarom de voorkeur radiobuttons te gebruiken. 10. Rond het gesprek netjes af Met een contactformulier communiceer je met een gebruiker. Het is daarom handig om die communicatie ook op een nette manier te beëindigen als de gebruiker klaar is. Dat doe je door te zeggen dat het formulier ontvangen is, wat er met de informatie gedaan gaat worden en hoe lang dat gaat duren.
IAD Designing Dialogues
blz. 6
ONDERZOEK Vakge b i e d R e s e a rc h Maar: dit zijn ze nog niet allemaal. Hieronder nog een paar, die wat meer algemeen zijn: • Zorg dat het formulier werkt in verschillende soorten browsers • Zorg dat de beschrijving, het invoerveld en de eventuele beschrijving gekoppeld zijn (via label en id; geen enkele site gebruikt dit). • Zorg voor een privacy-melding (ontbreekt op alle gemeentesites). • Ga niet onnodig naar een beveiligde omgeving (https-verbinding). • Filter gegevens op de server zodat validaties minder nodig zijn. Het betreft hier een onderzoek naar alleen gemeentelijke websites. En dat is natuurlijk een beperking. Maar goed, bijna iedere site heeft wel een contactformulier. Om goed contact met je klanten te onderhouden is het uiterst belangrijk dat het allemaal werkt. Gezien de veelheid aan tips, tricks en punten ter verbetering die hierboven beschreven staan lijkt het geen overbodige luxe om het contactformulier van je eigen site eens onder de loep te nemen. Misschien valt er nog wat te verbeteren…
IAD Designing Dialogues
blz. 7
ONDERZOEK ‘O ffl i n e’ v ra g e n De vragen die ik zou stellen tijdens een face to face conversatie om een beeld te krijgen van deze persoon. Algemeen Hoe heet je? Hoe oud ben je? Ben je getrouwd? Woonomgeving Waar kom je vandaan? Heb je hier je hele leven al gewoond? Waarom ben je in dit dorp komen wonen? Wat bevalt je aan het wonen hier? Wat zou er volgens jou beter kunnen aan je woonomgeving? Welke activiteiten voer je uit met jouw dorpsgenoten? Welke activiteiten zou je willen terugzien in jouw dorp? Thuissituatie Wat is je beroep? Hoeveel dagen in de week werk je? Heb je kinderen? In welke leeftijdscategorie bevinden je kinderen zich en wonen ze nog thuis? Hobby’s en Vrijetijd Ben je lid van een sportclub (hier in de buurt?) In hoeverre is politiek voor jouw belangrijk? Welke politieke voorkeur heb je? In hoeverre is geloof voor jouw belangrijk in de omgang met anderen? Welke geloofsovertuiging heb je? Hoe is jouw gemeenschap vertegenwoordigd in het dorp dat je woont? Welke hobby’s heb je en in hoeverre beoefen je deze in het drop?
IAD Designing Dialogues
blz. 8
ONDERZOEK Pa p i e r S ch e t s e n Meet schetsen vind u in bijlage 2 en 3
IAD Designing Dialogues
blz. 9
SCHETSEN Pa p i e r S ch e t s e n
IAD Designing Dialogues
blz. 10
WIREFRAMES Sta r tpa g i n a
3 1
Inloggen
Alle inwoners van Terschelling ook online bij elkaar! Leg contact met dorpsbewoners en andere eiland bewoners, discussieer met elkaar, organiseer met elkaar, help elkaar en vind elkaar. Het doel van deze community is om de binding tussen de vaste eilandbewoners nog hechter te maken. We gaan met onze tijd mee... Jij toch ook?
2
Bekijk de website!
Gebruikersvoorwaarden
Privacy
Contact
5
6
7
4
Vera nt wo ording 1. 2. 3. 4. 5. 6. 7.
Logo. I ndien niet ingelogt ver wijst deze naar de star tpagina bij het k lik ken. I ndien wel ingelogt, dan ver wijst deze naar het forum bij het k lik ken. Slideshow. Plaatjes met mooie foto’s van Terschelling die automatisch naar de volgende afbeelding gaat na 4 sec. Snelkoppeling / Link naar de I nlogpagina Button die ver wijst naar de R egistratiepagina Als hier met de muis over heen gegaan wordt verschijnt er een tooltip met de g ebruikers voor waarden die een schrollbar heef t. Zo wordt de bezoeker niet gehinder t met pop -ups omdat hij vanzelf verdwijnt als de bezoeker met de muis ergens anders naar toe gaat. Als hier met de muis over heen gegaan wordt verschijnt er een tooltip met de pr ivac y regelementen deze tooltip heef t e en schrollbar. Zo wordt de bezoeker niet gehinder t met pop -ups omdat hij vanzelf verdwijnt als de bezoeker met de muis ergens anders naar toe gaat. Snelkoppeling / Link naar de contac tpagina
IAD Designing Dialogues
blz. 11
WIREFRAMES I nlo g g e n
1
Inloggen
Foutmelding: U bent ‘X’ vergeten in te vullen
38
E-mail adres *
8
Bv.
[email protected] Wachtwoord *
9 10
Onthoud mij
Login
11
* verplicht in te vullen
12
Wachtwoord Vergeten? Nog geen account? Registreren
Gebruikersvoorwaarden
5
13 Privacy
Contact
6
7
Vera nt wo ording 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 38.
Logo. I ndien niet ingelogt ver wijst deze naar de star tpagina bij het k lik ken. I ndien wel ingelogt, dan ver wijst deze naar het forum bij het k lik ken. Slideshow. Plaatjes met mooie foto’s van Terschelling die automatisch naar de volgende afbeelding gaat na 4 sec. Snelkoppeling / Link naar de I nlogpagina Button die ver wijst naar de R egistratiepagina Als hier met de muis over heen gegaan wordt verschijnt er een tooltip met de g ebruikers voor waarden die een schrollbar heef t. Zo wordt de bezoeker niet gehinder t met pop -ups omdat hij vanzelf verdwijnt als de bezoeker met de muis ergens anders naar toe gaat. Als hier met de muis over heen gegaan wordt verschijnt er een tooltip met de pr ivac y regelementen deze tooltip heef t e en schrollbar. Zo wordt de bezoeker niet gehinder t met pop -ups omdat hij vanzelf verdwijnt als de bezoeker met de muis ergens anders naar toe gaat. Snelkoppeling / Link naar de contac tpagina I nvoer veld met voor beeld, max 50 k arakters. Voor beeld verdwijnt als er op wordt gek likt, er k an dan direc t begonnen worden met invullen. I nvoer veld zonder voor beeld, max 50 k arakters. Check box, indien aangevinkt blijf t de persoon ingelogd op de site met dit IP adres Login button. Bij k lik wordt er ingelogt en wordt de gebruiker doorgewezen naar het forum. Snelkoppeling / Link naar pagina om het wacht woord opnieuw aan te vragen. Op deze link k an worden gek likt indien de gebruiker zijn / haar wacht woord is vergeten. Snelkoppeling / Link naar de registratie pagina Foutmelding. D eze tekst verschijnt in beeld als de ver plichte velden niet zijn cor rec t zijn ingevuld. Tevens wordt het label van het desbetreffende veld gemar keerd.
IAD Designing Dialogues
blz. 12
WIREFRAMES Re g i stre re n
3
Ik heb al een account, inloggen
1
Gratis account aanmaken
Foutmelding: U bent ‘X’ vergeten in te vullen
38
Vul de onderstaande gegevens in om direct te beginnen! Tussenvoegsel
Voornaam *
8
Bv. Jan
Bv. van der
8
Achternaam *
8
Bv. Jansen E-mail adres *
8
Bv.
[email protected] Gewenst wachtwoord *
Wachtwoord nogmaals ter controle *
9 16
9
Ik ga akkoord met de gebruikersvoorwaarden
* verplicht in te vullen
Opslaan en naar Profiel
15
Gebruikersvoorwaarden
Privacy
Contact
5
6
7
Vera nt wo ording 1. 2. 3. 4. 5. 6. 7. 8. 9. 15. 16. 38.
Logo. I ndien niet ingelogt ver wijst deze naar de star tpagina bij het k lik ken. I ndien wel ingelogt, dan ver wijst deze naar het forum bij het k lik ken. Slideshow. Plaatjes met mooie foto’s van Terschelling die automatisch naar de volgende afbeelding gaat na 4 sec. Snelkoppeling / Link naar de I nlogpagina Button die ver wijst naar de R egistratiepagina Als hier met de muis over heen gegaan wordt verschijnt er een tooltip met de g ebruikers voor waarden die een schrollbar heef t. Zo wordt de bezoeker niet gehinder t met pop -ups omdat hij vanzelf verdwijnt als de bezoeker met de muis ergens anders naar toe gaat. Als hier met de muis over heen gegaan wordt verschijnt er een tooltip met de pr ivac y regelementen deze tooltip heef t e en schrollbar. Zo wordt de bezoeker niet gehinder t met pop -ups omdat hij vanzelf verdwijnt als de bezoeker met de muis ergens anders naar toe gaat. Snelkoppeling / Link naar de contac tpagina I nvoer veld met voor beeld, max 50 k arakters. Voor beeld verdwijnt als er op wordt gek likt, er k an dan direc t begonnen worden met invullen. I nvoer veld zonder voor beeld, max 50 k arakters. R egistratie button. H ier mee wordt de registratie afgerond en wordt de gebruiker door gelinkt naar de pagina om het profiel in te vullen. Check box, ver plicht om aan te vinken om door te k unnen gaan met de registratie. Foutmelding. D eze tekst verschijnt in beeld als de ver plichte velden niet zijn cor rec t zijn ingevuld. Tevens wordt het label van het desbetreffende veld gemar keerd.
IAD Designing Dialogues
blz. 13
WIREFRAMES Pro f i e l b ewe rke n ( o f a a n m a ken) Algemeen
22 1
Profiel bewerken Algemeen
Forum
Algemeen Voornaam *
Foutmelding: U bent ‘X’ vergeten in te vullen
Anna
17
Profiel Foto
Tussenvoegsel
de
17
Woonomgeving
Achternaam *
Wit
17
Geboorte Datum *
dag
Thuissituatie Hobby’s en Vrije Tijd
21
Geslacht *
18 vrouw
18
Instellingen
Zoeken
Uitloggen
38
18
maand
man
Profiel
jaar
19
* verplicht in te vullen
Opslaan
20
Gebruikersvoorwaarden
Privacy
Contact
5
6
7
Vera nt wo ording 1. 5. 6. 7. 17. 18. 19. 20. 21. 22. 38.
Logo. I ndien niet ingelogt ver wijst deze naar de star tpagina bij het k lik ken. I ndien wel ingelogt, dan ver wijst deze naar het forum bij het k lik ken. Als hier met de muis over heen gegaan wordt verschijnt er een tooltip met de g ebruikers voor waarden die een schrollbar heef t. Zo wordt de bezoeker niet gehinder t met pop -ups omdat hij vanzelf verdwijnt als de bezoeker met de muis ergens anders naar toe gaat. Als hier met de muis over heen gegaan wordt verschijnt er een tooltip met de pr ivac y regelementen deze tooltip heef t e en schrollbar. Zo wordt de bezoeker niet gehinder t met pop -ups omdat hij vanzelf verdwijnt als de bezoeker met de muis ergens anders naar toe gaat. Snelkoppeling / Link naar de contac tpagina. I nvoer veld met al bekende gegevens, max 50 k arakters. Dropdownbox, 1 keuze mogelijk . Bij “Dag” staan de getallen 1 tm 31, bij ‘M aand ’ alle maanden van het jaar en bij ‘Jaar ’ de jaar tallen van 1900 t/m 2011. R adiobutton. Slechts 1 keuze mogelijk . Button. Als hier op wordt gek likt worden de gegevens opgeslagen en verander t de tekst van de button in Wijzigen. Als de gebruiker later wenst deze gegevens aan te passen, k likt men op de button. D e tekst van de button verander t in Opslaan, nu k unnen de velden worden aangepast. Website Navigatie. H ier mee k an de gebruiker door de verschillende pagina’s van de website. Pagina Navigatie. H ier mee k an de gebruiker door de verschillende onderdelen van het profiel om deze aan te passen. Foutmelding. D eze tekst verschijnt in beeld als de ver plichte velden niet zijn cor rec t zijn ingevuld. Tevens wordt het label van het desbetreffende veld gemar keerd.
IAD Designing Dialogues
blz. 14
WIREFRAMES Pro f i e l b ewe rke n ( o f a a n m a ken) Pro fiel Fo to 22 Forum
1
Profiel bewerken
Profiel Foto
Algemeen
Uw foto:
Thuissituatie Hobby’s en Vrije Tijd
Huidige foto verwijderen?
Uitloggen
39
... 25 Uploaden
21
Opslaan
Zoeken
24
Bladeren...
23
Instellingen
Foutmelding: Bestand heeft niet het juiste formaat, of de foto is te groot.
Profiel Foto Woonsituatie
Profiel
29
* De foto mag max. 200 Kb zijn en in .JPG format
20
Gebruikersvoorwaarden
5
Privacy
Contact
6
7
Vera nt wo ording 1. 2. 3. 4. 5. 6. 7. 20. 21. 22. 23. 24. 25. 29. 39.
Logo. I ndien niet ingelogt ver wijst deze naar de star tpagina bij het k lik ken. I ndien wel ingelogt, dan ver wijst deze naar het forum bij het k lik ken. Slideshow. Plaatjes met mooie foto’s van Terschelling die automatisch naar de volgende afbeelding gaat na 4 sec. Snelkoppeling / Link naar de I nlogpagina Button die ver wijst naar de R egistratiepagina Als hier met de muis over heen gegaan wordt verschijnt er een tooltip met de g ebruikers voor waarden die een schrollbar heef t. Zo wordt de bezoeker niet gehinder t met pop -ups omdat hij vanzelf verdwijnt als de bezoeker met de muis ergens anders naar toe gaat. Als hier met de muis over heen gegaan wordt verschijnt er een tooltip met de pr ivac y regelementen deze tooltip heef t e en schrollbar. Zo wordt de bezoeker niet gehinder t met pop -ups omdat hij vanzelf verdwijnt als de bezoeker met de muis ergens anders naar toe gaat. Snelkoppeling / Link naar de contac tpagina Button. Als hier op wordt gek likt worden de gegevens opgeslagen en verander t de tekst van de button in Wijzigen. Als de gebruiker later wenst deze gegevens aan te passen, k likt men op de button. D e tekst van de button verander t in Opslaan, nu k unnen de velden worden aangepast. Website Navigatie. H ier mee k an de gebruiker door de verschillende pagina’s van de website. Pagina Navigatie. H ier mee k an de gebruiker door de verschillende onderdelen van het profiel om deze aan te passen. Foto, indien nog geen foto geupload, niet zichtbaar. Check box, indien aangevinkt en op Opslaan gedrukt wordt de reeds geuploade foto ver wijder t. Bladeren. D oor hier op te k lik ken wordt er een venster geopend waar men door de eigen pc bestanden heen k an bladeren om een foto te openen. Button. K lik hierop om de foto te up loaden die bij 25 is geopend. Foutmelding. D eze komt in beeld als de geopende foto niet aan de r ichtlijnen voldoet om te k unnen worden geupload.
IAD Designing Dialogues
blz. 15
WIREFRAMES Pro f i e l b ewe rke n ( o f a a n m a ken) Wo o no mgeving
22
1
Profiel bewerken
Woonomgeving Woonplaats *
Algemeen Profiel Foto Woonomgeving Thuissituatie Hobby’s en Vrije Tijd
Forum
Profiel
Instellingen
Foutmelding: U bent ‘X’ vergeten in te vullen
West-Terschelling
Baaiduinen
Midsland
Lies
Hoorn
Oosterend
Formerum
Landerum
19
Zoeken
Uitloggen
38
Kinnum Hee Striep Horp / Kaard
Welke activiteiten zou u met uw dropsgenoten willen doen?
21
9 Wat vind u prettig aan het wonen op Terschelling?
9 Wat zou u willen veranderen aan uw woonomgeving als u iets zou willen veranderen?
9 Opslaan
20
* verplicht in te vullen
Gebruikersvoorwaarden
Privacy
Contact
5
6
7
Vera nt wo ording 1. 2. 3. 4. 5. 6. 7. 9. 19. 20. 21. 22. 38.
Logo. I ndien niet ingelogt ver wijst deze naar de star tpagina bij het k lik ken. I ndien wel ingelogt, dan ver wijst deze naar het forum bij het k lik ken. Slideshow. Plaatjes met mooie foto’s van Terschelling die automatisch naar de volgende afbeelding gaat na 4 sec. Snelkoppeling / Link naar de I nlogpagina Button die ver wijst naar de R egistratiepagina Als hier met de muis over heen gegaan wordt verschijnt er een tooltip met de g ebruikers voor waarden die een schrollbar heef t. Zo wordt de bezoeker niet gehinder t met pop -ups omdat hij vanzelf verdwijnt als de bezoeker met de muis ergens anders naar toe gaat. Als hier met de muis over heen gegaan wordt verschijnt er een tooltip met de pr ivac y regelementen deze tooltip heef t e en schrollbar. Zo wordt de bezoeker niet gehinder t met pop -ups omdat hij vanzelf verdwijnt als de bezoeker met de muis ergens anders naar toe gaat. Snelkoppeling / Link naar de contac tpagina. I nvoer veld zonder voor beeld, max 50 k arakters. R adiobutton. Slechts 1 keuze mogelijk . Button. Als hier op wordt gek likt worden de gegevens opgeslagen en verander t de tekst van de button in Wijzigen. Als de gebruiker later wenst deze gegevens aan te passen, k likt men op de button. D e tekst van de button verander t in Opslaan, nu k unnen de velden worden aangepast. Website Navigatie. H ier mee k an de gebruiker door de verschillende pagina’s van de website. Pagina Navigatie. H ier mee k an de gebruiker door de verschillende onderdelen van het profiel om deze aan te passen. Foutmelding. D eze tekst verschijnt in beeld als de ver plichte velden niet zijn cor rec t zijn ingevuld. Tevens wordt het label van het desbetreffende veld gemar keerd.
IAD Designing Dialogues
blz. 16
WIREFRAMES Pro f i e l b ewe rke n ( o f a a n m a ken) Thu issit u at ie
22 Forum
1
Profiel bewerken
Foutmelding: U bent ‘X’ vergeten in te vullen
Instellingen
Zoeken
Uitloggen
38
Beroep *
Algemeen
8
Bv. Bakker
Profiel Foto
Burgelijke Staat *
Woonomgeving
18
Selecteer ...
Thuissituatie Hobby’s en Vrije Tijd
Thuissituatie
Profiel
21
Aantal Kinderen *
18
Selecteer ...
In de Leeftijd van: (meerdere opties mogelijk)
14 * verplicht in te vullen
Opslaan
Baby
Puber / Adolecent
Peuter
Volwassen Thuiswonend
Kleuter
Volwassen Uitwonend
Schoolgaand
Kleinkinderen
20
Gebruikersvoorwaarden
Privacy
Contact
5
6
7
Vera nt wo ording 1. 2. 3. 4. 5. 6. 7. 8. 14. 18. 20. 21. 22. 38.
Logo. I ndien niet ingelogt ver wijst deze naar de star tpagina bij het k lik ken. I ndien wel ingelogt, dan ver wijst deze naar het forum bij het k lik ken. Slideshow. Plaatjes met mooie foto’s van Terschelling die automatisch naar de volgende afbeelding gaat na 4 sec. Snelkoppeling / Link naar de I nlogpagina Button die ver wijst naar de R egistratiepagina Als hier met de muis over heen gegaan wordt verschijnt er een tooltip met de g ebruikers voor waarden die een schrollbar heef t. Zo wordt de bezoeker niet gehinder t met pop -ups omdat hij vanzelf verdwijnt als de bezoeker met de muis ergens anders naar toe gaat. Als hier met de muis over heen gegaan wordt verschijnt er een tooltip met de pr ivac y regelementen deze tooltip heef t e en schrollbar. Zo wordt de bezoeker niet gehinder t met pop -ups omdat hij vanzelf verdwijnt als de bezoeker met de muis ergens anders naar toe gaat. Snelkoppeling / Link naar de contac tpagina. I nvoer veld met voor beeld, max 50 k arakters. Voor beeld verdwijnt als er op wordt gek likt, er k an dan direc t begonnen worden met invullen. D eze ser ie check boxen verschijnt als het aantal k inderen positief is ingevuld. Anders is dit niet zichtbaar. Er k unnen meerdere check boxen worden aangevinkt. Dropdownbox, 1 keuze mogelijk . Bij ‘Burgelijke Staat ’ is de keus uit de velden: G etrouwd, G escheiden, Ver loofd, R elatie niet samenwonend, R elatie S amenwonend en Alleenstaand. Bij ‘A antal K inderen’ is de keus uit: G een, 1 k ind, 2 k inderen, meer dan 2 k inderen. Button. Als hier op wordt gek likt worden de gegevens opgeslagen en verander t de tekst van de button in Wijzigen. Als de gebruiker later wenst deze gegevens aan te passen, k likt men op de button. D e tekst van de button verander t in Opslaan, nu k unnen de velden worden aangepast. Website Navigatie. H ier mee k an de gebruiker door de verschillende pagina’s van de website. Pagina Navigatie. H ier mee k an de gebruiker door de verschillende onderdelen van het profiel om deze aan te passen. Foutmelding. D eze tekst verschijnt in beeld als de ver plichte velden niet zijn cor rec t zijn ingevuld. Tevens wordt het label van het desbetreffende veld gemar keerd.
IAD Designing Dialogues
blz. 17
WIREFRAMES Pro f i e l b ewe rke n ( o f a a n m a ken) Ho bby ’s en Vr ijet ijd
22 Forum
1
Profiel bewerken
Fotografie
Profiel Foto
21
Hobby’s en Vrije Tijd
Zoeken
Uitloggen
38
Politieke voorkeur
26
Tuinnieren
Wandelen
Woonomgeving
Instellingen
Foutmelding: U bent ‘X’ vergeten in te vullen
Uw hobby’s
Algemeen
Thuissituatie
Hobby’s en Vrije tijd
Profiel
Selecteer ...
18
Potten bakken Religie
Schilderen
Koken
Knutselen
Anders, namelijk:
Selecteer ...
27
18
Sport die u beoefend Tennis
26
Fitness
Hardlopen
Badminton
Fietsen
Korfbal
(Kite) Surfen
Anders, namelijk:
Opslaan
27
20
Gebruikersvoorwaarden
5
Privacy
Contact
6
7
Vera nt wo ording 1. 2. 3. 4. 5. 6. 7. 18. 20. 21. 22. 26. 27. 38.
Logo. I ndien niet ingelogt ver wijst deze naar de star tpagina bij het k lik ken. I ndien wel ingelogt, dan ver wijst deze naar het forum bij het k lik ken. Slideshow. Plaatjes met mooie foto’s van Terschelling die automatisch naar de volgende afbeelding gaat na 4 sec. Snelkoppeling / Link naar de I nlogpagina Button die ver wijst naar de R egistratiepagina Als hier met de muis over heen gegaan wordt verschijnt er een tooltip met de g ebruikers voor waarden die een schrollbar heef t. Zo wordt de bezoeker niet gehinder t met pop -ups omdat hij vanzelf verdwijnt als de bezoeker met de muis ergens anders naar toe gaat. Als hier met de muis over heen gegaan wordt verschijnt er een tooltip met de pr ivac y regelementen deze tooltip heef t e en schrollbar. Zo wordt de bezoeker niet gehinder t met pop -ups omdat hij vanzelf verdwijnt als de bezoeker met de muis ergens anders naar toe gaat. Snelkoppeling / Link naar de contac tpagina. Dropdownbox, 1 keuze mogelijk . Bij Politieke voor keur is de keus uit: SP, Groen Links, PVDD, PVDA, D66, CDA, PV V, V VD, SGP of Anders. En bij R eligie: chr istelijk gerefor meerd, chr istelijk her vor md, k atholiek , joods, islam, niet praktiserend en niet gelovig. Button. Als hier op wordt gek likt worden de gegevens opgeslagen en verander t de tekst van de button in Wijzigen. Als de gebruiker later wenst deze gegevens aan te passen, k likt men op de button. D e tekst van de button verander t in Opslaan, nu k unnen de velden worden aangepast. Website Navigatie. H ier mee k an de gebruiker door de verschillende pagina’s van de website. Pagina Navigatie. H ier mee k an de gebruiker door de verschillende onderdelen van het profiel om deze aan te passen. S er ie Check boxen waar bij er meerdere keuzes aangevinkt k unnen worden. I nvoer veld, optie voor 1 over ige keuze. Foutmelding. D eze tekst verschijnt in beeld als de ver plichte velden niet zijn cor rec t zijn ingevuld. Tevens wordt het label van het desbetreffende veld gemar keerd.
IAD Designing Dialogues
blz. 18
VISUALS De We bs i te
H i e ro n d e r k o m en de Vi su a l s zo a l s de p agina; s er uit zoud en komen te zien.
Inloggen
Alle inwoners van Terschelling ook online bij elkaar! Leg contact met dorpsbewoners en andere eiland bewoners, discussieer met elkaar, organiseer met elkaar, help elkaar en vind elkaar. Het doel van deze community is om de binding tussen de vaste eilandbewoners nog hechter te maken. We gaan met onze tijd mee... Jij toch ook?
Bekijk de website!
Gebruikersvoorwaarden
Privacy
Contact
Privacy
Contact
Inloggen E-mail adres Bv.
[email protected] Wachtwoord
Onthoud mij
Login * verplicht in te vullen
Wachtwoord Vergeten? Nog geen account? Registreren
Gebruikersvoorwaarden
IAD Designing Dialogues
blz. 19
VISUALS De We bs i te
H i e ro n d e r k o m en de Vi su a l s zo a l s de p agina; s er uit zoud en komen te zien.
Ik heb al een account, inloggen
Gratis account aanmaken Vul de onderstaande gegevens in om direct te beginnen! Tussenvoegsel
Voornaam * Bv. Jan
Bv. van der
Achternaam * Bv. Jansen E-mail adres * Bv.
[email protected] Gewenst wachtwoord *
Wachtwoord nogmaals ter controle *
Ik ga akkoord met de gebruikersvoorwaarden
* verplicht in te vullen
Opslaan en naar Profiel
Gebruikersvoorwaarden
Privacy
Contact
Forum
Profiel bewerken Algemeen Profiel Foto Woonomgeving
Profiel
Instellingen
Zoeken
Uitloggen
Algemeen Voornaam Tussenvoegsel
Anna de
Achternaam
Wit
Geboorte Datum
dag
Thuissituatie Hobby’s en Vrije Tijd
Geslacht
maand
vrouw
jaar
man
* verplicht in te vullen
Opslaan
Gebruikersvoorwaarden
IAD Designing Dialogues
Privacy
Contact
blz. 20
VISUALS De We bs i te
H i e ro n d e r k o m en de Vi su a l s zo a l s de p agina; s er uit zoud en komen te zien.
Forum
Profiel bewerken
Profiel Foto
Algemeen
Uw foto:
Profiel
Instellingen
Zoeken
Uitloggen
Huidige foto verwijderen?
Profiel Foto
...
Bladeren...
Woonomgeving
Uploaden
Thuissituatie Hobby’s en Vrije Tijd
* De foto mag max. 200 Kb zijn en in .JPG format
Opslaan
Gebruikersvoorwaarden
Privacy
Contact
Forum
Profiel bewerken Algemeen
Instellingen
Zoeken
Uitloggen
Woonomgeving Woonplaats *
Profiel Foto Woonomgeving Thuissituatie
Profiel
West-Terschelling
Baaiduinen
Kinnum
Midsland
Lies
Hee
Hoorn
Oosterend
Striep
Formerum
Landerum
Horp / Kaard
Welke activiteiten zou u met uw dropsgenoten willen doen?
Hobby’s en Vrije Tijd Wat vind u prettig aan het wonen op Terschelling?
Wat zou u willen veranderen aan uw woonomgeving als u iets zou willen veranderen?
Opslaan
* verplicht in te vullen
Gebruikersvoorwaarden
IAD Designing Dialogues
Privacy
Contact
blz. 21
VISUALS De We bs i te
H i e ro n d e r k o m en de Vi su a l s zo a l s de p agina; s er uit zoud en komen te zien.
Forum
Profiel bewerken Algemeen Profiel Foto Woonomgeving Thuissituatie Hobby’s en Vrije Tijd
Profiel
Instellingen
Zoeken
Uitloggen
Thuissituatie Beroep * Bv. Bakker Burgelijke Staat * Selecteer ... Aantal Kinderen * Selecteer ...
In de Leeftijd van: (meerdere opties mogelijk)
* verplicht in te vullen
Baby
Puber / Adolecent
Peuter
Volwassen Thuiswonend
Kleuter
Volwassen Uitwonend
Schoolgaand
Kleinkinderen
Opslaan
Gebruikersvoorwaarden
Privacy
Contact
Forum
Profiel bewerken Algemeen Profiel Foto Woonomgeving
Profiel
Instellingen
Zoeken
Uitloggen
Hobby’s en Vrije tijd Politieke voorkeur
Uw hobby’s Fotografie
Tuinnieren
Wandelen
Potten bakken
Selecteer ... Religie
Schilderen
Koken
Knutselen
Anders, namelijk:
Selecteer ...
Thuissituatie Hobby’s en Vrije Tijd Instellingen
Sport die u beoefend Tennis
Fitness
Hardlopen
Badminton
Fietsen
Korfbal
(Kite) Surfen
Anders, namelijk:
Opslaan
Gebruikersvoorwaarden
IAD Designing Dialogues
Privacy
Contact
blz. 22
BRONNEN G eb rui k te Bro nne n http: / / w w w. m a r keti n g f a c ts.n l /ber i chten/t ien_t ip s_voor _b etere_cont ac t for mu l i e re n / http: / / w w w. te rs ch el l i n g.n l /i n dex.php ?sim ac t ion=content &med iumid =1&p agid =1 9 w w w. ve c to r- l o go s.co m/l o go - en - 95903. ht ml I nte rac t i o n D e s i gn 101 Fa ceb o o k Pe pp e r Gm a i l
IAD Designing Dialogues
blz. 23
BIJLAGE 1 Do e l g ro e p R e s e a rc h Terschelling, een profielschets Terschelling is het middelste Nederlandse Waddeneiland. Sinds eeuwen heeft de mens de ligging van Terschelling benut. In vroegere dagen beschutte de Dellewalbaai - de enige natuurlijke baai van Nederland - de vissers- en handelsschepen tegen storm en slecht weer. Tegenwoordig weten duizenden watertoeristen zich veilig in de prachtige passantenhaven. Ook het eiland zelf met zijn unieke sfeer, natuur en landschap is erg in trek bij toeristen. Daarmee zijn drie belangrijke pijlers van het eiland genoemd: de zee, het toerisme en de natuur. De zee Door de gunstige ligging aan het zeegat ‘t Vlie profteerde Terschelling van de opkomst van de Hanzesteden rond de Zuiderzee. Later raakte het verbonden met Amsterdam en de Compagnieën. Uit die tijd stammen de initiatieven voor een vuurtoren en loodsdiensten. De nauwe betrekkingen die Terschelling onderhield met de handelsvaart en de visserij resulteerde in 1875 in de oprichting van de zeevaartschool Willem Barentsz. Mede hierdoor en door de centrale ligging van het eiland zijn er belangrijke nautische diensten op het eiland gevestigd, zoals de vaarwegmarkeringsdienst, de Kustwacht en de verkeerscentrale Brandaris, die tevens Centrale Meldpost Waddenzee is. Het Toerisme De toename van vrije tijd in de tweede helft van de twintigste eeuw zorgde ook op Terschelling voor de opkomst van het toerisme. Waren de eerste voorzieningen nog van eenvoudige aard, gaandeweg is Terschelling een toeristisch product gaan leveren dat gezien mag worden. Er is en wordt nog steeds voor gewaakt dat dit niet ten koste gaat van de derde pijler waar de kracht van het eiland op rust, namelijk de natuur. De natuur De bijzondere combinatie van een strandwal en de daar achter gelegen kwelders maken dat er een unieke variatie aan landschappen bestaat. Het natuurschoon op Terschelling is het product van de samenwerking tussen mens en natuur. Zonder het opwerpen van de Stuifdijk ten oosten van Oosterend zou bijvoorbeeld het Europees Natuurreservaat De Boschplaat niet zijn ontstaan. Ook de prachtige bossen en het elzensingel-gebied zouden er zonder de mens niet zijn geweest, terwijl het Terschellinger product de ‘cranberry’ zonder menselijke bemoeienis niet zo goed wortel had kunnen schieten. De polder is het resultaat van de agrarische bedrijvigheid. Een wijds en open gebied waar het menselijk gebruik en de natuurwaarden goed op elkaar zijn afgestemd. Tevens is de polder een van de vogelrijkste gebieden in Nederland. Op www.boerenopterschelling.nl kunt u meer lezen over de activiteiten en producten van de eilander boeren.
IAD Designing Dialogues
blz. 24
BIJLAGE 1 Do e l g ro e p R e s e a rc h Enkele cijfers Het bevolkingsaantal van 4.732 inwoners (1 januari 2010) is, gelet op de oppervlakte van de gemeente, niet groot. De oppervlakte van de gemeente Terschelling bedraagt totaal 67.400 ha (8.935 ha land en binnenwater en 58.465 ha zee). Het grootste gedeelte hiervan is uiteraard Waddenzee. Ligging en verbindingen Terschelling wordt aan de noordkant begrensd door de Noordzee en aan de zuidkant door de Waddenzee. De dichtst bij zijnde haven aan de vaste wal is Harlingen. Deze havenplaats ligt hemelsbreed ongeveer 25 km van Terschelling en via de vaargeulen circa 35 km. Het weer Het eilandklimaat is, en maar weinigen weten dat, niet Nederlands. Gemiddeld schijnt de zon op het eiland tweemaal zo vaak als in de rest van Nederland. Er is ook meer wind, dat moet er eerlijkheidshalve bij gezegd worden. Maar die laat regenbuien snel overdrijven en geeft het eiland haar schone lucht. De langzaam veranderende temperatuur van het Noordzeewater is het hele jaar door merkbaar. De winters zijn zacht en sneeuwrijk. Het voorjaar is zonnig en groeizaam. De zomer koeler dan op het vaste land maar met veel zon. De herfst is lang met een prachtige lauwwarme septembermaand en mooi en geurig tot in oktober. Pas de novemberstormen maken daar een einde aan. Waterwegverbindingen/scheepvaart De vaartijd van Harlingen naar Terschelling bedragt ongeveer twee uur. De vaartijd van de sneldienst is ongeveer drie kwartier. Op sommige diensten wordt ook het buureiland Vlieland aangedaan. Havens Vanaf 1 januari 2006 is het gehele havengebied in West-Terschelling in eigendom bij de gemeente Terschelling. Het gemeentelijk havenbedrijf (havenmeester 0562 - 442235) is verantwoordelijk voor het beheer en de exploitatie van de haven De Kom en de voormalige rijkshaven. Deze twee havens bieden plaats aan o.a de schepen van de reddingsmaatschappij, de lokale bergers, de veerboten, de Terschellinger vissersvloot, rondvaartboten en de zogenoemde bruine vloot. In de Dellewalbaai is de Terschellinger passantenhaven gesitueerd. Deze modern ingerichte haven wordt beheerd door de Stichting Passantenhaven Terschelling (havenmeesters: tel. 0562 - 443337) en beschikt o.a. over een wasserette, een speeltuin, internet, brandstofvoorziening, water- en elktriciteitsvoorzingen op de steigers en een toiletgebouw.
IAD Designing Dialogues
blz. 25
BIJLAGE 1 Do e l g ro e p R e s e a rc h Vliegverkeer In noodgevallen kan de bevolking van Terschelling een beroep doen op de vliegbasis Leeuwarden. Daar staat permanent een helikopter gereed om bij calamiteiten naar Terschelling te vliegen. De helikopterlandingsplaats is centraal op het eiland westelijk van Midsland gesitueerd. Buiten deze bijzondere noodzaak tot vervoer door de lucht is verder geen vliegverkeer toegestaan. Streekvervoer Busmaatschappij Arriva onderhoudt een dienstregeling op het eiland. Dagelijks rijden er geregeld bussen van West-Terschelling naar West aan Zee en Oosterend en v.v. Een deel van deze busdiensten sluit aan op de vertrekkende en aankomende veerboten. Iedere zaterdag, dagelijks in de vakanties en in de maanden juli en augustus rijdt er in de late uren een nachtbus op Terschelling. Wegen De dorpen op het eiland worden met elkaar verbonden door de 15 kilometer lange Hoofdweg. Daarnaast zijn er enige zijwegen die leiden naar de strandovergangen. Voorts beschikt Terschelling over circa 83 kilometer fietspad. De fiets is dan ook het (vakantie)vervoermiddel bij uitstek.
Het voorzieningenpakket Onderwijs Terschelling heeft 5 basisscholen (3 openbaar en 2 bijzonder), verspreid over de kernen West-Terschelling, Midsland en Hoorn. In Midsland, centraal op het eiland, staat de gemeentelijke scholengemeenschap ‘t Schylger Jouw voor VMBO. Om aansluiting met het VWO-onderwijs te bewerkstelligen is er een overeenkomst met een scholengemeenschap in Harlingen en worden o.a. lesmethoden op elkaar afgestemd. Daarnaast is de eilander situatie aanleiding geweest een tele-leren experiment op te starten. In West-Terschelling staat het Maritiem Instituut ‘Willem Barentsz’ (zeevaartschool), een aparte faculteit binnen de Stichting Noordelijke Hogeschool Leeuwarden. Verder is het op Terschelling mogelijk volwasseneducatie te volgen. Jaarlijks wordt hiertoe een uitgebreid lesprogramma aangeboden. Ook hier is een vorm tele-leren mogelijk via het lesproject open and distance learning.
IAD Designing Dialogues
blz. 26
BIJLAGE 1 Do e l g ro e p R e s e a rc h Volksgezondheid Naast een uitgebreide eerstelijnsvoorziening (huisartsen, tandartsen en maatschappelijk werk), een fysiotherapiepraktijk, gezins- en bejaardenzorg en thuiszorg, beschikt Terschelling over een zorgcentrum/verpleegtehuis (inclusief psychogeriatrische bedden). Sport en ontspanning Terschelling heeft een rijk en gevarieerd verenigingsleven. Terschelling beschikt over verschillende binnen- en buitensportaccommodaties (voetbalvelden te West-Terschelling, Midsland en Hoorn; een tenniscomplex aan de Sportlaan te West-Terschelling en sportzalen te West, Midsland en Hoorn). Naast de mogelijkheden om in zee te zwemmen heeft Terschelling ook een prachtig gelegen overdekt zwembad, het subtropisch zwemparadijs ‘De Dôbe’ in West-Terschelling. De nabijheid van de zee brengt met zich mee dat watersport in het algemeen en zeil-, kano- roei- en surfsport in het bijzonder goed bedreven kunnen worden. Er wordt op het eiland ook veel paard gereden. Een omvangrijk net van ruiter- en menpaden nodigt daartoe ook wel uit. Paarden zijn op een aantal plaatsen te huur. Op Terschelling wordt vooral ‘s winters, maar natuurlijk ook in de zomer voor de toeristen, veel gedaan aan het in ere houden van typisch Terschellinger gebruiken c.q. culturele activiteiten. Er zijn mogelijkheden te over om hier aan deel te nemen (van een cursus splitsen en knopen tot het zingen van ‘oude liederen’). Recreatie en toerisme De belangrijkste pijler van de werkgelegenheid is het toerisme. Terschelling biedt met zijn meer dan 70 voornamelijk kleinschalige kampeerterreinen, groepsaccommodaties en (appartementen)hotels en pensions een gevarieerd slaapplaatsenaanbod. De zomerwoningen en appartementen op Terschelling bieden slaapplaats aan ruim 5.000 ‘bad’gasten. Daarnaast biedt de passantenhaven in WestTerschelling ligplaats aan zo’n 350 schepen en is de haven voor de zogenaamde bruine vloot (charterzeilschepen) regelmatig gevuld met rond de 30 vaartuigen. Uit deze cijfers blijkt zonneklaar dat de mogelijkheden voor de verblijfsrecreant op Terschelling talrijk zijn. Exclusief de havens heeft Terschelling een totale capaciteit van ongeveer 19.500 bedden. Inwoners Aantal inwoners: 4.732 (1 januari 2010). Aantal inwoners per dorp: West-Terschelling 2.423, Hee 29, Horp/Kaard 14, Kinnum 41, Baaiduinen 109, Striep 29, Midsland 1015, Landerum 85, Formerum 237, Lies 140, Hoorn 478 en Oosterend 132. Aantal huisadressen (TNT Post): 2.200.
IAD Designing Dialogues
blz. 27
BIJLAGE 2 Pa p i e r S ch e t s e n
IAD Designing Dialogues
blz. 28
BIJLAGE 2 Pa p i e r S ch e t s e n
IAD Designing Dialogues
blz. 29
BIJLAGE 2 Pa p i e r S ch e t s e n
IAD Designing Dialogues
blz. 30
BIJLAGE 3 D ig i ta l e S ch e t s e n
Registreren Voornaam * Tussenvoegsel Achternaam * Jouw e-mail adres * Bevestig e-mail adres * Gewenst wachtwoord * * Verplicht in te vullen
Registreren
Algemeen Voornaam * Tussenvoegsel Achternaam * E-mail Adres Geboorte Datum Geslacht
dag
maand
vrouw
jaar
...
man Uploaden
* Verplicht in te vullen
Volgende
Woonsituatie 1 Woonplaats *
West-Terschelling
Baaiduinen
Kinnum
Midsland
Lies
Hee
Hoorn
Oosterend
Striep
Formerum
Landerum
Horp / Kaard
Welke activiteiten zou u met uw dropsgenoten willen doen? <- Keuzelijst Wat vind u prettig aan het wonen op Terschelling?
Wat zou er volgens u beter kunnen aan uw woonomgeving?
<- Vraag anders formuleren...
* Verplicht in te vullen
IAD Designing Dialogues
blz. 31
BIJLAGE 3 D ig i ta l e S ch e t s e n Thuissituatie Beroep Burgelijke Staat
Selecteer
Aantal Kinderen
Selecteer aantal
In de Leeftijd van
Baby
Puber / Adolecent
Peuter
Volwassen Thuiswonend
Kleuter
Volwassen Uitwonend
Schoolgaand
Kleinkinderen
Volgende
* Verplicht in te vullen
Woonomgeving II Welke activiteiten zou u met uw dropsgenoten willen doen? Toevoegen Wat vind u prettig aan het wonen op Terschelling?
Wat zou er volgens u beter kunnen aan uw woonomgeving?
Volgende
* Verplicht in te vullen
Hobby’s en Vrijetijd Uw hobby’s Toevoegen Sport die u beoefend Toevoegen
Volgende
* Verplicht in te vullen
IAD Designing Dialogues
blz. 32