Van persona s en scenario s naar wireframes. Lay-out met grid

Save this PDF as:
 WORD  PNG  TXT  JPG

Maat: px
Weergave met pagina beginnen:

Download "Van persona s en scenario s naar wireframes. Lay-out met grid"

Transcriptie

1 Interaction Design Van persona s en scenario s naar wireframes Lay-out met grid Louis Klomp X8.10 / X7.96 Tel ( ) 9908

2 Wat gaan we doen deze week? Persona s Scenario s Conceptueel Model Doelgroep Behoeftes Wireframe Requirements

3 Wat zijn de behoeftes? Voor het vaststellen van specificaties, eisen en wensen eerst nagaan wat de behoeftes van de gebruikers zijn Kijk naar bestaande activiteiten: hun context welke informatie ze nodig hebben? met wie wordt samengewerkt bij de activiteiten? waarom worden ze nu zo uitgevoerd?...

4 Behoeftes van je persona Persona s Doelgroep Behoeftes

5 Wat zijn requirements? Globale specificaties, eisen en wensen Ook wel Programma van Eisen (PvE) genoemd Verschillende soorten

6 Je moet er mee kunnen bellen

7 Wie heeft er toegang tot welke data?

8 Waar staat de interface?

9 Gebruikers, wie zijn het? Kenmerken: vaardigheden, achtergrond, houding tegenover computers Systeemgebruik: naief, expert, frequent, incidenteel naief: stapsgewijs (bij de hand nemen), vereenvoudigde, duidelijke informatie expert: flexibiliteit, snelle toegankelijkheid, krachtigheid frequent: short cuts incidenteel: heldere instructies, bv. menu-paden

10 Gebruiksvriendelijk?

11 Usability O.a: Effectiviteit, Leerbaarheid, Efficiëntie, Snelheid van gebruik, Flexibiliteit, Tevredenheid

12 Soorten requirements Functionele requirements Data requirements Contextuele requirements Gebruikers Usability

13 Requirements en scenario s Persona s Scenario s Conceptueel Model Doelgroep Behoeftes Requirements

14 Hoe past alles in elkaar? Scenario s welke informatie-uitwisseling (tussen gebruiker en product) is nodig om met die objecten te kunnen doen wat de gebruiker wil doen Conceptueel model wat zijn de begrippen, objecten waarmee gewerkt wordt

15 Hoe past alles in elkaar? Scenario s welke informatie-uitwisseling (tussen gebruiker en product) is nodig om met die objecten te kunnen doen wat de gebruiker wil doen Conceptueel model wat zijn de begrippen, objecten waarmee gewerkt wordt

16 Hoe past alles in elkaar? Scenario s welke informatie-uitwisseling (tussen gebruiker en product) is nodig om met die objecten te kunnen doen wat de gebruiker wil doen Conceptueel model wat zijn de begrippen, objecten waarmee gewerkt wordt

17 Schermontwerp Conceptueel Model Functies over schermen verdelen Scenario s en conceptueel model als startpunt Voor elke stap een apart scherm? Te veel simpele schermen frustreren Houd informatie beschikbaar

18 Van scenario naar schermen Per scenario vaststellen: Conceptueel Model Frequentie snel bereikbare functies, efficientie, snel corrigeerbaar Belang zeer goede feedback, gevoel van zekerheid, effectiviteit belangrijke volgordes structuur, hoofdmenu, diepere lagen, sprongen tussen menu s, links prioriteit van usability en user experience requirements

19 Hoe ga je van je scenario naar een conceptueel model? Elk scenario is pad door de interface structuur Trek lijnen tussen de regels van je scenario waar het verhaal overgaat naar een nieuw scherm Markeer de werkwoorden en zelfstandignaamwoorden Bepaal voor elk scherm de getoonde informatie en de bedieningselementen Teken een stroomdiagram van de schermen en hun onderlinge verbanden

20

21

22

23 Interface-structuur Conceptueel Model Per scherm: welke informatie (welke objecten) moeten er getoond worden? inhoudelijke objecten (uit je conceptuele model) navigatie-objecten (om te bewegen door de structuur; bijvoorbeeld back ) Van waar kun je naar waar?

24 Hoe ontwerp je een interfacestructuur? Conceptueel Model je op w el k sc he r m? H oe ve el fu nc tie s/i nf or m ati e pe r1 sc he r W at ko mt op w el ke pl ek? ( W ire fr a mi ng ) 2

25 Hoe ontwerp je een interfacestructuur? Conceptueel Model Beginnen vanuit scenario s Ieder scenario moet een pad worden door die interface structuur Begin met een structuur te tekenen of te leggen met kaartjes (Post-Its). Scenario s doorspelen (eerst zelf, later met gebruikers: prototyping)

26 Wireframing Persona s Scenario s Conceptueel Model Doelgroep Behoeftes Wireframe Requirements

27 Wireframing Wireframe je op w el k sc he r m? H oe ve el fu nc tie s/i nf or m ati e pe r1 sc he r W at ko mt op w el ke pl ek? ( W ire fr a mi ng ) 2

28 Wireframing of wireframing? Wireframe

29

30 Interaction Design Ontwerpen met een Grid

31

32

33

34 Waarom een grid? Proportionele en overzichtelijke indeling Relationeel en systematisch denken tijdens het designen Betere controle over het design De bezoeker zal de website aangenamer ervaren en makkelijker kunnen lezen.

35 Gridbreedte Ontwerpen voor 1024x768 (januari 2012) Kleiner dan 1024: Tussen 1024 en 1440: Groter dan 1680: 2,1% 76,5% 21,4% 1024 scrollbar = +/_ 1007pixels 960 is deelbaar door 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480.

36 12 Kolommen

37 2x6, 3x4

38 Tip Maak de gutter (de geul tussen 2 kolommen) een oneven aantal pixels breed, dan kun je een evt. lijn precies in het midden plaatsen Voor een breedte van 960 pixels en 12 kolommen kom je uit op Kolom + geul = 80 pixels Stel geul = 17 pixels kolom = 63 pixels 4 Kolommen = = 303 pixels Enz.

