Reader. Datum: Versie: 1.0 Projectgroep: CMD D Naam: Alexander van der Kooij Student nr.:

Maat: px
Weergave met pagina beginnen:

Download "Reader. Datum: 13 02 2013 Versie: 1.0 Projectgroep: CMD D 1.03. Naam: Alexander van der Kooij Student nr.: 12027766"

Transcriptie

1 Reader Datum: Versie: 1.0 Projectgroep: CMD D 1.03 Naam: Alexander van der Kooij Student nr.: Docent: P. Esser

2 Inhoud 1. Inleiding De CMD ontwerpmethode De ontwerpfasen LL, CC, DD en MiR Het model Divergeren en convergeren Look & Listen Create Concepts Design Details Make it real Itereren, evalueren en reflecteren Look & Listen Gereedschappen om te divergeren PACT Observeren Interviews Benchmarking Heuristic evaluation Enquêtes Userneeds Onderzoeksvragen Business goals Omgevingsanalyse Gereedschappen om te convergeren Persona s Taakmodellen CJM Differentiation charts Design Principles Functionele eisen Niet functionele eisen MoSCoW Create Concepts Gereedschappen om te divergeren in conceptfase Creatieve technieken

3 4.1.2 Moodboards Metaforen Gereedschappen om te convergeren in conceptfase Sitemap Style tiles Vlekkenplannen Visuele hiërarchie Design Details Gereedschappen om te divergeren Design patterns Lo fi (paper) prototyping & testing Conceptual scenario s Storyboarden Gereedschappen om te convergeren Sitemap Content plan Flowcharts Wireframes & annotations Style guides Realisatie Divergeren in de realisatiefase Gereedschappen om te convergeren Hi fi prototyping & testing Experience testing Bronvermelding:

4 1. Inleiding In deze reader ga ik stap voor stap beschrijven wat je allemaal moet doorlopen om een website te gaan bouwen. Het bestaat uit 4 fase Look and listen, Create concepts, Design Details en Realise. Per fase moet je meerdere stappen doorlopen om deze juist af te sluiten en als resultaat een volledig werkende website met de juiste documentatie te krijgen. Deze reader dient voor jezelf als naslag werk zodat als je ooit weer eens een website bouwt precies weet wat je moet doen bij welke stap. De onderdelen die een bron bevatten zijn volgens de APA norm verwerkt. 4

5 2. De CMD ontwerpmethode 2.1 De ontwerpfasen LL, CC, DD en MiR Het model Figuur 1(Het figuur laat de 4 fases zien in het ontwerpproces). Reprinted from kick-off project D (pp 7) Het model geeft aan welke stappen je moet doorlopen tijdens het bouwen van een website. Het geeft aan wanneer je welke stap hebt en in welke volgorde. Je gebruikte het om via de juiste manier door het proces te gaan zodat alles duidelijk is en duidelijk blijft. Het is erg overzichtelijk en makkelijk om door de stappen heen te gaan. Je gaat stap voor stap na om het hele model te doorlopen dit zorgt voor de juiste documentatie en het correct maken van een website. Je moet goed opletten dat je geen stap overslaat omdat je het zelf niet nodig vind dit kan later verwarrend en ongunstig uitkomen Divergeren en convergeren Figuur 2(Het figuur laat de werking zien van de stappen diverge en converge). Reprinted from Reader inhoudsopgave en instructies Project D

6 Dit model laat de stap divergeren en convergeren zien. Het laat je creatief nadenken en op de juiste ideeën komen. Je gebruikt het om de meest goede ideeën te bedenken en alle ideeën vervolgens goed op elkaar aan te laten sluiten. Eerst doe je de stap divergeren. In deze stap laat probeer je zo creatief mogelijk te zijn en gaat ideeën bedenken. Daarna ga je over naar de stap convergeren. Nu ga je alle ideeën op schrijven en ze sorteren. Nadat je alles hebt gesorteerd ga je beslissingen maken welke ideeën blijven en welke je toch weglaat. Je kunt ideeën weglaten omdat ze je bijvoorbeeld niet kan realiseren of omdat ze niet origineel zijn. Uiteindelijk zul je maar een paar ideeën overhouden die goed op elkaar aansluiten. Je moet goed opletten dat je jezelf niet te veel beperkt maar jezelf vrij laat zijn met het bedenken van ideeën. Je moet zorgen dat je op de juiste manier handelt. Dit kun je doen door verschillende soort technieken. Hers(2012) Look & Listen Dit is de eerste fase van het model zie (van der Kooij (2013) Het model) je gaat hier vooral onderzoek doen naar gebruikers de opdrachtgever en het bedrijf zelf. Je gaat onderzoek doen om inzicht te krijgen waarvoor je het product maakt en door wie het gebruikt gaat worden. Met deze gegevens kun je bijvoorbeeld eisen en voorwaarden opstellen. Je stelt een verslag op doormiddel van de volgende onderwerpen: Onderzoeksvragen, Businessgoals, doelgroepanalyse, User needs, concurrentieanalyse/ benchmark, omgevingsanalyse en conclusies en aanbevelingen. Je moet er goed opletten dat je deze fase van het model niet te gemakkelijk doorloopt maar juist zorgvuldig als je deze fase niet goed afhandelt zal dit gevolgen hebben. Of gebruikers kunnen er niet goed mee overweg of je opdrachtgever zegt: maak het maar opnieuw Create Concepts Dit is de tweede fase van het model zie (van der Kooij (2013) Het model). De naam zegt het al je gaat een concept maken van je website. Dit kun je bijvoorbeeld gebruiken om de style van de website vast te stellen en om een lofi prototype temaken zodat de opdrachtgever een akkoord kan geven om naar de volgende fase te gaan. Je stelt een verslag op doormiddel van de volgende onderwerpen: Conceptbeschrijving, Sitemap, Wireframes, Style tile, Visuele uitwerking en de verantwoording. Waarnodig gebruik je beeldmateriaal met een inleiding Je gaat al beginnen met het ontwerp van de website hierdoor moet je goed opletten wel keuzes je maakt in je design welke typografie welke kleuren en welke visuele beelden. Je moet zorgen dat alles overeenkomt met de eisen en voorwaarden en verantwoord dit. 6

7 2.1.5 Design Details Dit is de derde fase van het model zie(van der Kooij (2013) Het model). Dit is de fase waar je je design meer gaat specificeren. Het is eigenlijk bijna het zelfde als de create concepts fase. Je gaat alleen alles specificeren. Zoals je lofi prototype. Deze ga je omzetten naar een hifi prototype. Je gaat eigenlijk de create concepts fase meer uitwerken. Zoals de style tyle waar je een style guide van maakt en de lofi protype waar je een hifi prototype van maakt. Ook maak je een contentplan, hierin verwerk je alles wat op de website komt te staan bijvoorbeeld plaatjes en tekst. Je moet nu opgaan letten dat je alles heel nauwkeurig uitwerkt omdat je nu al tegen het einde van je project aanloopt. Probeer alles zo goed als af te maken zodat dit juist kan presenteren Make it real Dit is de laatste fase van het model zie(van der Kooij (2013) Het model). Dit is de fase waar je je ontwerp gaat realiseren. Dit gebruik je om het ontwerp om te zetten naar een werkend platform. Je gaat een website maken doormiddel van coderen. Hiervoor kun je bijvoorbeeld HTML, CSS, JavaScript en PHP voor gebruiken. Eventueel kun je ook kiezen om er een CMS (content management systeem) in te verwerken. Je moet opletten dat je het ontwerp uitwerkt in de meest recente script die er op dat moment is. 2.2 Itereren, evalueren en reflecteren Dit houd in dat je gaat testen wat er van de opdracht verwacht wordt. Je kijkt bijvoorbeeld of de doelgroep correct is vastgesteld en hoort het wel bij het bedrijf. Dit helpt je nog in het begin om te kijken of er nog iets veranderd moet worden aan de opdracht voordat je begint. Het is eigenlijk simpel kijken of alles correct qua inhoud van de opdracht en alle informatie die je erbij hebt gekregen van het bedrijf. Je moet alles goed nakijken zodat als er iets niet klopt dat je alles op tijd veranderd en/of aangeeft. 7

