Interaction Design. Eindopdracht v1.0. Designing Dialogues Naam: Meleny Spits Klas: CMD1i Studentnummer: Docent: Edwin Rooseman

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.


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.


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.


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.


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…


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?


blz. 8

ONDERZOEK Pa p i e r S ch e t s e n Meet schetsen vind u in bijlage 2 en 3


blz. 9

SCHETSEN Pa p i e r S ch e t s e n


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


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


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.


blz. 12

WIREFRAMES Re g i stre re n

3

Ik heb al een account, inloggen

1

Gratis account aanmaken


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


Opslaan en naar Profiel

15


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.


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 *


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


Opslaan

20


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.


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:


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


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.


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


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



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.


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


Instellingen

Zoeken

Uitloggen

38

Beroep *

Algemeen

8

Bv. Bakker

Profiel Foto

Burgelijke Staat *

Woonomgeving

18

Selecteer ...


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


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.


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


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


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.


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!


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



blz. 19



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


Opslaan en naar Profiel


Privacy

Contact

Forum

Profiel bewerken Algemeen Profiel Foto Woonomgeving

Profiel

Instellingen

Zoeken

Uitloggen

Algemeen Voornaam Tussenvoegsel

Anna de

Achternaam

Wit

Geboorte Datum

dag


Geslacht

maand

vrouw

jaar

man


Opslaan



Privacy

Contact

blz. 20



Forum

Profiel bewerken

Profiel Foto

Algemeen

Uw foto:

Profiel

Instellingen

Zoeken

Uitloggen

Huidige foto verwijderen?

Profiel Foto

...

Bladeren...

Woonomgeving

Uploaden


* De foto mag max. 200 Kb zijn en in .JPG format

Opslaan


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




Privacy

Contact

blz. 21



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)


Baby

Puber / Adolecent

Peuter


Kleuter

Volwassen Uitwonend

Schoolgaand

Kleinkinderen

Opslaan


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



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


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.


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.


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.


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.


blz. 27

BIJLAGE 2 Pa p i e r S ch e t s e n


blz. 28



blz. 29



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



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


Kleuter

Volwassen Uitwonend

Schoolgaand

Kleinkinderen

Volgende


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


Hobby’s en Vrijetijd Uw hobby’s Toevoegen Sport die u beoefend Toevoegen

Volgende



blz. 32

Interaction Design. Eindopdracht v1.0. Designing Dialogues Naam: Meleny Spits Klas: CMD1i Studentnummer: Docent: Edwin Rooseman

Recommend Documents