39 Baseline grid De baseline grid wordt gebruikt om verticale harmonie te brengen in de teksten. De onderkant van elke regel tekst samenvalt met de horizontale lijnen bepaald door de lineheight van de tekst. Ideaal is een lineheight die 150% is van de tekstgrootte. Stel je gebruikt een font met een standaard tekstgrootte van 12px. Vermenigvuldig die 12 met 1.5 en je krijgt een lineheight van 18px die tevens jou baseline grid bepaalt.

40

41

42

43

44 Opdracht week 4 Studie-app voor een tablet Bepaal (en beargumenteer) per categorie de requirements Stel per scenario het belang en de frequentie vast. Verdeel de scenario s in schermen Bepaal per scherm de inhoudelijke en de navigatie elementen Maak een flowchart Maak een wireframe ontwerp van de schermen

45 Woensdag vanaf 14:30 uur Intekenlijst bij X8.10

Card sorting Sitemap Use case. Wireframes Schermontwerpen Stijlgids. Niet in les gedaan! Via je einddocument. Verkennen. Genereren.

Card sorting Sitemap Use case. Wireframes Schermontwerpen Stijlgids. Niet in les gedaan! Via je einddocument. Verkennen. Genereren. Hoorcollege 4 Verkennen Genereren Evalueren Communiceren Card sorting Sitemap Use case Wireframes Schermontwerpen Stijlgids Niet in les gedaan! Via je einddocument Schermontwerpen Pauze Stijlgids Feedback

Nadere informatie

onderzoek ontwerp realisatie implementatie

onderzoek ontwerp realisatie implementatie Usability testing onderzoek ontwerp realisatie implementatie onderzoek concept ontwerpen prototype realisatie & specificatie onderzoek ontwerp realisatie implementatie vandaag onderzoek ontwerp realisatie

Nadere informatie

Usability & Interface Design

Usability & Interface Design Usability & Interface Design Marco Corrò Usability & Interface Design Interface Design = de vormgeving van de grafische gebruikersinterface van een website Usability = Extent to which a product can be

Nadere informatie

DFI Models & Processes Herkansingsklas 1 (V207) Nienke Griffioen 500621715 [REDESIGN RTL GEMIST.NL DFI OPDRACHT]

DFI Models & Processes Herkansingsklas 1 (V207) Nienke Griffioen 500621715 [REDESIGN RTL GEMIST.NL DFI OPDRACHT] 2013 DFI Models & Processes Herkansingsklas 1 (V207) Nienke Griffioen 500621715 [REDESIGN RTL GEMIST.NL DFI OPDRACHT] Inhoudsopgave DFI opdracht 1: redesign RTL Gemist pag. 3 Opdracht omschrijving Pag.

Nadere informatie

Responsive Design. Werkwijze en aanlevering Responsive Design. Mach3Builders

Responsive Design. Werkwijze en aanlevering Responsive Design. Mach3Builders Responsive Design Werkwijze en aanlevering Responsive Design Mach3Builders Introductie Door de explosieve stijging van het aantal soorten devices waarop websites bekeken kan worden, is het ontwerpen van

Nadere informatie

Web Usability. Byte seminar, 23 november 2007. Door: Gwyneth Ouwehand

Web Usability. Byte seminar, 23 november 2007. Door: Gwyneth Ouwehand Web Usability Byte seminar, 23 november 2007 Door: Gwyneth Ouwehand Introductie Student Informatiekunde Universiteit Utrecht Mensen Organisaties Computers Communicatie Bezig met afstudeerproject over kenniselicitatie

Nadere informatie

ANOUK ROUMANS TO CODE OR NOT TO CODE.

ANOUK ROUMANS TO CODE OR NOT TO CODE. ANOUK ROUMANS ANOUK ROUMANS TO CODE OR NOT TO CODE. 00 HOOFDVRAAG 00 HOOFDVRAAG Is het relevant voor een UX-designer om development kennis te hebben op gebied van apps? 00 INHOUDSOPGAVE 00 INHOUDSOPGAVE

Nadere informatie

Screen Design Puntgave Pixels

Screen Design Puntgave Pixels Screen Design Puntgave Pixels Hogeschool Rotterdam Instituut voor Communicatie, Media & ICT Communication & Multimedia Design Jasper Schelling j.a.schelling@hr.nl docent.cmd.hro.nl/scjas Welkom! Dit kwartaal

Nadere informatie

Functioneel ontwerp. Navigatie

Functioneel ontwerp. Navigatie Functioneel ontwerp Het functioneel ontwerp bestaat uit de volgende onderdelen: 1. Navigatie 2. Lijst van alle pagina s 3. Paginaontwerp 4. Formulierontwerp 5. Grafisch ontwerp Navigatie Navigatie wordt

Nadere informatie

DE EERSTE STAP NAAR EEN ONVERGETELIJKE GEBRUIKERSERVARING

DE EERSTE STAP NAAR EEN ONVERGETELIJKE GEBRUIKERSERVARING UX SCAN DE EERSTE STAP NAAR EEN ONVERGETELIJKE GEBRUIKERSERVARING Onze user experience designers controleren met behulp van de User Experience Scan of uw online software niet alleen functioneel, maar ook

Nadere informatie

Metaforen, Gestalt en Gebruiksonderzoek

Metaforen, Gestalt en Gebruiksonderzoek Interaction Design Metaforen, Gestalt en Gebruiksonderzoek Louis Klomp LHJ.Klomp@windesheim.nl X8.10 / X7.96 Tel (088-469) 9908 Interaction Design Metaforen in interface design Enkele voorbeelden een relatie

Nadere informatie

Gebruiksvriendelijkheid. Introductie. Onderwerpen 23-11-2007. Student Informatiekunde Universiteit Utrecht. Webdesigner Piozum

Gebruiksvriendelijkheid. Introductie. Onderwerpen 23-11-2007. Student Informatiekunde Universiteit Utrecht. Webdesigner Piozum Gebruiksvriendelijkheid Byte seminar, 23 november 2007 Door: Gwyneth Ouwehand Introductie Student Informatiekunde Universiteit Utrecht Mensen Organisaties Computers Communicatie Webdesigner Piozum Onderwerpen

Nadere informatie

Van concept naar een klikbaar prototype

Van concept naar een klikbaar prototype UXkids case study: Van concept naar een klikbaar prototype Keywords: Koninklijke Bibliotheek, Website, Prototype, User tests, Usability, UX, Kinderen 9-12 jaar. Als onderdeel van het netwerk van openbare