8 3. Look & Listen Dit is de eerste fase van het model zie (van der Kooij (2013) Het model) je gaat hier vooral onderzoek doen naar gebruikers de opdrachtgever en het bedrijf zelf. Je gaat onderzoek doen om inzicht te krijgen waarvoor je het product maakt en door wie het gebruikt gaat worden. Met deze gegevens kun je bijvoorbeeld eisen en voorwaarden opstellen. Je stelt een verslag op doormiddel van de volgende onderwerpen: Onderzoeksvragen, Businessgoals, doelgroepanalyse, User needs, concurrentieanalyse/ benchmark, omgevingsanalyse en conclusies en aanbevelingen. Je moet er goed opletten dat je deze fase van het model niet te gemakkelijk doorloopt maar juist zorgvuldig als je deze fase niet goed afhandelt zal dit gevolgen hebben. Of gebruikers kunnen er niet goed mee overweg of je opdrachtgever zegt: maak het maar opnieuw. 3.1 Gereedschappen om te divergeren Zie Figuur hoofdstuk Dit zijn onderdelen die je helpen om zo creatief mogelijk te gaan nadenken. Je gebruikt al deze gereedschappen om zo creatief mogelijk te denken en dus zoveel mogelijk ideeën te verzinnen. Deze fase heb je pas afgerond als je al deze gereedschappen hebt doorgelopen en netjes hebt geformuleerd. Je moet er vooral op letten dat je standaard de stappen t/m doorloopt om een goede basis te bouwen. Verder moet je deze taken heel serieus nemen om betrouwbare informatie te krijgen. 8

9 3.1.1 PACT PACT staat voor: P People (mensen) A Activities (activiteiten) C Context (context) T Technology (technologie) Het zegt het al een beetje, het is een document waar je doormiddel van de onderwerpen vaststelt voor bijvoorbeeld wie je het maakt en wat de context is. Het helpt je om goed en snel een lijstje te maken met de doelgroep voor jou product. Activiteiten die het product moet kunnen uitvoeren. In welke context je product moet voldoen. En met welke technologie het moet kunnen samen werken bijvoorbeeld gps ontvangst of mobiele telefoon. (Benyon, 2010, p45) Door naar de gekregen documenten te kijken die je van je opdrachtgever hebt gekregen ga je een lijstje maken met als onderwerpen people, activities, context en technology. Je vult bij alles zo gedetailleerd mogelijk in wat je weet. Als je denkt dat je nog iets mist kun je het altijd laten controleren of zelf verder onderzoek doen. Je moet het echt zeker weten als je iets invult omdat dit belangrijk is voor al je volgende stappen. Als je je doelgroep bijvoorbeeld verkeerd invult en je gaat bijvoorbeeld de verkeerde doelgroep interviewen(3.1.3) dan kun je alles opnieuw gaan doen Observeren Hierbij ga je de doelgroep observeren om te weten te komen hoe ze reageren op iets of hoe ze handelen. Je kunt als hulp middel een observatieformulier maken om nog gedetailleerdere antwoorden te krijgen. Je gebruikt dit om meer over je doelgroep te weten te komen en zo meer human centered (gericht op de gebruiker) te werken. Je gaat de gebruiker observeren dit kan ik een ruimte zijn waar jij de gebruiker een opdracht geeft om uit te voeren of gewoon ergens in de stad om de gebruiker onbewust te observeren. Nadat jij de gebruiker hebt geobserveerd kun je hem een formulier laten invullen om meer te weten te komen over hem en zijn ervaring. (Benyon, 2010, p ) Je moet er opletten dat je het juiste observeert en de juiste doelgroep. Ook moet je er opletten als je een formulier maakt dat je de juiste vragen stelt. 9

10 3.1.3 Interviews Dit is wat directer dan het observeren. Je hebt een bepaalde tijd om vragen te stellen en je kunt je hierop voorbereiden. Je weet dus wat je wilt vragen en wat je doel is. Je gebruikt dit om precies te weten te komen wat je wilt weten van je doelgroep. Het is veel gedetailleerder dan een observatieformulier. Je hebt 3 soorten interviews: Structured interview, semi structured interview en unstructured interview. (Benyon, 2010, p ) De namen zeggen het al seen beetje. Structured interview is meer een gestructureerde interview waar vooral de interviewer de vragen stelt en de gebruiker alleen beantwoord. Semi structured interview is een interview waar je wat meer vrijheid hebt in de interview. De laatste unstructured interview is een interview waar je niet op voorbereid bent en gewoon simpele vragen stelt en de gebruiker ook vrijer is in tegen antwoorden geven. Je moet er wel opletten als je een interview doet met een doel dat je het best kan kiezen voor een gestructureerde interview vanwege dat je dan het meeste kans hebt om de juiste gegevens te krijgen van de gebruiker Benchmarking Benchmark dit kun je ook wel vergelijken met concurrentieanalyse. Hierin ga je kijken welke concurrenten je hebt en wie met wat zich onderscheid. Het is handig om te weten waar jij je in kan onderscheiden van je concurrenten. Je gaat eerst kijken waarin het bedrijf zich al onderscheid. Vervolgens ga je kijken welke concurrenten je hebt en waar zei zich mee onderscheiden. Daarna zet je het doel neer wat met behulp van jou product moet worden uitgevoerd. En als laatste zet je neer met wat voor opties of technologie je het doel gaat bereiken en zo de concurrentie strijd aangaat. Je moet er opletten dat je goed onderzoek doet naar de huidige concurrenten en maak een realistische doel zodat jouw product het ook waar kan maken. Een concurrentieanalyse maken.(n.d.). Retrieved from concurrentieanalyse maken/ Heuristic evaluation Het is een lijst dat je gaat maken met dingen die opvallen aan het huidige product. Het helpt je al een handje met ideeën die jouw product beter maakt dan het huidige product. Je gaat een lijst maken van de dingen die opvallen aan bijvoorbeeld de huidige website. Heeft het een 404 pagina is de website duidelijk genoeg etc. En vervolgens zet je er ook bij wat er aan veranderd kan worden eventueel. Je moet de website grondig nakijken zodat je alle kleine puntjes te weten komt. Klik op alle linkjes en bekijk alle pagina s op de website. (Benyon, 2010, p ) 10

11 3.1.6 Enquêtes Het maken van een enquêtes is net als het observatieformulier handig om te gebruiken om meer te weten te komen van de doelgroep. Het is handig om bijvoorbeeld te weten waar de doelgroep naar verlangt op een website en wat ze ervan verwachten. Je maakt een enquête en deelt deze uit aan je doelgroep vervolgens formuleer je dit juist en netjes en verwerkt dit bijvoorbeeld in een grafiek. (Benyon, 2010, p ) Let erop dat je de juiste vragen stelt en niet overbodige en/of moeilijke vragen stelt aan je doelgroep dit verkomt verwarring Userneeds In het Nederlands beschreven: wat de gebruiker nodig heeft. Je geeft aan waarmee je de gebruiker gaat trigeren om naar jouw website te komen Je gebruikt het om duidelijk te maken waarmee jij denkt de gebruiker te kunnen trigeren om naar jouw website te komen in plaats van een website van een concurrent. Je maakt een klein verslagje over hoe de website eruit komt te zien en wat de kenmerken worden voor de gebruikers. Wat het thema wordt en hoe jij de gebruiker overhaalt om bijvoorbeeld naar de dierentuin te gaan, naar het museum te gaan of de game te spelen die jij hebt gemaakt (ligt eraan waar de opdracht vandaan komt). Let erop dat je het zo duidelijk mogelijk maakt zodat je dit ook aan je opdrachtgever kan laten zien. En laat het realistisch blijven dus maak het niet al te moeilijk voor je zelf. Audiences, Outcomes, and Determining User Needs.(n.d.). Retrieved from outcomes and determining user needs Onderzoeksvragen Hiermee maak je simpele vragen waarmee je extra ideeën gaat creëren. Het is een simpele manier om extra ideeën te bedenken voor jouw product. Je maakt 2 soorten vragen: hoofdvragen en deelvragen. De namen spreken al voor zich hoofdvragen zijn de belangrijke vragen dit zijn vragen die o.a. de uitstraling vormen van je design en deelvragen dit zijn die niet zo belangrijk zijn als hoofdvragen maar waar wel goede ideeën uit kunnen voortkomen. Je moet er op letten dat je de juiste vragen stelt zodat op de meeste originele en goede ideeën kunt komen. Vragen opstellen.(n.d.). Retrieved from: opstellen.pdf 11

12 3.1.9 Business goals Het is een stuk tekst waarin staat wat de huidige status is van het bedrijf en wat het doel gaat worden. Vanden Bos(2010, 5) Dit gebruik je omdat dit meer duidelijkheid geeft van het bedrijf zelf. Hierdoor kun je het product nog meer naar de eisen van het bedrijf bouwen. Het is eigenlijk een stukje tekst waarin je zet wat het huidige imago is van het bedrijf. Welke vernieuwing er gaat plaats vinden in het bedrijf en wat het doel gaat worden met behulp van jou product. Je moet ervoor zorgen dat je dit juist formuleert zodat je zelf het juiste idee hebt over jou product Omgevingsanalyse Dit is een klein verslag wat uitlegt wat de huidige status is van het bedrijf wat de toekomstplannen zijn wat de locatie is en wat de communicatiestrategie wordt van het bedrijf. Het geeft bijvoorbeeld net zoals de business goals meer informatie over het bedrijf. Je maakt een klein verslag met de volgende onderwerpen: het bedrijfsoort in Nederland de toekomstplannen van het bedrijf de locatie van het bedrijf en de communicatiestrategie. Dit vul je allemaal in zodat je meer te weten komt over het bedrijf en hun ideeën. Je moet ervoor zorgen dat je dit juist formuleert zodat je zelf het juiste idee hebt over het bedrijf. KVK: Omgevinganalyse.(n.d.). Retrieved from: 12

13 3.2 Gereedschappen om te convergeren Zie Figuur1 hoofdstuk Dit zijn de hulpmiddelen om de gecreëerde ideeën te gaan soorten en om keuzes te gaan maken uit de ideeën. Deze gereedschappen helpen je om alle ideeën overzichtelijk te maken en vervolgens Je hebt 3 soorten interviews: Structured interview, semi structured interview en unstructured interview. De namen zeggen het al seen beetje. Structured interview is meer een gestructureerde interview waar vooral de interviewer de vragen stelt en de gebruiker alleen beantwoord. Semistructured interview is een interview waar je wat meer vrijheid hebt in de interview. De laatste unstructured interview is een interview waar je niet op voorbereid bent en gewoon simpele vragen stelt en de gebruiker ook vrijer is in tegen antwoorden geven. Je moet er wel opletten als je een interview doet met een doel dat je het best kan kiezen voor een gestructureerde interview vanwege dat je dan het meeste kans hebt om de juiste gegevens te krijgen van de gebruiker Persona s Hierin beschrijf je een fictief persoon uit jouw doelgroep. (Benyon, 2010, p 73 75) Zodat je een beter beeld krijgt over de doelgroep. Je kiest een willekeurige foto van een persoon uit die ongeveer de gemiddelde leeftijd heeft van jou doelgroep. Vervolgens geef je het een naam, leeftijd, geslacht, woonplaats, thuissituatie, relatiestatus, werk en hobby s. Dit baseer je op de gemiddelde score van je doelgroep. En een leuke quote die gezegd is door iemand die jij bijvoorbeeld hebt geïnterviewd. Nadat je dit allemaal hebt gedaan heb je een fictief persoon die jouw doelgroep vertegenwoordigd. Dat je echt de juiste persoon maakt als je iets verkeerds doet in de persona kun je bijvoorbeeld paarongeluk voor de verkeerde doelgroep het product gaan maken. 13

14 3.2.2 Taakmodellen Hierin beschrijf je de taakmodellen: taakcontext, taakbeschrijving en de taakdiagram. Dit doe je om duidelijk te beschrijven waarvoor waar en hoe het product gebruikt gaat worden. (Benyon, 2010, p ) Je maakt de taakmodellen met 3 onderwerpen: taakcontext, taakbeschrijving en de taakdiagram. In de taakcontext schrijf je hoe de situatie in de omgeving is/was. In de taakbeschrijving beschrijf je hoe het product wordt gebruikt en in de taakdiagram maak je een diagram met elke handeling die je moet doen om het product te gebruiken. Je moet zorgen dat het juist wordt ingevuld omdat je anders de kans hebt dat je de situatie of het gebruik van het product niet goed snapt. Dit doe je door alles goed te onderzoeken CJM Figuur 3(Het figuur is een voorbeeld van een CJM). Retrieved from

15 CJM oftewel Custom Journey Map. Je gaat kijken welke handelingen je persona moet doen om het product juist te gebruiken. Dit helpt je meer inzicht te krijgen hoe het product wordt gebruikt. Nouhuys(2011) Je vult met behulp van je persona Figuur 3. Je kan het uiterlijk helemaal naar je eigen wensen maken. Alleen zorg dat het principe het zelfde blijft. Vervolgens zet je bij de stappen before, during en after alle handelingen die moeten worden uitgevoerd. Bij elke handeling zet je een gezichtje hoe de gebruiker de handeling ervaart moeilijk makkelijk of neutraal. Vervolgens kun je eronder zetten bij welke stap hij/zij hoeveel handelingen doet. Daaronder kun je de points of delight en points of pain neerzetten wat er echt goed ging en waar de gebruiker veel moeite mee heeft. En daarna trek je je conclusie. Zorg dat je alle handelingen juist heb geformuleerd je points of delight en point of pain juist zijn zodat we weten waar er verbetering in moet komen en vervolgens zet je een duidelijke conclusie erbij Differentiation charts Dit is een tabel die laat zien wat voor soort persoon wat aanspreekt en waar je dus rekening mee moet houden. Een makkelijk manier om te kijken met wie je waar rekening mee moet houden. Je maakt een tabel of een grafiek en vult de verschillende groepen in. Vervolgens vul je alle puntjes op met wat je rekening moet houden met de desbetreffende soort persoon. Je moet goed opletten dat je wel de juiste gegevens bij de juiste soort persoon zet. En dat je het zo precies mogelijk neerzet met wat je rekening moet houden. Entamoeba Differentiation Charts.(n.d.). Retrieved from: Design Principles Dit zijn de belangrijke punten in je website. Zodat je duidelijk weergeeft wat je hoofd onderwerpen en/of thema is van je website. Je maakt een lijstje met wat voor jou de belangrijkste punten zijn van de website. Wat jij vind waardoor de website herkent kan worden. (Benyon, 2010, p 89 94) Je moet er voor zorgen dat het er niet te veel zijn en dat het echt belangrijke punten zijn. 15

16 3.2.6 Functionele eisen Zijn eisen die het systeem moet kunnen vervullen bijvoorbeeld functies of een specifiek uitstraling. (Benyon, 2010, p 147) Het laat zien aan jou maar ook aan de opdrachtgever welke eisen jij belangrijk vind en dus vaststelt. Je maakt een lijst met alle functionele eisen die jij belangrijk vind. Hier moet je je dan ook aan gaan houden als je deze vast stelt. Je moet er op letten dat je functionele eisen en niet functionele eisen niet door elkaar haalt dit gebeurt best snel. Probeer je na het vaststellen van de eisen jezelf er echt aan te houden Niet functionele eisen Dit zijn eisen die eigenlijk extra opties weergeven en extra informatie weergeven. (Benyon, 2010, p 147) Het laat zien wat voor extra s je aan de website wilt toevoegen. Je maakt een lijstje waarin je extra informatie over het systeem weergeeft en extra opties. Je moet er op letten dat je functionele eisen en niet functionele eisen niet door elkaar haalt dit gebeurt best snel MoSCoW Figuur 4(Het figuur geeft weer hoe je de MoSCoW theorie juist uitwerkt). Reprinted from Projectdossier periode C (pp 3)

17 Het laat de belangrijkheid van de eisen zien. Dit helpt je om de eisen te gaan rangschikken. Welke eis moet welke eis kan en welke eis hoeft alleen maar uitgevoerd te worden als er nog tijd over is. Volgens (Benyon, 2010, p 156) maak je een tabel met Must Should Could Won t en hierin ga je al je eisen rangschikken van het meest belangrijkst naar het onbelangrijkst. Je moet wel opletten dat je zo realistisch mogelijk doet. 17