Nadere informatie

Plan van aanpak, 17 september 2014

Plan van aanpak, 17 september 2014 Plan van aanpak, 17 september 2014 DEP WORKS B.V. / DEP WORKS office & management support / DEP WORKS MEET&GREET Marnick de Groot Milan van der Maaten Luuk Roordink Afdeling: Marketing & Communicatie Contactpersonen:

Nadere informatie

In dit document vatten we de belangrijkste wijzigingen van november 2012 en januari 2013 samen.

In dit document vatten we de belangrijkste wijzigingen van november 2012 en januari 2013 samen. Nieuwe Versie Prezi 6 januari 2013 Online presentatietool Prezi heeft begin deze maand weer een aantal vernieuwingen doorgevoerd. Na de nieuwe interface die november 2012 al werd gelanceerd, waarbij de

Nadere informatie

Stappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat.

Stappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat. Stappenplan Een interface is in principe alles wat de communicatie tussen de gebruiker en de computer bepaalt of vorm geeft. Het is het deel van de website of webapplicatie dat de interactie met de gebruiker

Nadere informatie

Verslag Pencil, Photoshop & InDesign

Verslag Pencil, Photoshop & InDesign Verslag Pencil, Photoshop & InDesign Naam: Rob Dekker Studentnummer: 11020067 Vak: MMIO Datum: 07-02-2016 Pencil Bij het ontwerpen van drie verschillende voorstellen voor mijn portfoliosite heb ik gebruik

Nadere informatie

Gedaan: Logo Communicatie middel(en) Inrichtingsplan. Nog te doen: - Website - Balie - Promotie item

Gedaan: Logo Communicatie middel(en) Inrichtingsplan. Nog te doen: - Website - Balie - Promotie item Briefing Website Gedaan: Logo Communicatie middel(en) Inrichtingsplan Nog te doen: - Website - Balie - Promotie item Website > vormgeving Website > techniek Wat maak je? Je maakt een website voor restaurant

Nadere informatie

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR WELKOM AGENDA Introductie Korte algemene inleiding Usability Usability voor mobiele apparaten Vragen - afsluiting INTRODUCTIE Peter Kassenaar;

Nadere informatie

XHTML. een website bouwen. Vergelijk met: een huis bouwen. Dadelijk de stenen metselen, of. Hoe begin je er aan? Wat is stap 1?

XHTML. een website bouwen. Vergelijk met: een huis bouwen. Dadelijk de stenen metselen, of. Hoe begin je er aan? Wat is stap 1? 1010110101110001010 een website bouwen Vergelijk met: een huis bouwen. Dadelijk de stenen metselen, of eerst? Hoe begin je er aan? Wat is stap 1? 1010110101110001010 een website bouwen Ik heb een concept.

Nadere informatie

Een gebruiksvriendelijk dashboard voor leerlingen en docenten

Een gebruiksvriendelijk dashboard voor leerlingen en docenten UXkids case study: Een gebruiksvriendelijk dashboard voor leerlingen en docenten Keywords: Muiswerk, Oefensoftware, User tests, Focusgroepen, Usability, UX, Leerlingen 13-15 jaar, Docenten. Het onderwijslandschap

Nadere informatie

Persona s en Scenario s

Persona s en Scenario s Interaction Design Persona s en Scenario s Louis Klomp LHJ.Klomp@windesheim.nl X8.10 / X7.96 Tel (088-469) 9908 Wat is een persona? Archetype van een gebruiker, ofwel een karakterisering van een bepaald

Nadere informatie

T I P S I N V U L L I N G E N H O O G T E T E G E N P R E S T A T I E S B O M +