18 4 Create Concepts Dit is de tweede fase van het model zie (van der Kooij (2013) Het model). De naam zegt het al je gaat een concept maken van je website. Dit kun je bijvoorbeeld gebruiken om de style van de website vast te stellen en om een lofi prototype temaken zodat de opdrachtgever een akkoord kan geven om naar de volgende fase te gaan. Je stelt een verslag op doormiddel van de volgende onderwerpen: Conceptbeschrijving, Sitemap, Wireframes, Style tile, Visuele uitwerking en de verantwoording. Waarnodig gebruik je beeldmateriaal met een inleiding Je gaat al beginnen met het ontwerp van de website hierdoor moet je goed opletten wel keuzes je maakt in je design welke typografie welke kleuren en welke visuele beelden. Je moet zorgen dat alles overeenkomt met de eisen en voorwaarden en verantwoord dit. 4.1 Gereedschappen om te divergeren in conceptfase Zie Figuur hoofdstuk Dit zijn gereedschappen die je uitvoert om zoveel mogelijk ideeën te creëren voor je concept. Deze gereedschappen maken het makkelijker om te divergeren voor de conceptfase. Doormiddel van alle gereedschappen te doorlopen heb je genoeg ideeën bedacht om een mooi concept te maken. Dit geld net zoals andere onderwerpen dat je alle volgende stappen moet doorlopen. Dit omdat je er veel ideeën uit kan halen Creatieve technieken Je gaat door verschillende stappen te doorlopen verschillende creatieve ideeën bedenken om je eindresultaat te maken. Het helpt je om op een goede manier veel ideeën te bedenken. Doormiddel van verschillende technieken kun je ideeën gaan creëren hiervoor heb je document: Hers(2012). In dit document staan veel soorten technieken die je kunt gebruiken. Je kunt in verschillende situaties verschillende technieken toepassen. Let erop dat je je zelf niet gaat beperken maar juist jezelf vrij maakt van de beperkingen. Hiervoor heb je 5 barrières: patroon denken, stoppen na één oplossing, niet ter zake doende oorzaken, evaluatie in een te vroeg stadium en angst. Je moet jezelf zo min mogelijk laten beperken door deze barrières. Hers(2012) 18

19 4.1.2 Moodboards Dit is eigenlijk een grote poster maken met alles erop alles wat je in je product gaat verwerken. (Benyon, 2010, p182) Dit kun je maken zodat je via het moodboard weer nieuwe ideeën kan creëren en het makkelijk te presenteren voor je werkgever. Je pakt bijvoorbeeld een A3 formaat papier en plakt en tekent er alles op wat jij denkt dat je nodig hebt om het product te gaan maken dit kan typografie zijn die kunnen kleuren zijn plaatjes etc. Je hoeft hier eigenlijk alleen maar op te letten dat je er alleen maar dingen op plakt of tekent dat relevant is voor jou product Metaforen Een metafoor is eigenlijk een bestaand symbool koppelen aan een element. (Benyon, 2010, p ) Je kan het metafoor toepassen in je website zodat iedereen de indruk krijgt waarvoor de website is en/of wat het moet uitstralen. Je gaat brainstormen waar de website voor staat wat het moet doen wat voor bedrijf het is en wat het uit moet stralen. Hiervoor kies je gewoon verschillende voorwerpen zoals een map of agenda. Daarna ga je kijken welke het meest relevant is voor de website. Als je eenmaal het metafoor hebt uitgekozen ga je kijken hoe je deze kan gaan verwerken in de website. Je kunt meerdere metaforen toepassen op de website maar let wel op dat je er niet te veel kiest dit kan heel druk overkomen voor een gebruiker. 19

20 4.2 Gereedschappen om te convergeren in conceptfase Zie Figuur hoofdstuk Dit is de volgende stap waar je je ideeën weer gaat sorteren en uitkiezen welke erover blijven. Je gebruikt dit om je ideeën overzichtelijk te maken en om de beste en origineelste ideeën uit te gaan kiezen. Je sorteert eerst weer alle ideeën zodat dit overzichtelijk wordt om keuzes te gaan maken. Daarna ga je uitkiezen welke ideeën belangrijk zullen zijn voor het concept. Je moet wel opletten dat de ideeën die je uitkiest realistisch zijn om uit te werken Sitemap Figuur 5(Het figuur geeft weer hoe een sitemap eruit ziet). Reprinted from Projectdossier periode C (pp 5) De sitemap laat de structuur in de website zien. (Benyon, 2010, p ) Het geeft je een inzicht hoe je je concept op kan gaan bouwen. Het is eingelijk een soort van diagram maken. Je begint met de hoofditem van je website vervolgens sorteer je alle onderwerpen in rijtjes onder je hoofditem. Voor een voorbeeld zie Figuur 5 Je moet opletten dat je niet in de war raakt met navigatiemodel. 20

21 4.2.2 Style tiles Figuur 6(Het figuur geeft weer hoe een style tile eruit ziet). Reprinted from Projectdossier Periode C styletile Het geeft je al een beetje inzicht welke style je wilt hanteren welke typografie je gaat gebruiken en welke buttons etc er op de website komen. Je maakt voor jezelf een style tile aan zodat je alvast een beetje weet welke stel je moet gaan hanteren. Je maakt op een vlak via een foto bewerker verschillende onderwerpen aan: color pallete, typography, interaction elements en photography & illustrations. Als je het nodig vind om een extra onderwerp erbij te zetten kan dit altijd. Vervolgens vul je alles netjes in en maak je er een overzichtelijke schema van. Voor een voorbeeld zie Figuur 6. Je moet erop letten dat het overzichtelijk en duidelijk blijft zodat het ook later makkelijk voor je zelf te snappen is. Warren, S.(n.d.). Style tiles. Retrieved from: 21

22 4.2.3 Vlekkenplannen Dit zijn wireframes alleen minder gedetailleerd. (P.E.Esser, 2013, Project D) Je gebruikt dit om alvast een beetje inzicht te krijgen hoe je website eruit komt te zien in een vroege stadium. Met Balsamiq kun je heel gemakkelijk een simpele wireframe in elkaar zetten. Het is eigenlijk een soort van voorproefje dus als er iets verkeerds is kun je dit veranderen in een latere stadium als je de echte wireframes gaat maken Visuele hiërarchie Het is een stuk tekst waarin je verteld hoe het er ongeveer eruit komt te zien. Dit gebruik je om de opdrachtgever al een beetje het idee te geven hoe de website er uit komt te zien. Het is een stuk tekst waarin je verteld welke kleuren er in je website verwerkt worden waar de navigatie zich bevind welke items erin de navigatie balk zitten welke visuele effecten er plaats vinden etc. Je moet er voor zorgen dat als je het stuk tekst leest al het gevoel en idee krijgt hoe de website er uit ziet en wat erin verwerkt is. ( tips voor optimale vindbaarheid, betrouwbaarheid en conversie,z.d.) 22

Digitaal Portfolio: Ontwerp je eigen website CMD project: Jaar 1, kwartaal 2 (winter, 2007-2008)

Digitaal Portfolio: Ontwerp je eigen website CMD project: Jaar 1, kwartaal 2 (winter, 2007-2008) Digitaal Portfolio: Ontwerp je eigen website CMD project: Jaar 1, kwartaal 2 (winter, 2007-2008) Hogeschool Rotterdam Media aan de Maas Opleiding: Communication & Multimedia Design Auteur(s): Bas Leurs

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

rabb-it applicatie Ontwerpdocument avv5 Eindopdracht

rabb-it applicatie Ontwerpdocument avv5 Eindopdracht rabb-it applicatie Ontwerpdocument avv5 Eindopdracht Informatiearchitectuur Down the rabbit hole door: Danilo Merea student: 500712043 Versie: 26mei 2015 Klas: Roze Inhoudsopgave Down the rabbit hole DTRH,

Nadere informatie

Zorg dat je een onderwerp kiest, waarvan je echt meer wilt weten. Dat is interessanter, leuker en makkelijker om mee bezig te zijn.

Zorg dat je een onderwerp kiest, waarvan je echt meer wilt weten. Dat is interessanter, leuker en makkelijker om mee bezig te zijn. Werkstukwijzer Deze werkstukwijzer helpt je om een werkstuk in elkaar te zetten. Je vult eerst een formulier in. Op dit formulier komt te staan waar je werkstuk over gaat en hoe je het aanpakt. Met behulp

Nadere informatie

Hieronder leggen we je uit wat je moet doen om mee te doen aan Digibattle. En om te winnen. Lees het dus goed door.

Hieronder leggen we je uit wat je moet doen om mee te doen aan Digibattle. En om te winnen. Lees het dus goed door. DIGIBATTLE - UITLEG PLAN Hieronder leggen we je uit wat je moet doen om mee te doen aan Digibattle. En om te winnen. Lees het dus goed door. I. Een app bouwens is teamwork Je kunt alleen aan DigiBattle

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

Voorwoord. AHA! De Grafisch Vormgever Voor Communicatie en Multimedia Design studenten.

Voorwoord. AHA! De Grafisch Vormgever Voor Communicatie en Multimedia Design studenten. Anne H Heijkoop eijkoop Assesment Assesment Anne Anne AnneHeijkoop Heijkoop Assesment Assesment Anne Anne Heijkoop Heijkoop Assesment Assesment DE GRAFISCH VORMGEVER Voorwoord AHA! De Grafisch Vormgever

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

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

Einddocument project 3: Voor het goede doel!

Einddocument project 3: Voor het goede doel! Einddocument project 3: Voor het goede doel! Koen Beijer 500684088 V1-02 Roger Reuver Project 3 Inhoudsopgave: Fase 1: de opdracht Probleemsituatie 3 De doelgroep 3 Het evenement 3 Het goede doel 3 Probleemstelling

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

Sectorwerkstuk 2010-2011

Sectorwerkstuk 2010-2011 Sectorwerkstuk 2010-2011 Namen: ---------------------------------------------------------------------------------------- Klas: -------------------- Sector: --------------------------------------------

Nadere informatie

Sectorwerkstuk 2012-2013

Sectorwerkstuk 2012-2013 Sectorwerkstuk 2012-2013 Namen: ---------------------------------------------------------------------------------------- Klas: -------------------- Sector: --------------------------------------------

Nadere informatie

design ook items uitsnijden

design ook items uitsnijden (fig1) Hulplijnen zetten Om het ontwerp netjes uit te snijden is het handig om eerst hulplijnen te zetten. (fig1) Nu is het zaak om eerst voor je zelf te bepalen wat is layout en wat is design. Al het

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

Handleiding Concrete5 website. Outbound Media

Handleiding Concrete5 website. Outbound Media Handleiding Concrete5 website Outbound Media In deze handleiding behandelen we de basis benodigdheden om uw website up-to-date te kunnen houden. We behandelen: Inloggen editen (bewerken) van tekst een

Nadere informatie

Stedelijk Museum. Ontwerpspecificatie. VMBO leerlingen interactieve rondleiding. Meesterproef Minor UXD V0.1 18-06-2013 Jasper Bunschoten 500615247

Stedelijk Museum. Ontwerpspecificatie. VMBO leerlingen interactieve rondleiding. Meesterproef Minor UXD V0.1 18-06-2013 Jasper Bunschoten 500615247 Stedelijk Museum VMBO leerlingen interactieve rondleiding Ontwerpspecificatie Meesterproef Minor UXD V0.1 18-06-2013 Jasper Bunschoten 500615247 Inhoud INHOUD OPDRACHT CONCEPT ONTWERP HIGH LEVEL DETAIL

Nadere informatie

Plan van aanpak. Project: Portfolio Website. Bedrijf: InHolland

Plan van aanpak. Project: Portfolio Website. Bedrijf: InHolland Plan van aanpak Project: Portfolio Website Bedrijf: InHolland Haarlem, 16-9-14 Opgesteld door: Maurice Wildenberg, 537811 Maurice@softwarehub.nl Instituut: Hogeschool Inholland Plan van Aanpak Portfoliowebsite

Nadere informatie

Studiekeuzedag CMD voorbereidingswerkboek

Studiekeuzedag CMD voorbereidingswerkboek Studiekeuzedag CMD voorbereidingswerkboek Hallo! Je hebt je aangemeld voor de opleiding CMD en je bent uitgenodigd voor een studiekeuzedag om te kijken of jij bij de opleiding past en of de opleiding bij

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

Lesbrief voor leerlingen: hoe ontwerp je een omslag voor een boek

Lesbrief voor leerlingen: hoe ontwerp je een omslag voor een boek Lesbrief voor leerlingen: hoe ontwerp je een omslag voor een boek KIEZEN Een goed begin is het kiezen van het juiste boek. Er zijn zo veel mooie verhalen waardoor het soms lastig is om een goede keuze

Nadere informatie

PO/VO Ipad Project. Tom van den Bergh. CC Naamsvermelding 3.0 Nederland licentie. http://maken.wikiwijs.nl/73097

PO/VO Ipad Project. Tom van den Bergh. CC Naamsvermelding 3.0 Nederland licentie. http://maken.wikiwijs.nl/73097 Auteur Laatst gewijzigd Licentie Webadres Tom van den Bergh 05 April 2016 CC Naamsvermelding 3.0 Nederland licentie http://maken.wikiwijs.nl/73097 Dit lesmateriaal is gemaakt met Wikiwijsleermiddelenplein.

Nadere informatie

OPDRACHTKAART. Thema: Multimedia. Het multimedia productieproces 3. De uitvoering MM-02-06-01

OPDRACHTKAART. Thema: Multimedia. Het multimedia productieproces 3. De uitvoering MM-02-06-01 OPDRACHTKAART MM-02-06-01 De uitvoering Voorkennis: Je hebt multimedia-opdrachten 1 tot en met 5 (MM-02-01 t/m MM-02-05) afgerond. Je kunt met behulp van multimedia-software, zoals bijvoorbeeld Macromedia

Nadere informatie

Quick Guide VivianCMS

Quick Guide VivianCMS Quick Guide VivianCMS Gastenboek creëren Versie: 1.0 Startdatum: 24 juli 2006 Datum laatste wijziging: 24 juli 2006 Opmerking: Gepubliceerd op http://www.viviancms.nl Inhoud 1 Inleiding...3 1.1 Contactformulier

Nadere informatie

Pas op voor de besmettelijke PORTFOLIOSIS!

Pas op voor de besmettelijke PORTFOLIOSIS! Pas op voor de besmettelijke PORTFOLIOSIS! Nadenken Voorbereiding Maken Presenteren NADENKEN Nadenken Voorbereiding Maken Presenteren Soul-searching Persoonlijkheid Ervaring Doelen Waarden Sterktes en

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

Let op! Je hoeft de app niet te bouwen. Je krijgt ook geen extra punten hiervoor.

Let op! Je hoeft de app niet te bouwen. Je krijgt ook geen extra punten hiervoor. DIGIBATTLE - UITLEG PLAN Een app bouwens is teamwork Je kunt alleen aan DigiBattle meedoen als team. Waarom? Het werken in teamverband is dagelijkse praktijk bij app-bouwers. Je kunt veel meer werk verzetten

Nadere informatie

Persoonlijk opleidingsplan. Hulpmiddelen voor de werknemer

Persoonlijk opleidingsplan. Hulpmiddelen voor de werknemer Persoonlijk opleidingsplan Hulpmiddelen voor de werknemer Elk bedrijf heeft bepaalde doelstellingen. Maar ook de werknemers van een bedrijf, jij en je collega s, hebben eigen doelen. Zoals: beter worden

Nadere informatie

Presenteren. Oriëntatie

Presenteren. Oriëntatie Oriëntatie Dit ga je doen Je gaat een stand (marktkraam) inrichten om te laten zien wat je gedaan hebt tijdens dit project en wat je eindresultaat is. Je probeert jullie stand zo te maken dat het aantrekkelijk

Nadere informatie

Succesvol dankzij internet

Succesvol dankzij internet Succesvol dankzij internet Gratis workshop voor Ondernemend Roombeek Enschede 24-4-2012 Jorik Heins Deze presentatie komt online beschikbaar op www.marketingman.nl/presentatie Vanavond Wat is een goede

Nadere informatie

Gebruikershandleiding

Gebruikershandleiding Gebruikershandleiding Inhoudsopgave 1 Inleiding 1 Snel aan de slag 3 Per Enquete 3 Een enquête + vragen toevoegen 6 Layout aanpassen 7 Een uitnodiging versturen 8 Resultaten bekijken 8 Tips en trucs 13

Nadere informatie

ContentQueryWebpart en custom XSLT. Alles wat je moet weten over het CQW

ContentQueryWebpart en custom XSLT. Alles wat je moet weten over het CQW ContentQueryWebpart en custom XSLT Alles wat je moet weten over het CQW 1 Contents Voorkennis... 3 Het CQW volgens Microsoft... 3 Algemene werking van het CQW... 3 Het werken met slots... 4 DataMappings...

Nadere informatie

Ontwerpdocument BVA app Ontwerpdocument BVA app