T I P S I N V U L L I N G E N H O O G T E T E G E N P R E S T A T I E S B O M + T I P S I N V U L L I N G E N H O O G T E T E G E N P R E S T A T I E S B O M + A a n l e i d i n g I n d e St a t e nc o m m i s si e v o or R ui m t e e n G r o e n ( n u g e n o em d d e St at e n c

Nadere informatie

Frontend ontwikkeling

Frontend ontwikkeling Frontend ontwikkeling Mark Jansen Edwin Vlieg PHPFreakz ledendag 10 november 2007 Frontend ontwikkeling De interface is je product richting de eindgebruiker Goede PHP code met een slechte interface geeft

Nadere informatie

Succesvol websites bouwen vanuit een concept

Succesvol websites bouwen vanuit een concept Succesvol websites bouwen vanuit een concept Docent: Ruben Olislagers 1 Internetstrategie Begin met een gedegen plan 2 User Centered Design Ontwerpen vanuit de wensen en behoeften van de doelgroep Wie

Nadere informatie

Projectdossier. Datum: 13-02-2013 Versie: 1.0 Projectgroep: CMD-C-3.02. Naam: Alexander van der Kooij Student nr: 12027766. S.C.

Projectdossier. Datum: 13-02-2013 Versie: 1.0 Projectgroep: CMD-C-3.02. Naam: Alexander van der Kooij Student nr: 12027766. S.C. Projectdossier Datum: 13-02-2013 Versie: 1.0 Projectgroep: CMD-C-3.02 Naam: Alexander van der Kooij Student nr: 12027766 Docent: S.C. Hallenga-Brink Inhoudsopgave: Richtlijnen:... 3 Eisen:... 3 MoSCoW...

Nadere informatie

TOETS HTM22 >HTM22 MEDIAVORMGEVEN INTERACTIEF MEDIADESIGN INTERACTIVE. Naam student:... Studenten nummer:... URL waar mijn werk te vinden is:

TOETS HTM22 >HTM22 MEDIAVORMGEVEN INTERACTIEF MEDIADESIGN INTERACTIVE. Naam student:... Studenten nummer:... URL waar mijn werk te vinden is: Naam student:... Studenten nummer:... URL waar mijn werk te vinden is:...glr-imd.nl/... >HTM22 MEDIAVORMGEVEN INTERACTIEF MEDIADESIGN INTERACTIVE TOETS HTM22 TOETS HTM22 2014 Download eindtoets-bestanden.zip

Nadere informatie

Visual design. Naam: Rob Dekker. Studentnummer: Vak: MMIO

Visual design. Naam: Rob Dekker. Studentnummer: Vak: MMIO Visual design Naam: Rob Dekker Studentnummer: 11020067 Vak: MMIO Datum: 02-03-2016 Wireframes desktop Maak visual designs van een homepage en product pagina van een sportmerk. Werk deze uit voor gebruik

Nadere informatie

Het definitieve prototype van Foliostory zal op basis van een usability test getest worden.

Het definitieve prototype van Foliostory zal op basis van een usability test getest worden. Testplan prototype Het definitieve prototype van Foliostory zal op basis van een usability test getest worden. Hierbij wordt een happy flow scenario aan de respondenten voorgelegd met daarin taken die

Nadere informatie

User Centered Design en CRO. Gastcollege Windesheim Marlies Wilms Floet

User Centered Design en CRO. Gastcollege Windesheim Marlies Wilms Floet User Centered Design en CRO Gastcollege Windesheim Marlies Wilms Floet Even voorstellen Economische psychologie Internationaal kwalitatief marktonderzoek E-commerce manager travel Online consumentengedrag

Nadere informatie

3DValue Automatiseren en beheren van assemblage-instructies

3DValue Automatiseren en beheren van assemblage-instructies 3DValue Automatiseren en beheren van assemblage-instructies Probleemstelling De oplossing voor bekende problemen bij technisch communiceren Traditionele problemen: Slechte beheersbaarheid van instructies

Nadere informatie

1.0 Inleiding Testplan Testdoelen Navigatie Lay-out en prioriteit Interactie

1.0 Inleiding Testplan Testdoelen Navigatie Lay-out en prioriteit Interactie Inhoudsopgave 1.0 Inleiding 3 2.0 Testplan 4 2.1 Testdoelen 4 2.1.1 Navigatie 4 2.1.2 Lay-out en prioriteit 4 2.1.3 Interactie 4 2.1.4 Content 4 2.1.5 Formulieren en foutafhandeling 5 2.1.6 Snelheid 5

Nadere informatie

Bepaling toezichtvorm gemeente Stein

Bepaling toezichtvorm gemeente Stein Bepaling toezichtvorm 2008-2011 gemeente Stein F i n a n c i e e l v e r d i e p i n g s o n d e r z o e k P r o v i n c i e L i m b u r g, juni 2 0 0 8 V e r d i e p i n g s o n d e r z o e k S t e i

Nadere informatie

Opdracht Vodafone Interface De opdracht houdt in dat we een sales statistieken tool herontwerpen voor telecom provider Vodafone. Dit doen we door een

Opdracht Vodafone Interface De opdracht houdt in dat we een sales statistieken tool herontwerpen voor telecom provider Vodafone. Dit doen we door een Screen Design Naam: Maarten van Domburg Studentnummer: 0864421 Klas: CMD2A Docent: Bart Nederveen Opdracht: Screen Design Opdracht 2 Vodafone Interface Opdracht Vodafone Interface De opdracht houdt in

Nadere informatie

F U N C T I O N E E L O N T W E R P V O O R F U L L H O U S E M O B I LE ( V I S I O N V E R S I E )

F U N C T I O N E E L O N T W E R P V O O R F U L L H O U S E M O B I LE ( V I S I O N V E R S I E ) F U N C T I O N E E L O N T W E R P V O O R F U L L H O U S E M O B I LE ( V I S I O N V E R S I E ) Datum: 29-09-2010 Auteur: Dairo Bosschart Versie: 1.0 Document: Functioneel_ontwerp (vision versie).docx

Nadere informatie

Design rationale document. Rabobank.com

Design rationale document. Rabobank.com Design rationale document Rabobank.com Inhoudsopgave 3 4 5 14 Inleiding Design values Algemene rationale Styleguide 2 Inleiding In dit document zijn de ontwerpuitgangspunten vastgelegd voor de vernieuwde

Nadere informatie

TDI V2 Social objects design patterns voor creators. Marije ten Brink Interaction design week 2 (36)

TDI V2 Social objects design patterns voor creators. Marije ten Brink Interaction design week 2 (36) TDI V2 Social objects design patterns voor creators Marije ten Brink Interaction design week 2 (36) Vorige week ʻZoekenʼ is één van de meest ingrijpende innovaties van onze tijd. Zoeken is een conversatie:

Nadere informatie

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR WELKOM AGENDA Introductie Korte algemene inleiding Usability Usability voor mobiele apparaten Vragen - afsluiting INTRODUCTIE Peter Kassenaar;

Nadere informatie

H O E D U U R I S L I M B U R G?

H O E D U U R I S L I M B U R G? H O E D U U R I S L I M B U R G? N AD E R E I N F O R M A T I E S T A T E N C O M M I S S I E S OV E R O N D E R AN D E R E A F V A L S T O F F E N H E F F I N G E N I N L I M B U R G 1 6 a u g u s t u

Nadere informatie

Usability & Ontwerp processen. Les 4

Usability & Ontwerp processen. Les 4 Usability & Ontwerp processen Les 4 Wat gaan we doen? Wat hebben we de vorige keer geleerd? Wat gaan we vandaag doen? Theorie - hoorcollege Oefening - lesopdracht Herhaling - samenvatting theorie Wat hebben

Nadere informatie

afdruk: 26 november 2015 blz. 1

afdruk: 26 november 2015 blz. 1 afdruk: 26 november 2015 blz. 1 Usability design for Uniface developers Intro Intro Waarnemen De Baas OK Controls Foutje Vormgeving Platform, hardware Mentaal model Taak, 80/20-regel Na afloop: Hebt u

Nadere informatie

Applicaties ontwerpen voor ios en Android

Applicaties ontwerpen voor ios en Android Ontwikkelen van Apps voor ios en Android Applicaties ontwerpen voor ios en Android 2.1 Inleiding Zowel Apple als Google heeft een paar tips gegeven bij het maken van een ontwerp voor een applicatie voor

Nadere informatie

Mobile UX Design met Keynote

Mobile UX Design met Keynote Wireframe Mockup Requirements Clickable Prototype UXD Present Mobile UX Design met Keynote Zorg ervoor dat keynote is geïnstalleerd op je laptop. Agenda Voorstelronde Waarom is prototypen belangrijk De

Nadere informatie

Rania EL Mounhime MV05T

Rania EL Mounhime MV05T Rania EL Mounhime MV05T 01/2017-06/2017 Stage Verslag Fans4music Rania EL Mounhime Runmolenstraat 89 rania-el@hotmail.com 0622642044 2020487 ROC MBO College Almere Straat van Florida 1 1334 PA, Almere

Nadere informatie

Bepaling toezichtvorm gemeente Simpelveld

Bepaling toezichtvorm gemeente Simpelveld Bepaling toezichtvorm 2008-2011 gemeente Simpelveld F i n a n c i e e l v e r d i e p i n g s o n d e r z o e k P r o v i n c i e L i m b u r g, j u n i 2 0 0 8 V e r d i e p i n g s o n d e r z o e k

Nadere informatie

Het ideale font voor programmeurs

Het ideale font voor programmeurs Het ideale font voor programmeurs Hogeschool Utrecht Communicatie & Media Design Auteur: Benjamin van Bienen (1576750) Docent: Dick Swart Specialisatie: Visual design seminar 2014-B Menig programmeur leest

Nadere informatie

Webdesign Rapport 1. Frank Dedden ( ) 10 mei 2014

Webdesign Rapport 1. Frank Dedden ( ) 10 mei 2014 Webdesign Rapport 1 Frank Dedden (3705269) 10 mei 2014 Inhoudsopgave 1 Analyse 2 1.1 Overnachtingen..................................... 2 1.2 Bezienswaardigheden.................................. 2 1.3

Nadere informatie

Publishing & Printing Company B.V.

Publishing & Printing Company B.V. STAPPENPLAN WEBSITE Versie 1.3 Publishing & Printing Company B.V. Weth. Sangersstraat 38 (0)46-437 73 11 KVK 140.41959 6191 NA Beek web@pp-company.nl BTW NL 0085.52.861.B01 Algemene voorwaarden www.pp-company.nl

Nadere informatie

Ontwerpdocument. Maarten Kolthof. NHL Hogeschool Opleiding Communication & Multimedia Design Ontwerpdocument - Maarten Kolthof

Ontwerpdocument. Maarten Kolthof. NHL Hogeschool Opleiding Communication & Multimedia Design Ontwerpdocument - Maarten Kolthof Ontwerpdocument Maarten Kolthof NHL Hogeschool Opleiding Communication & Multimedia Design Ontwerpdocument - Maarten Kolthof Inhoud Algemeen ontwerp 3 Icoon en kleurgebruik Animatie technieken ios 7 kenmerken

Nadere informatie

Hang je Little Big Detail op de muur.

Hang je Little Big Detail op de muur. Hang je Little Big Detail op de muur. Hang je Little Big Detail op de muur. Best-of-the-best Little Big Detail Opdracht: Plak je stippen op het beste Little Big Details (en bedenk waarom je je stippen

Nadere informatie

Hoe heb ik de opdracht uitgevoerd?

Hoe heb ik de opdracht uitgevoerd? Hoe heb ik de opdracht uitgevoerd? Aller eerst ben ik begonnen met het bedenken van een collectie. Nadat ik voor voetballogo s had gekozen, heb ik nagedacht over de interactie met de gebruiker. Het eerste

Nadere informatie

H a n d l e i d i n g d o e l m a t i g h e i d s t o e t s M W W +

H a n d l e i d i n g d o e l m a t i g h e i d s t o e t s M W W + H a n d l e i d i n g d o e l m a t i g h e i d s t o e t s M W W + D o e l m a t i g h e i d s t o e t s v o o r g e b i e d e n w a a r v o o r g e e n b o d e m b e h e e r p l a n i s v a s t g e s

Nadere informatie

Stagebedrijf: Zwiers communicatiebureau Corporate- en Arbeidsmarktcommunicatie. Opdrachtgever: De RIBW KAM Regionale instelling Beschermt Wonen

Stagebedrijf: Zwiers communicatiebureau Corporate- en Arbeidsmarktcommunicatie. Opdrachtgever: De RIBW KAM Regionale instelling Beschermt Wonen Stagebedrijf: Zwiers communicatiebureau Corporate- en Arbeidsmarktcommunicatie Opdrachtgever: De RIBW KAM Regionale instelling Beschermt Wonen ww w.erikjanbrugman.nl/weblog - Doelgroeponderzoek. - Interviews.

Nadere informatie

WHITEPAPER. Wat is een. Responsive website? Voordelen van een. Responsive website? Hoe start je met een. Responsive website? RESPONSIVE WEBSITES

WHITEPAPER. Wat is een. Responsive website? Voordelen van een. Responsive website? Hoe start je met een. Responsive website? RESPONSIVE WEBSITES WHITEPAPER RESPONSIVE WEBSITES Wat is een Responsive website? Voordelen van een Responsive website? Hoe start je met een Responsive website? INTRODUCTIE Met het downloaden van deze whitepaper kunnen we

Nadere informatie

Groepsopdracht 2. Zuilen voor in het Rijksmuseum

Groepsopdracht 2. Zuilen voor in het Rijksmuseum Groepsopdracht 2 Zuilen voor in het Rijksmuseum Interactie ontwerper: Andrea Pineda Calderon (10590501) Grafisch ontwerper: Abe Sweep (11039469) Technisch ontwerper: Dennis Wiersma (11035099) Facilitator:

Nadere informatie

Nico Raes User Experience Designer

Nico Raes User Experience Designer Nico Raes Nationaliteit Belg Geslacht Man Geboren op 10/08/1983 Bij Monkeyshot sinds 2012 Opleiding & training Opleiding Master in de Germaanse talen UGent Usability Certification Program (2007) Human

Nadere informatie

Min-height en min-width

Min-height en min-width Oefening 15.5 Min-height en min-width Maak op van uw een webpagina s een div die u voorziet van een geschikte waarde voor min-height en min-width. Laat zien wat er gebeurt als u het lettertype verkleint

Nadere informatie

Kyril Herkelman CMD deeltijd 2a Plan van aanpak

Kyril Herkelman CMD deeltijd 2a Plan van aanpak Kyril Herkelman CMD deeltijd 2a Plan van aanpak SUBJECT: De mobiele user experience VERSION: 1.0 Distributie: Roos Groenewegen, Theo, Eric, Opsteller: Kyril Herkelman Date: 29-12-2005 1 INHOUDSOPGAVE 1.

Nadere informatie

Product Backlog. Als gebruiker wil ik een foto van mijzelf kunnen maken, omdat ik foto s wil laten zien aan andere mensen.

Product Backlog. Als gebruiker wil ik een foto van mijzelf kunnen maken, omdat ik foto s wil laten zien aan andere mensen. Product Backlog MUST HAVE Als gebruiker wil ik een foto van mijzelf kunnen maken, omdat ik foto s wil laten zien aan andere mensen. Als gebruiker wil ik dat mijn foto automatisch versierd wordt aan de

Nadere informatie

Handleiding CMS. Auteur: J. Bijl Coldfusion Consultant

Handleiding CMS. Auteur: J. Bijl Coldfusion Consultant Handleiding CMS Auteur: J. Bijl Coldfusion Consultant Inhoudsopgave 1.0 Inleiding 3 2.0 Introductie CMS en websites 4 3.0 Inloggen in beheer 5 4.0 Dashboard 6 4.1 Bezoekers totalen 6 4.2 Bezoekers 7 4.3

Nadere informatie

Interactieontwerp Groepsopdracht Week 3, Opdracht 2

Interactieontwerp Groepsopdracht Week 3, Opdracht 2 Interactieontwerp Groepsopdracht Week 3, Opdracht 2 Bas de Keulenaar (11045973) Grafisch Ontwerper Annejet Robijn (11269111) Interactie Ontwerper Angélique Siu (11211725) Facilitator Lisanne van Vliet

Nadere informatie

Quick start handleiding versie 1.0

Quick start handleiding versie 1.0 Quick start handleiding versie.0 Inleiding Beste gebruiker, Via dit document lopen we door de basis onderdelen van je eigen Mijn Kroost control panel. Dit control panel vormt de basis voor het gebruik

Nadere informatie

Philips E-motion. Protoyping/Interactieontwerp. Kwartaal 1 jaar 3. Inhoud Onderzoek Schetsen Mockups Wireframes Flowcharts

Philips E-motion. Protoyping/Interactieontwerp. Kwartaal 1 jaar 3. Inhoud Onderzoek Schetsen Mockups Wireframes Flowcharts Protoyping/Interactieontwerp Philips E-motion Kwartaal 1 jaar 3 Inhoud Onderzoek Schetsen Mockups Wireframes Flowcharts Maarten de Splenter COHORT0506 000119739 Onderzoek Bij het ontwikkelen van de E-motion

Nadere informatie

Courbois Software. Extra categoriën toevoegen aan de WebWinkel

Courbois Software. Extra categoriën toevoegen aan de WebWinkel Courbois Software Extra categoriën toevoegen aan de WebWinkel De editor handleiding is altijd te vinden op de volgende locatie : http://editor.cs-webdesign.nl 2012 Courbois Software Beuningen Fazantlaan

Nadere informatie

1.1 DE OPDRACHT IN HET KORT

1.1 DE OPDRACHT IN HET KORT Opdracht 03: een formulier ontwerpen Versie voor studenten v5.0 2010.04.28 James M. Boekbinder Skype: jboekbinder3641 E-mail: james.boekbinder@gmail.com Blog: http://www.razormind.info/infoconstructor

Nadere informatie

Test-Report 2. Groep. Namen en functies Erik de Beurs - Recruiter / Test Monitor / Tech Operator Channah Bosse - Recruiter / Data logger

Test-Report 2. Groep. Namen en functies Erik de Beurs - Recruiter / Test Monitor / Tech Operator Channah Bosse - Recruiter / Data logger Test-Report 2 Groep A Namen en functies Erik de Beurs - Recruiter / Test Monitor / Tech Operator Channah Bosse - Recruiter / Data logger Auteur Erik de Beurs Getest project Portfolio Channah Bosse 1 Inleiding

Nadere informatie

1.0 - Inleiding 3. 2.0- Onderzoek 4. 2.1 Resultaten 4. 2.2 Probleemstelling 4. 2.3 Bronnen 5. 3.0 - Doelgroep 6. 3.1 Persona 7

1.0 - Inleiding 3. 2.0- Onderzoek 4. 2.1 Resultaten 4. 2.2 Probleemstelling 4. 2.3 Bronnen 5. 3.0 - Doelgroep 6. 3.1 Persona 7 Inhoudsopgave 1.0 - Inleiding 3 2.0- Onderzoek 4 2.1 Resultaten 4 2.2 Probleemstelling 4 2.3 Bronnen 5 3.0 - Doelgroep 6 3.1 Persona 7 4.0 - User requirements en functies van het product 8 4.1 De functies

Nadere informatie

WebSite Director Gebruikersgids

WebSite Director Gebruikersgids WebSite Director Gebruikersgids CyberTeams, Inc. 104 South Main Street, Mt. Airy, MD 21771 301-829-6144! www.cyberteams.com CyberTeams and WebSite Director are registered trademarks of CyberTeams, Inc.

Nadere informatie

Hand-out Web Technologies, werkcollege 6 Alex Reuneker (a.reuneker@hhs.nl), 2012

Hand-out Web Technologies, werkcollege 6 Alex Reuneker (a.reuneker@hhs.nl), 2012 Hand-out Web Technologies, werkcollege 6 Alex Reuneker (a.reuneker@hhs.nl), 2012 1. Positie en flow Boxes, block-level en inline elements: Ieder HTML-element wordt, als het ware, als een omkaderd block-

Nadere informatie

Concept document Kitesurf Spot Elyse Teerink November 15, 2012. Conceptdocument Informatie Architectuur

Concept document Kitesurf Spot Elyse Teerink November 15, 2012. Conceptdocument Informatie Architectuur Conceptdocument Informatie Architectuur Elyse Teerink 500604947 Herkanser Y. Westplat HVA 15/11/2012 1 Inhoudsopgave Inleiding De doelgroep De opdracht In gesprek met kitesurfers Account en inloggen Automatisch

Nadere informatie

Uw website gebruiksvriendelijk, vindbaar en toegankelijk

Uw website gebruiksvriendelijk, vindbaar en toegankelijk Uw website gebruiksvriendelijk, vindbaar en toegankelijk! Training PGOsupport!! 14 april 2014! Jaap van de Putte Programma 10.00-12.30 Kennismaking Usability / Findability / Accessibility 13.15-16.30 Van

Nadere informatie

Richtlijnen Portfolio. Hedwig Klamer 30 september 2015 Project Portfolio Corné van Delft

Richtlijnen Portfolio. Hedwig Klamer 30 september 2015 Project Portfolio Corné van Delft Richtlijnen Portfolio Hedwig Klamer 30 september 2015 Project Portfolio Corné van Delft 1 Requirements Om er achter te komen wat de handigste structuur is voor mijn website moet ik eerst kijken naar wie

Nadere informatie

Eindproduct André van de Polder Charlotte Cozijn Rob Duits Sander Kuik Klas ROOD

Eindproduct André van de Polder Charlotte Cozijn Rob Duits Sander Kuik Klas ROOD Eindproduct van de Polder Cozijn Duits Kuik Klas ROOD van de Polder - Cozijn - Duits - Kuik 1 Inhoud What s new...03 Schermverloopdiagram...04 Functionaliteit...05 Grafisch...05 Copy (tone of voice)...06

Nadere informatie

is front-end kennis relevant voor een UX designer

is front-end kennis relevant voor een UX designer In hoeverre is front-end kennis relevant voor een UX designer tijdens een designproces? Door: Wessel Grift Onderzoeksvraag In hoeverre is het hebben van front-end development kennis relevant voor een

Nadere informatie

vliegtickets boekinsformulier voor 15 FEBRUARI 2015 groepsopdracht 2 rex hordijk alissa muffels luca verhees marek van der hoeven

vliegtickets boekinsformulier voor 15 FEBRUARI 2015 groepsopdracht 2 rex hordijk alissa muffels luca verhees marek van der hoeven boekinsformulier voor vliegtickets 15 FEBRUARI 2015 groepsopdracht 2 marek van der hoeven rex hordijk alissa muffels luca verhees 1 / 15 feberuari 2015 / GRoepsopdracht 2 Het concept

Nadere informatie

Project Portfolio Usability Testverslag. Test 1: Portfolio Thomas Meiborg

Project Portfolio Usability Testverslag. Test 1: Portfolio Thomas Meiborg Project Portfolio Usability Testverslag Test 1: Portfolio Thomas Meiborg Lennart Kuyvenhoven: Test Monitor & Recruiter Thomas Meiborg: Data Logger, Tech Monitor & Recruiter Klas GI1C 1 Inhoudsopgave Test

Nadere informatie

Research for Design Communication and Multimedia Design Amsterdam - Research for Design - B1 WC4 data-analyse & persona - September 2012

Research for Design Communication and Multimedia Design Amsterdam - Research for Design - B1 WC4 data-analyse & persona - September 2012 Research for Design Hoe is het gegaan? interviewen Communication and Multimedia Design Amsterdam - Research for Design- B1 HC1 introductie - 29 08 2011 wat gaan we doen vandaag? wat gaan we doen vandaag?

Nadere informatie

INTERACTIE. In de Appendix vindt u de wireframes.

INTERACTIE. In de Appendix vindt u de wireframes. Het concept Het grootste en belangrijkste museum van Nederland, het Rijksmuseum, heeft de plaatsing van vijf grote mediazuilen in de foyer op de planning staan. Om deze reden hebben zij ons ingeschakeld

Nadere informatie

CMDIAD2Q4 INTERACTION DESIGN. Corine Vuijk 0800337 CMD4b

CMDIAD2Q4 INTERACTION DESIGN. Corine Vuijk 0800337 CMD4b CMDIAD2Q4 INTERACTION DESIGN Corine Vuijk 0800337 CMD4b DEELOPDRACHT 1: CONCEPTONTWIKKELING Beschrijf het concept van jouw WBJ app op basis van bovenstaande opdrachtomschrijving.maak duidelijk waarom reizigers,

Nadere informatie

Release notes Xerte Online Toolkits 3.5

Release notes Xerte Online Toolkits 3.5 Release notes Xerte Online Toolkits 3.5 Inleiding De release van Xerte Online Toolkits 3.5 brengt veel nieuwigheden en functionaliteit met zich mee. Daarnaast zijn er ook weer een flink aantal bugs opgelost.

Nadere informatie

V.V. WILHELMUS HUISSTIJLHANDBOEK. Naam: Marco Remmerswaal Studentnummer: 12048569 Vak: Visual Communication Lerares: Noortje van Eekeren Versie 1.

V.V. WILHELMUS HUISSTIJLHANDBOEK. Naam: Marco Remmerswaal Studentnummer: 12048569 Vak: Visual Communication Lerares: Noortje van Eekeren Versie 1. HUISSTIJLHANDBOEK V.V. WILHELMUS Naam: Marco Remmerswaal Studentnummer: 12048569 Vak: Visual Communication Lerares: Noortje van Eekeren Versie 1.00 1 / 10 Inhoudsopgave Grid 3 Typografie 4 Kleurgebruik

Nadere informatie

Usability. Les 3 jaar 2. Ontwerp doelstellingen en randvoorwaarden

Usability. Les 3 jaar 2. Ontwerp doelstellingen en randvoorwaarden Usability Les 3 jaar 2 Ontwerp doelstellingen en randvoorwaarden Wat gaan we doen? Herhaling vorige week ISO Definition of Usability (9241-11) Usability is the effectiveness, efficiency and satisfaction

Nadere informatie

R e g i o M i d d e n -L i m b u r g O o s t. G r e n z e l o o s w o n e n i n M i d d e n -L i m b u r g R e g i o n a l e W o o n v i s i e

R e g i o M i d d e n -L i m b u r g O o s t. G r e n z e l o o s w o n e n i n M i d d e n -L i m b u r g R e g i o n a l e W o o n v i s i e R e g i o M i d d e n -L i m b u r g O o s t G r e n z e l o o s w o n e n i n M i d d e n -L i m b u r g R e g i o n a l e W o o n v i s i e 4 o k t o b e r 2 0 0 6 P r o j e c t n r. 2 9 5 7. 7 2 B o

Nadere informatie

R e s u l t a a t g e r i c h t h e i d e n c o m p e t e n t i e m a n a g e m e n t b i j d r i e o v e r h e i d s o r g a n i s a t i e s

R e s u l t a a t g e r i c h t h e i d e n c o m p e t e n t i e m a n a g e m e n t b i j d r i e o v e r h e i d s o r g a n i s a t i e s R e s u l t a a t g e r i c h t h e i d e n c o m p e t e n t i e m a n a g e m e n t b i j d r i e o v e r h e i d s o r g a n i s a t i e s O p le i d i n g: M a s t e r P u b l i c M a n a g e m e n

Nadere informatie

Handleiding Human Computer Interaction (HCI) 2013-2014

Handleiding Human Computer Interaction (HCI) 2013-2014 Handleiding Human Computer Interaction (HCI) 2013-2014 Human Computer Interaction HCI 4 ects Klaas Jan Mollema Blok 1.4 Peter Vossen Onderwijsvorm Werkcollege / Computerpracticum Toetsvorm Tentamen / Presentatie

Nadere informatie

systeemtester... ...

systeemtester... ... INDEX Auto OBDII/EOBD scanner i910 1 Veiligheid, Veiligheid,voorzorgsmaatregelenenwaarschuwingen voorzorgsmaatregelenenwaarschuwingen2 2.Gebruikvandesysteemtester systeemtester......4 2.1Systeemtester

Nadere informatie

Smart phone experience

Smart phone experience Silvy Alblas CMD - 0774079 Major: DesignThis! Smart phone experience WINTER, EXERCISE 2 1 dec 08 INHOUDSOPGAVE: 1. De opdracht beschrijving 2. Leerdoelen 3. Activiteiten, planning en deliverables 4. Risico

Nadere informatie

15 Interactie Ontwerpen

15 Interactie Ontwerpen 15 Interactie Ontwerpen Kenrick Fontijne 0909758 1A Inhoud Product backlog Sitemap Navigatie model Activity diagram Wireframes Content areas Styleguide Tone of voice Product Backlog MUST HAVE Als gebruiker

Nadere informatie

Handleiding vernieuwde website INDI.nl

Handleiding vernieuwde website INDI.nl Handleiding vernieuwde website INDI.nl Inhoudsopgave Favorietenlijst 3 Merken 3 Speciaal orderverzoek 4 Afbeelding zoomen 4 Sticky header 5 Categorie afbeeldingen 5 Productweergave 6 Direct bestellen vanuit

Nadere informatie

Marleen Muller, Kunst & Techniek 2

Marleen Muller, Kunst & Techniek 2 Inhoudsopgave; 1. Wat is een infographic? 2. Verschillende types infographics. 3. Waar moet een goede infographic aan voldoen? 4. Goede infograhpic VS slechte infographic 5. Bronnen Marleen Muller, Kunst

Nadere informatie

Hoe ga ik dit verwerken? (Begrip maken) Dit volume is goed, dit moet ik zo houden.

Hoe ga ik dit verwerken? (Begrip maken) Dit volume is goed, dit moet ik zo houden. Wie Citaat feedback Wat? (Interpreteren) Hoe ga ik dit verwerken? (Begrip maken) Wat & waarom? (Vervolg vraag) Goed volume in je stem. Het volume van mijn stem is zodanig dat de informatie goed te horen

Nadere informatie

Bepaling toezichtvorm gemeente Venray

Bepaling toezichtvorm gemeente Venray Bepaling toezichtvorm 2007-2010 gemeente Venray F i n a n c i e e l v e r d i e p i n g s o n d e r z o e k P r o v i n c i e L i m b u r g, april 2 0 0 7 V e r d i e p i n g s o n d e r z o e k V e n

Nadere informatie

Information and Structure Dieet app. Bart Witting UvAID: MMIO, Informatiekunde UvA Amsterdam Sander Wehkamp

Information and Structure Dieet app. Bart Witting UvAID: MMIO, Informatiekunde UvA Amsterdam Sander Wehkamp Information and Structure Dieet app Bart Witting UvAID: 11003952 MMIO, Informatiekunde UvA Amsterdam Sander Wehkamp De app Voor deze opdracht moesten we een app maken die je helpt bij je dieet. Ik ben

Nadere informatie

Addendum Burgerportaal

Addendum Burgerportaal Centrum voor kennis en communicatie Concern communicatie Corporate communicatie Herman Gorterstraat 75 3511 EW Utrecht Postbus 18200 3501 CE Utrecht www.belastingdienst.nl Addendum Burgerportaal Contactpersoon

Nadere informatie

Liesbeth Mantel. Mediacollege webdesign professional

Liesbeth Mantel. Mediacollege webdesign professional Liesbeth Mantel Mediacollege webdesign professional Juni 2006 Inhoud 1 Inleiding... 3 2 Grid en layout... 4 3 Kleurenpalet... 5 4 Typografie... 6 5 Navigatie... 7 6 Schetsen... 8 7 Stylesheet... 10 1 Inleiding

Nadere informatie

Voorblad Naam :Yusha Bakker klas:g&ia1 datum: naam docenten: Emiel Kampen naam les: Usability Conclusie: Ik heb veel geleerd van het

Voorblad Naam :Yusha Bakker klas:g&ia1 datum: naam docenten: Emiel Kampen naam les: Usability Conclusie: Ik heb veel geleerd van het Voorblad Naam :Yusha Bakker klas:g&ia1 datum:21-10-2015 naam docenten: Emiel Kampen naam les: Usability Conclusie: Ik heb veel geleerd van het testen, ik heb fouten gezien in mijn portfolio die ik zelf

Nadere informatie

Informatie Architectuur

Informatie Architectuur Informatie Architectuur D-reizen.nl ziet een toename van klanten in de leeftijd tot 19 jaar die door heel het jaar online vakanties boeken. Deze vakanties zijn vaak een combinatie aanbieding van vervoer

Nadere informatie

Q u i c k -s c a n W M O i n L i m b u r g De e e r s t e e r v a r i n g e n v a n g e m e e n t e n e n c l i ë n t e n

Q u i c k -s c a n W M O i n L i m b u r g De e e r s t e e r v a r i n g e n v a n g e m e e n t e n e n c l i ë n t e n Q u i c k -s c a n W M O i n L i m b u r g De e e r s t e e r v a r i n g e n v a n g e m e e n t e n e n c l i ë n t e n M w. d r s. E. L. J. E n g e l s ( P r o v i n c i e L i m b u r g ) M w. d r s.

Nadere informatie