Ontwerpdocument BVA app Ontwerpdocument BVA app 1 Inhoudsopgave Inleiding Geinterviewde persoon 1e Ontwerp - Zoeksuggesties Probleem Oplossing 2e Ontwerp - Lijst van producten in Kavel Probleem Oplossing 3e Ontwerp - Opslaan knop Probleem Oplossing

Nadere informatie

GLOBAL: workshop webdesign

GLOBAL: workshop webdesign Dit werkblad is van: klas: GLOBAL: workshop webdesign Ontwerp en maak je eigen website met zelfgemaakte foto s, teksten, links en buttons! Geen onderwerp zo gek, of er is wel een website over gemaakt:

Nadere informatie

QUIZ. anders ONVOLDOENDE. Werkgroep 2. Marketing

QUIZ. anders ONVOLDOENDE. Werkgroep 2. Marketing WC MARKETING BLOK 3 QUIZ Tafels leeg! Dus alleen een pen! Geen gebruik van laptops of mobieltjes! Antwoord op de formulieren en lever alles in! en niet spieken dus rechtuit kijken! anders ONVOLDOENDE AGENDA

Nadere informatie

Rapportage Instructies voor het schrijven van verslagen

Rapportage Instructies voor het schrijven van verslagen Rapportage Instructies voor het schrijven van verslagen Auteurs: James M. Boekbinder Jantien Slob Irma Rademaker 2013.10.02 versie 17.0 Inhoudsopgave 1 Korte verslagen (1 tot 2 pagina's) 1 1.1 Bouwstenen

Nadere informatie

Montessori High School Minor

Montessori High School Minor Montessori High School Minor Titel: Eén hand aanpassing Korte beschrijving van de Minor: Bij heel veel dagelijkse handelingen heb je eigenlijk twee handen nodig. Er zijn nog steeds niet genoeg gebruiksvoorwerpen

Nadere informatie

Versie 2. Opdracht deel B 07-12-2014. Inhoud. Raoul Vos Hogeschool Leiden Studentnummer: 1088675

Versie 2. Opdracht deel B 07-12-2014. Inhoud. Raoul Vos Hogeschool Leiden Studentnummer: 1088675 Versie 2 07-12-2014 Opdracht deel B Inhoud Raoul Vos Hogeschool Leiden Studentnummer: 1088675 Inhoudsopgave: Inleiding:... 3 Opdracht deel A Analyse... 3 Opdracht deel B Inhoud... 3 Opdracht deel C Website...

Nadere informatie

Ontdek beleef. het nieuwe INTRANET

Ontdek beleef. het nieuwe INTRANET & Ontdek beleef het nieuwe INTRANET Waarom? WE HEBBEN EEN NIEUW INTRANET WAAROM? Omdat we vinden dat jij centraal mag staan! Net als je collega s beschik je over een hoop kennis, ervaring en ideeën. Daar

Nadere informatie

Het beste idee van Nederland

Het beste idee van Nederland Het beste idee van Nederland H O&O-Manon Vos-Vlamings (opleiding Human Technology) O&O-KEUZE COLLEGE PROJECT Industrieel product ontwerpen INFORMATIE VOOR DE LEERLINGEN Dit jaar najaar start op t.v. het

Nadere informatie

IN 7 STAPPEN NAAR EEN PROFESSIONEEL LINKEDIN PROFIEL

IN 7 STAPPEN NAAR EEN PROFESSIONEEL LINKEDIN PROFIEL IN 7 STAPPEN NAAR EEN PROFESSIONEEL LINKEDIN PROFIEL In 7 stappen naar een professioneel LinkedIn profiel! Om je positie op de (arbeids)markt te behouden en te versterken is online zichtbaarheid erg belangrijk.

Nadere informatie

Sectoren. Inhoud. 1. Het sectorwerkstuk. Stappenplan, tips en ideeën Sectorwerkstuk

Sectoren. Inhoud. 1. Het sectorwerkstuk. Stappenplan, tips en ideeën Sectorwerkstuk Ben je op zoek naar een onderwerp voor je sectorwerkstuk? Dan is het misschien interessant voor je. Sectoren Volg je de sector Techniek, dan zit je goed! Want in dit stappenplan kijken we vooral naar de

Nadere informatie

WG New Product Development blok 2 week 4. ideeontwikkeling

WG New Product Development blok 2 week 4. ideeontwikkeling WG New Product Development blok 2 week 4 ideeontwikkeling Agenda Algemeen feedback Opdracht 1: Programma van eisen Opdracht 2: HKJ s Opdracht 3: Billboard Huiswerk Programma Omschrijving Datum Les werkgroep

Nadere informatie

Je website is het centrum van al je online activiteiten. Dat werkt allerlei kanten op.

Je website is het centrum van al je online activiteiten. Dat werkt allerlei kanten op. Kathleenferrier.nl: het KF centrum online Handleiding voor de Blog & Nieuwssectie Je website is het centrum van al je online activiteiten. Dat werkt allerlei kanten op. Het is de plek waarvandaan mensen

Nadere informatie

8a. Wat en hoe? Het stappenplan, tips en ideeën

8a. Wat en hoe? Het stappenplan, tips en ideeën 8a. Wat en hoe? Het stappenplan, tips en ideeën Ga je een sectorwerkstuk maken? Dan is orgaan- en weefseldonatie een goed onderwerp! Hier vind je allerlei tips, bronnen en ideeën om een sectorwerkstuk

Nadere informatie

Handleiding Wordpress

Handleiding Wordpress Handleiding Wordpress Inhoudsopgave 1. Inloggen 2. Berichten en Pagina s 3. Afbeeldingen en video s 4. Weblinks 1. Inloggen 1.1 Inloggen bij Wordpress We starten met het inloggen op je WordPress gebaseerde

Nadere informatie

lesmateriaal Taalkrant

lesmateriaal Taalkrant lesmateriaal Taalkrant Toelichting Navolgend vindt u een plan van aanpak en 12 werkbladen voor het maken van de Taalkrant in de klas, behorende bij het project Taalplezier van Stichting Wereldleren. De

Nadere informatie

Achtergrond en lettertype Opmaak Achtergrond Opmaak Achtergrond Afbeelding in achtergrond

Achtergrond en lettertype Opmaak Achtergrond Opmaak Achtergrond Afbeelding in achtergrond Frontpage Express is het meest eenvoudige programma voor het maken van je homepage. Is het programma niet geïnstalleerd op je PC, dan is het te downloaden en daarna te installeren. We zullen nu een aantal

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

Onderzoeksboekje. Klas: Namen:

Onderzoeksboekje. Klas: Namen: Onderzoeksboekje Klas: Namen: De onderdelen van de onderzoekscyclus: 1. Introductie 2. Verkennen 3. Opzetten onderzoek 4. Uitvoeren onderzoek 5. Concluderen 6. Presenteren 7. Verdiepen/verbreden 2 Science

Nadere informatie

Vaardigheden - Enquête HV 2. CC Naamsvermelding-GelijkDelen 3.0 Nederland licentie. http://maken.wikiwijs.nl/52705

Vaardigheden - Enquête HV 2. CC Naamsvermelding-GelijkDelen 3.0 Nederland licentie. http://maken.wikiwijs.nl/52705 Vaardigheden - Enquête HV 2 Auteurs VO-content Laatst gewijzigd Licentie Webadres 21 July 2015 CC Naamsvermelding-GelijkDelen 3.0 Nederland licentie http://maken.wikiwijs.nl/52705 Dit lesmateriaal is gemaakt

Nadere informatie

De Kleine WordPress Handleiding

De Kleine WordPress Handleiding Introductie Dit is geen uitgebreide handleiding om een WordPress website of blog mee te bouwen. Het is ook geen overzicht van alle aspecten die een WordPress website zo bijzonder maken en geen verhandeling

Nadere informatie

Persoonlijk Ontwikkelings Plan

Persoonlijk Ontwikkelings Plan Persoonlijk Ontwikkelings Plan Communication & Multimedia Design Multimediaal Reclamebureau Semester 2 2014 Inhoudsopgave Competentieprofiel Blz. 4 Research & Innovation Blz. 5 Concepting Blz. 7 Multimedia

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

SECTORWERKSTUK 2013-2014

SECTORWERKSTUK 2013-2014 SECTORWERKSTUK 2013-2014 1 HET SECTORWERKSTUK Het sectorwerkstuk is een verplicht onderdeel voor alle leerlingen uit het Mavo. Het maken van een sectorwerkstuk is een manier waarop je, als eindexamenkandidaat,

Nadere informatie

Inhoudsopgave... 1. Inleiding... 2. Aanloopfase... 3. Startdocument... 4. Conceptfase... 5. Concept Free Time... 6. Concept Hot or Not...

Inhoudsopgave... 1. Inleiding... 2. Aanloopfase... 3. Startdocument... 4. Conceptfase... 5. Concept Free Time... 6. Concept Hot or Not... Inhoudsopgave Inhoudsopgave... 1 Inleiding... 2 Aanloopfase... 3 Startdocument... 4 Conceptfase... 5 Concept Free Time... 6 Concept Hot or Not... 6 Concept UpToDate... 6 Gekozen concept... 6 Ontwerpfase...

Nadere informatie

Toelichting release notes. 22 mei 2014

Toelichting release notes. 22 mei 2014 Toelichting release notes 22 mei 2014 1 2 Toelichting release notes Error! Unknown document property name. 22 mei 2014 Inleiding release notes Dit document beschrijft de belangrijkste en meest zichtbare

Nadere informatie

van A naar Beter app

van A naar Beter app Procesverslag RWS: Doorontwikkeling van A naar Beter app Uitgave: 6-12-2012, versie 1.0 Door JBLT ; Jonathan Marchal, Bas van Agten, Laurens Carbo, Thijs Blaas Inhoudsopgave 1. Inleiding... 03 2. Organisatie

Nadere informatie

Plan van aanpak. Project Digitaal Portfolio. Project: Webdesign. Organisatie: InHolland Haarlem. Opdrachtgever: Maya Schmuki

Plan van aanpak. Project Digitaal Portfolio. Project: Webdesign. Organisatie: InHolland Haarlem. Opdrachtgever: Maya Schmuki Plan van aanpak Project Digitaal Portfolio Plaats, datum: Haarlem, 14 Maart 2014 Project: Webdesign Organisatie: InHolland Haarlem Opdrachtgever: Maya Schmuki Opdrachtnemer: Frank Bakker E-mail: 463631@inholland.lnl

Nadere informatie

Oefenen 1 punt verdienen Onderwerpen van de presentaties

Oefenen 1 punt verdienen Onderwerpen van de presentaties Presenteren vmbo-4 Presenteren is aan de ene kant een kunst de één is er beter in dan de ander maar aan de andere kant valt of staat elke presentatie met een goede voorbereiding en veel oefening. Bij presenteren

Nadere informatie

Museumbezoek onder Studenten

Museumbezoek onder Studenten Museumbezoek onder Studenten Ontwerprapport CMD-Project Jelle Clignet CMD2B 1108174 Inhoudsopgave Inleiding 2 Concept 3 Beschrijving van het concept 3 Applicatie 3 Ondersteunende middelen 3 Middelen 4

Nadere informatie

WG4: De gebruikerservaring. Service Design Lesweek 5 Aranea Felëus

WG4: De gebruikerservaring. Service Design Lesweek 5 Aranea Felëus WG4: De gebruikerservaring Service Design Lesweek 5 Aranea Felëus Agenda Programma Costumer Journey Costumer Journey vs. User Model Costumer Journey vs. User Journey Opdracht 1: CJ part 1 Opdracht 2: CJ

Nadere informatie

DE NATIONALE WETENSCHAPSAGENDA VOOR SCHOLIEREN - DEEL 1 HAVO

DE NATIONALE WETENSCHAPSAGENDA VOOR SCHOLIEREN - DEEL 1 HAVO DEEL 1 DE NATIONALE WETENSCHAPSAGENDA VOOR SCHOLIEREN - DEEL 1 In Nederland wordt veel wetenschappelijk onderzoek gedaan. Maar wie bepaalt wat er onderzocht wordt? In het voorjaar van 2015 hebben Nederlanders

Nadere informatie

Service Design. Denise van der Burg (0840384)

Service Design. Denise van der Burg (0840384) Service Design Denise van der Burg (0840384) 1 Inhoud 3 Inleiding 4 Huidige costumer journey 5 Toelichting 6 Doelgroep 6 persona 7 Brainstorm 8 Nieuwe service 8 Conceptbeschrijving 11 Verantwoording 13

Nadere informatie

Deze week: - Bespreken 2 websites - kleur - MBTI - Opdracht wat moet er voor volgende week af zijn?

Deze week: - Bespreken 2 websites - kleur - MBTI - Opdracht wat moet er voor volgende week af zijn? Deze week: - Bespreken 2 websites - kleur - MBTI - Opdracht wat moet er voor volgende week af zijn? Vormgeving in relatie tot verschillende doelgroepen Hoe kun je mensen groeperen? oefening [ met z n

Nadere informatie

Hoe maak ik een werkstuk?

Hoe maak ik een werkstuk? Hoe maak ik een werkstuk? Je gaat, misschien wel voor de eerste keer, een eigen werkstuk maken. Dat is leuk, maar ook best moeilijk. Je moet er namelijk een heleboel voor doen. Heb je al eens een eigen

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

Seminar. Essay conceptstores

Seminar. Essay conceptstores Seminar Essay conceptstores Marlies van den Bos 1622703 Concept Design Eng JDE-SCONE.3V-13 Marvin Fernandes 19-12-2014 1 CONTENT IntroductiE Conceptstores Communicatie Conclusie uitwerking infographic

Nadere informatie

Vormgeving Werkgroep 04! Gebruik van een grid en interactie. Bron: smashingmagazine.com, image credit: Kristian Bjornard

Vormgeving Werkgroep 04! Gebruik van een grid en interactie. Bron: smashingmagazine.com, image credit: Kristian Bjornard Vormgeving Werkgroep 04! Gebruik van een grid en interactie Bron: smashingmagazine.com, image credit: Kristian Bjornard Programma deze week # In de werkgroep vandaag: Het visual designproces, de uitwerkingsfase

Nadere informatie

Handleiding voor het maken van je eigen webpagina op de schoolsite

Handleiding voor het maken van je eigen webpagina op de schoolsite Waar gaat dit over? Handleiding voor het maken van je eigen webpagina op de schoolsite Hier leer je hoe je een eigen webpagina kunt maken op de site van de school. Op deze webpagina kun je vertellen wie

Nadere informatie

CMS Template Handleiding

CMS Template Handleiding CMS Template Handleiding Inhoudsopgave Inloggen in het CMS... 3 Pagina s toevoegen... 4 Pagina s bewerken... 6 Een link toevoegen... 7 Een afbeelding toevoegen... 9 Foto s plaatsen op de fotopagina...

Nadere informatie

E-resultaat aanpak. Meer aanvragen en verkopen door uw online klant centraal te stellen

E-resultaat aanpak. Meer aanvragen en verkopen door uw online klant centraal te stellen E-resultaat aanpak Meer aanvragen en verkopen door uw online klant centraal te stellen 2010 ContentForces Niets uit deze uitgave mag worden verveelvoudigd en/of openbaar gemaakt door middel van druk, fotokopie,

Nadere informatie

SMART- Leerdoel Mathijs de Bok Emotion - RMM42

SMART- Leerdoel Mathijs de Bok Emotion - RMM42 SMART- Leerdoel Mathijs de Bok Emotion - RMM42 Inhoudsopgave 1.0 Inhoudsopgave 1 1.0 Inleiding 2 1.1 Algemeen 2 1.2 Mijn leerdoelen 2 2.0 Beschrijving leerdoel 2 3 2.1 Responsive 3 2.2 Up- to- date HTML&CSS

Nadere informatie

Inhoud van de website invoeren met de ContentPublisher

Inhoud van de website invoeren met de ContentPublisher Inhoud van de website invoeren met de ContentPublisher De inhoud van Muismedia websites wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS): de ContentPublisher.

Nadere informatie

CREATIEF CONCEPTEN OP BASIS VAN CREATIVITEIT HOE? ZO!

CREATIEF CONCEPTEN OP BASIS VAN CREATIVITEIT HOE? ZO! CREATIEF CONCEPTEN OP BASIS VAN CREATIVITEIT HOE? ZO! INHOUDSOPGAVE STARTFASE VOORAF - IS HET EEN ONDERWERP VOOR CREATIVITEIT? - ANALYSEVRAGEN - BRIEFING MET PROBLEEMEIGENAAR DE CREATIEVE SESSIE - SPELREGELS

Nadere informatie

Plan van aanpak. Project: Portfolio Website. Bedrijf: InHolland Haarlem

Plan van aanpak. Project: Portfolio Website. Bedrijf: InHolland Haarlem Plan van aanpak Project: Portfolio Website Bedrijf: InHolland Haarlem Plaats, datum: Haarlem, 18-09-2013 Opgesteld door: Gerardus Vermeulen (536512), 536512@inholland.nl Plan van Aanpak project Portfolio

Nadere informatie

Bijlage W2 groep 7 1

Bijlage W2 groep 7 1 1 Inhoudsopgave 1 Inleiding: Waarom ik een werkstuk maak 2 Zo begin ik met mijn werkstuk 3 De onderdelen van het werkstuk 4 Waaraan moet mijn werkstuk voldoen? 4 Beoordelingsschema voor je werkstuk 5 Hoe

Nadere informatie

Snel een begin maken met Front-Page voor een eigen website. blad 1

Snel een begin maken met Front-Page voor een eigen website. blad 1 Snel een begin maken met Front-Page voor een eigen website. blad 1 Je gaat zelf een eenvoudige web site maken en zult deze eerst op papier moeten ontwerpen. Je maak een met daaronder sub-pagina s en eventueel

Nadere informatie

informatie architectuur herkansing eindopdracht rondleiding app voor het stedelijk museum

informatie architectuur herkansing eindopdracht rondleiding app voor het stedelijk museum informatie architectuur herkansing eindopdracht rondleiding app voor het stedelijk museum Het Stedelijk Museum is een internationaal instituut in Amsterdam, gewijd aan moderne en hedendaagse kunst en vormgeving.

Nadere informatie

Inhoudsopgave. Stappen 1 Ervaringen 2 Wireframes 3 PIOTR TEKIEN HKU GAME ART GAR-1B

Inhoudsopgave. Stappen 1 Ervaringen 2 Wireframes 3 PIOTR TEKIEN HKU GAME ART GAR-1B Inhoudsopgave Stappen 1 Ervaringen 2 Wireframes 3 PIOTR TEKIEN HKU GAME ART GAR-1B PORTFOLIO 1 - STAPPEN Stappen INTRODUCTIE Voordat ik over mijn stappen vertel, wil ik kort toelichten dat ik eerder een

Nadere informatie

Algemene regels. Stappenplan webdesign

Algemene regels. Stappenplan webdesign Algemene regels Stappenplan webdesign Kleurengebruik Denk bij het maken van een website aan je kleurencombinaties. Gebruik niet meer dan 4 kleuren; Achtergrond; Heading/ Subheading; Platte tekst; Links.

Nadere informatie

Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve E-bike. Websites links:

Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve E-bike. Websites links: Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve Ebike Websites links: http://www.fatboy.com/nl/ http://www.dsignmeubels.nl/ http://allemachtigprachtig.nl/ http://www.gilianoriginals.nl/

Nadere informatie

User Centred Development! UCD Werkcollege blok 1 week 3

User Centred Development! UCD Werkcollege blok 1 week 3 User Centred Development! UCD Werkcollege blok 1 week 3 Agenda! Problemen in de supermarkt! Feedback! Design review! Observatie oefening: Wat zit er in mijn tas?! Deel 1: Alleen kijken! Deel 2: Kijken

Nadere informatie

Plan van Aanpak. Project: Portfolio Online 18-9-2013. Jeremy de Jager INHOLLAND

Plan van Aanpak. Project: Portfolio Online 18-9-2013. Jeremy de Jager INHOLLAND 18-9-2013 Plan van Aanpak Project: Portfolio Online Jeremy de Jager INHOLLAND Pagina 1 Hoofdstukken 1. Achtergronden - Projectnaam - Opdrachtgever - Opdrachtnemer - Beschrijving organisatie - Geschiedenis

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

Techniekkaart: Het houden van een interview

Techniekkaart: Het houden van een interview WAT IS EEN INTERVIEW? Een interview is een vraaggesprek. Wat een interview speciaal maakt, is dat je met een interview aan informatie kunt komen, die je niet uit boeken kunt halen. Als je de specifieke

Nadere informatie

Om in te loggen in het CMS (Content Management Systeem) gaat u naar http://domeinnaam.nl/admin Hier ziet u het inlogscherm:

Om in te loggen in het CMS (Content Management Systeem) gaat u naar http://domeinnaam.nl/admin Hier ziet u het inlogscherm: CMS Handleiding Inhoudsopgave Inloggen in het CMS... 3 Pagina s toevoegen... 4 Pagina s bewerken... 7 Een link toevoegen... 8 Een afbeelding toevoegen... 10 Foto s plaatsen op de fotopagina... 12 Media...

Nadere informatie

Quick Guide VivianCMS

Quick Guide VivianCMS Quick Guide VivianCMS Van document naar website Versie: 1.0 Startdatum: 24 juli 2006 Datum laatste wijziging: 24 juli 2006 Opmerking: Gepubliceerd op http://www.viviancms.nl Inhoud 1 Inleiding...3 1.1

Nadere informatie

Crossmediaformat. Situatie

Crossmediaformat. Situatie Crossmediaformat Situatie Crossmedia is bijna een toverwoord geworden voor spannende en innovatieve communicatie. Wanneer je ook de vakliteratuur leest dan merk je dat bureaus en klanten continu op zoek

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

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

Bekijkjetoekomstnu.nl

Bekijkjetoekomstnu.nl Bekijkjetoekomstnu.nl Vandaag gaan we aan de slag met Lesbrief 1: Beroepen Naam: Klas: School: VMBO: BL KL TL (omcirkel) Heb jij een droomberoep? En wil je weten welke beroepen er nog meer zijn? Op www.bekijkjetoekomstnu.nl

Nadere informatie

PHP-OPDRACHT SITE BOUWEN

PHP-OPDRACHT SITE BOUWEN PHP-OPDRACHT SITE BOUWEN PERIODE 4 LEERJAAR 1 Opleiding: Duur: Applicatieontwikkelaar 1 onderwijsperiode (4-8 weken) Voorkennis: Basiscursus PHP 5.4 Victor Peters (978 90 125 8499 9) Basiscursus XHTML,

Nadere informatie

Handleiding voor de leerling

Handleiding voor de leerling Handleiding voor de leerling Inhoudopgave Inleiding blz. 3 Hoe pak je het aan? blz. 4 Taken blz. 5 t/m 9 Invulblad taak 1 blz. 10 Invulblad hoofd- en deelvragen blz. 11 Plan van aanpak blz. 12 Logboek

Nadere informatie

Tools 4 Thinking Geschreven door: Marjolein Joosse Klas: 1 C Docenten: Corné van Delft Les: Tools 4 Thinking Datum: 19 januari 2016

Tools 4 Thinking Geschreven door: Marjolein Joosse Klas: 1 C Docenten: Corné van Delft Les: Tools 4 Thinking Datum: 19 januari 2016 Tools 4 Thinking Geschreven door: Marjolein Joosse Klas: 1 C Docenten: Corné van Delft Les: Tools 4 Thinking Datum: 19 januari 2016 Inhoud Needs and Requirements... 3 Persona s... 4 Sitemap... 6 Wireframes...

Nadere informatie

6 weken. jaren. AO MD ALA B periode 2 HTML CSS Javascript Tafels Rekenen website.docx Pagina 1 van 6

6 weken. jaren. AO MD ALA B periode 2 HTML CSS Javascript Tafels Rekenen website.docx Pagina 1 van 6 Opleiding Complexiteit Begeleiding Duur Advies timing Focus op Applicatieontwikkelaar Periode Ontwerp en realiseert Eind Niveau Weinig begeleiding 6 Periode, ALA B Kerntaak Ontwerpen van de applicatie,

Nadere informatie

Usability Engineering en User Experience 2012/2013

Usability Engineering en User Experience 2012/2013 Usability Engineering en User Experience 2012/2013 Opdracht 3 Persona s Uitleg en begeleiding Deze opdracht gaat over usability testing met behulp van persona s. De persona s ontwerp je zelf en gebruik

Nadere informatie

Tot zover Format Doelgroep Locaties Grounding the narrat Interactie Motivatie

Tot zover Format Doelgroep Locaties Grounding the narrat Interactie Motivatie Tot zover 1. Format: (serieus)game, play, tour, commercieel enz. 2. Doelgroep / personages / persona s / sociale relatie met een ander 3. Locaties: (non)lineair, history, branching. Herhaalbare patronen

Nadere informatie