DFI Models & Processes Herkansingsklas 1 (V207) Nienke Griffioen [REDESIGN RTL GEMIST.NL DFI OPDRACHT]
|
|
- Katrien de Boer
- 8 jaren geleden
- Aantal bezoeken:
Transcriptie
1 2013 DFI Models & Processes Herkansingsklas 1 (V207) Nienke Griffioen [REDESIGN RTL GEMIST.NL DFI OPDRACHT]
2 Inhoudsopgave DFI opdracht 1: redesign RTL Gemist pag. 3 Opdracht omschrijving Pag. 3 Doel van de website Pag. 3 Context Pag. 3 Zoekopties Pag. 3 User goals Pag. 4 Wat verwachten gebruikers? Pag. 4 Mijn mentale model: Pag. 4 Het mentale model verse gebruiker Pag. 5 Toelichting mentale modellen: Waarom zijn deze hetzelfde/anders Pag. 5 Patterns op alle niveau s Pag. 5 Ontwerp Pag. 8 Funnels Pag. 8 Flowchart Pag. 10 Schermverloop diagram Pag. 11 Wireframes Pag. 11 Conceptueel model Pag. 14 Onderbouwing feedback Pag. 14 Onderbouwing ontwerpen Pag. 14 Conclusie en advies Pag. 15 Bijlage Pag. 16 Feedback formulier Pag.16 Bronnen Pag. 17 2
3 DFI opdracht: redesign RTL Gemist Nienke Griffioen V207 Opdracht omschrijving Ontwerp een nieuwe interface voor het uitzending gemist van RTL.nl. Er zijn 3 stappen die we hierbij moeten volgen. We moeten bij stap 1 het primaire gebruikersdoel bepalen. Bij dit gebruikersdoel moeten we procesfunnels maken. Bij stap 2 gaan we aan de hand van design patterns de onderbouwing schrijven die het gebruikersdoel ondersteund. Als laatste bij stap 3 zal het uitgewerkt worden in een wireflow en de uitgewerkte procesfunnels zullen in de vorm van een flowchart beschreven worden. Doel van de website Als eerste moet dus een doel worden vastgesteld voor uitzending gemist van RTL. Ik ben zelf een gebruiker van uitzending gemist van rtl dus dit moet niet zo moeilijk zijn. Ik ga naar uitzending gemist van RTL als ik een aflevering van GTST wil terug kijken. Hieruit kan ik dus opmaken dat het gebruikersdoel van de website is: Het terugkijken van een gemiste aflevering van de serie GTST. Om dit doel te bereiken zijn er meerdere zoekopties mogelijk zodat de gebruiker op zo n makkelijk mogelijke manier tot zijn gebruikersdoel kan komen. Maar bij elke aflevering zit er ook een stuk reclame voor. Dit is het business doel: omzet genereren door advertenties voor de programma s te plaatsen. Dit genereert de mogelijkheid tot betaalde content. Context Sence mist bijna geen aflevering van GTST alleen moet Sence soms trainen zoals op de woensdag dus mist ze wel eens een aflevering. Deze wil ze natuurlijk wel terug kijken dus zal ze dit op de website moeten doen. Om haar een zo makkelijk mogelijke manier te geven om dit terug te kunnen kijken wil ik dat je een account nodig hebt waarin je je favoriete series kunt zetten (alleen wil ik dit niet verplichten voor als je 1x iets terug wilt kijken). Zodat je als eerste kan kiezen voor de serie die je terug wilt kijken. Bij deze is dat dus GTST. Maar ik wil ook de optie hebben dat ze kan zoeken naar een andere serie. Hiervoor zijn zoekopties nodig. Hiervoor wil ik dat je kan filteren op alfabetische volgorde, zenders en dagen. Zoekopties Laten we aanhouden dat Sence GTST wilt toevoegen aan haar favorieten en ze dus op zoek is naar GTST. De zoekmanieren die ze kan gebruiken zijn dus: Op specifieke titel zoeken Video s op de homepage Via een filter de aflevering vinden Op je account in favorietenlijst vinden Deze zoekopties heb ik weergegeven in funnels. 3
4 User goals Voor het gemak geef ik de gebruiker de naam Sence. Sence heeft een aantal goals waarom ze naar Uitzending Gemist van RTL gaat. - Ze wil een uitzending van GTST terug kijken die ze heeft gemist door een training - Ze wilt wel blijven trainen - Ze wilt dit lekker thuis doen waarbij ze lekker ontspannen kan terug kijken - Ze wil worden entertaint - Ze wil niet teveel handelingen moeten doen Wat verwachten gebruikers? Mijn mentale model: 4
5 Het mentale model verse gebruiker Toelichting mentale modellen: Waarom zijn deze hetzelfde/anders De mentale modellen verschillen voor een gedeelte maar niet veel. Je weet namelijk dat een serie op een zender wordt afgespeeld en dat je de naam van de serie moet weten. Tegenwoordig moet je voor veel dingen een account hebben dus lijkt me de vraag of het voor dit ook handig zou zijn niet zo raar. Patterns op alle niveau s Design patterns Posture Pattern 2 Sovereign Het is een verzameling van functies die voor langere tijd worden gebruikt. Het is volledig schermbedekkend en wordt gebruikt door de intermediate user. RTL gemist gebruik je voor langere tijd omdat je een aflevering zoekt en deze wilt kijken. Daarnaast ga je ondertussen niet andere dingen zitten doen omdat je een specifiek programma terug wilt kijken en er dan de tijd voor hebt. De intermediate user is een gebruiker die weet wat hij doet maar geen expert is.(het grootste gedeelte van de gebruikers). 1,2 Transient o A-Z zoekfilter gebruik je alleen als het nodig is het is dan ook eenvoudig te gebruiken en je hoeft er niet speciaal vertouwt mee te zijn. 1,2 5
6 Structural pattern Hier wordt een structuur van informatie op het scherm weergegeven. 1 o Main Navigation dit is gewoon het hoofdmenu wat je bij elke website terug vind en nodig hebt. 2 o Site Index deze wordt weergegeven in het A-Z zoekfilter. 2 6
7 Behavioral pattern Je hebt hierbij een specifieke interactie met elementen. o Searchbox dit is een navigatie element 2 o Autocompletion hierbij krijg je een vorm van feedback 2 Overige patterns o Newsbox zorgt dat er altijd nieuwe updates zijn van de afleveringen en dat deze bovenaan staan. 2 7
8 o Thumnails kleine weergave van foto/aflevering. 2 o Immediate feedback zorgt dat gebruiker direct feedback krijgt op zijn/haar acties bij bijvoorbeeld fouten bij het inloggen. 3 o Feedback Bij het laden van een aflevering krijg je een laad icoon te zien. 3 Ontwerp Funnels Primair gebruikersdoel: GTST terugkijken. Funnel 1 - Op specifieke titel zoeken Sence komt op RLT gemist pagina en voert bij zoek de titel GTST in. Ze selecteert het programma en komt op de GTST Pagina terecht. Hier hoeft ze dan alleen nog de aflevering te selecteren op datum om de aflevering te kunnen bekijken. 8
9 Funnel 2 - Video s op de homepage Funnel 3 Sence komt op RTL gemist pagina. Ze ziet hier gelijk de uitzending van GTST staan. Ze klikt op de uitzending en word doorgestuurd naar de pagina van GTST en kan vanuit hier gelijk de uitzending bekijken. - Via een filter de aflevering vinden Sence komt op de RTL Gemist pagina. Ze gebruikt de filter functie A-Z en/of Zender en/of dag. Hier kiest ze dan voor GTST waardoor ze vervolgens op de GTST pagina komt om de aflevering te bekijken. 9
10 Funnel 4 - Op je account in favorietenlijst vinden Flowchart Sence komt op de RTL Gemist pagina en logt in voor haar eigen account. Ze ziet hier een lijst met haar favorieten. Ze selecteert uit deze lijst GTST. Ze komt op de GTST pagina en selecteert de datum van de aflevering die ze wil zien en kan nu die aflevering kijken. 10
11 Schermverloop diagram Wireframes 11
12 12
13 13
14 Conceptueel model Onderbouwing feedback In week 4 hebben we feedback gehad. Ik dacht dat alles op 1 A3 moest dus had ik het niet heel diep uitgewerkt. Dat was dan ook mijn feedback dat het nog niet diep genoeg was. Funnels zaten op niveau 1, Design patterns kon ik wel goed uitleggen en hij had het idee dat ik het wel snapte maar moest het op papier gaan uitschrijven en dieper uitwerken dit zat op niveau 2 en het ontwerp moest ik ook dieper uitwerken dit was nog niet goed genoeg. In bovenstaande pagina s kun je de diepere uitwerkingen zien. Dit heeft meer duidelijkheid geschept en meer mogelijkheden gegeven. Het ontwerp moet zo eenvoudig mogelijk zijn zodat de eind gebruiker er goed mee overweg kan en het voor een goede gebruikerservaring moet zorgen. Onderbouwing ontwerpen 1. Ontwerp principes Ik heb voor het ontwerp gekeken naar design Values. De design Values bestaan weer uit verschillende onderdelen zoals Ethical interaction design, Purposeful design, Pragmatic design en elegant interaction design. Ik heb op een aantal van deze punten gelet zoals bij Ethical interaction design heb ik gelet dat het mensen niet kan beledigen en ze zo min mogelijk frustraties kunnen oplopen door te zorgen dat ze feedback krijgen. Daarnaast heb ik aan de hand van bovenstaande tools geprobeerd de Purposeful interaction design zo goed mogelijk te doen aan de hand van de gebruikersdoelen zo goed mogelijk te begrijpen zodat het design daarop gericht kon worden. Bij Elegant interaction design heb ik gelet op het less 14
15 is more begrip zodat je geen grote website krijgt maar alleen de belangrijkst dingen wat weer zorgt dat er minder snel frustraties ontstaan en dus voor een betere gebruikerservaring zorgt. (Alan Cooper, 149) 1 2. Patterns, postures Dit kunt u terug vinden bij de Patterns. 3. Usergoals Kun je vinden bij de mental models en bij de user goals. 4. Experience levels Er zijn drie verschillende groepen van gebruikers. De Experts, de intermediates en de beginners. De experts zijn degene die er verstand van hebben de Beginners weten nog helemaal niks en de intermediate users weten wel wat maar niet extreem veel. Intermediate users zijn de grootste groep gebruikers. Daarom heb ik gezorgd dat de website voor intermediate users goed is. De beginners gaan vaak zo snel door naar inetermediate users dat dit geen groot probleem zal zijn en de intermediates gaan eigenlijk bijna niet door naar experts. Vandaar de intermediate users als hoofdgebruikers. Maar je moet wel zorgen dat alle drie de groepen er gebruik van kunnen maken en niet dat je ze tegen gaat werken. (Alan Cooper, 44) 1 5. Form en behaviour Als formulier heb je het inloggen/registreren. Hierbij wordt gezorgd dat je goede feedback krijgt. Ook bij de filters is het belangrijk dat je goede feedback krijgt. Welke patterns ik hiervoor gebruik zie je bij de patterns. (Alan Cooper, 141) 1 6. Usabilitytesting Aan de hand van usability testing kun je erachter komen wat fouten zijn in je design of waar nog verbeter punten zijn. Ook kan je erachter komen of je vormgeving wel goed werkt of dat deze afleidt. Je kan zo ontdekken of je gebruikers overweg kunnen met je design of dat je toch nog frustraties tegenkomt die je eigenlijk wilt vermijden, en of het einddoel wordt bereikt. (Alan Cooper, 142) 1 Conclusie en advies Mijn conclusie die ik kan trekken uit al het bovenstaande is dat je aan de hand van DFI een goed design neer kan zetten wat simpel is en is te gebruiken voor elk soort gebruiker dat er is. Zorg wel altijd dat je een goed inzicht hebt in je eindgebruiker zodat je je wel op zijn/haar einddoelen richt. En aan de hand van alle tools krijg je inzicht in hoe het in elkaar zit. 15
16 Bijlage Feedback formulier 16
17 Bronnen 1 Cooper, Alan and the co-authors. About Face 3 The Essentials of Interaction Design. Indiana: Wiley Publishing Inc Print 2 NB. Welie Welie.com/patterns. NB., 23 januari 2013 om Web 3 t Hooft, Sanne en de Swart, Myrna. Human Computer Interaction. Amsterdam: HVA, Print 17
RTL XL. januari 24. Marijke Dekker 500636932
januari 24 RTL XL 2013 Dit document bevat het herontwerp van de site RTL XL. U vindt hierbij funnels, mental models, patterns, wireflows, flowcharts en onderbouwing van bepaalde keuzes. Marijke Dekker
Nadere informatieRedesign RTL XL Gemist
In dit document zijn de funnels, designpatterns, mentale modellen en het ontwerp van de redesign van RTL XL Gemist te vinden. Redesign RTL XL Gemist DFI Models & Processes Miranda Endhoven Inhoudsopgave
Nadere informatieStap 1: Mindmap design. Wat is design volgens Marktplaats. Wat is design volgens Judith. Informatie Architectuur Design op marktplaats
Stap 1: Mindmap design Informatie Architectuur Wat is design volgens Marktplaats Wat is design volgens Judith Stap 2: Onze bevindingen. Informatie Architectuur Analyse van www.marktplaats.nl Design heeft
Nadere informatieOZO Handleiding 1. Voor gebruikers/deelnemers
OZO Handleiding 1 Voor gebruikers/deelnemers Inleiding Deze handleiding legt u uit hoe u als gebruiker/deelnemer op overzichtelijke wijze de weg kunt vinden binnen de OZO website. Wilt u uitleg over de
Nadere informatieAlexander Zeh Models & Processes 500681085 21 september 2014 Oscar Trapman V1-06
1 2 Job Story 1 pagina 3 Job Story 2 pagina 6 Job Story 3 pagina 9 Job Story 4 pagina 12 In dit document is een ontwerp te vinden van een deel van de BVA web-app. Er zijn vier ontwerpen gemaakt en die
Nadere informatieMILLEDONI.NL OP MOBIEL. Door: Sijmen Vos, 500661784, klas v1-05 Docent: Koop Reynders Datum: 17 februari 2014
MILLEDONI.NL OP MOBIEL Door: Sijmen Vos, 500661784, klas v1-05 Docent: Koop Reynders Datum: 17 februari 2014 Inhoud Inleiding... 1 Mentale model bij vraag 1 (behavioural)... 2 Mentale model bij vraag 2
Nadere informatiePhilips 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 informatie1.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 informatieHet 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 informatieUitleg site maken. Stap 2) Nu kiezen we de lay-out. Je kunt het aantal kolommen kiezen. Je kiest nu de eerste. Maar dit kun je later veranderen
Uitleg site maken Hier vind je een uitleg hoe je bij Google een site kunt maken. Maak eerst een map bij je Favorieten en zet daar onderstaande sites in. Later zet je daar ook je eigen site in. Handig om
Nadere informatieHoe bouw je een goede website/webshop?
Hoe bouw je een goede website/webshop? Een website/blog zit zo in elkaar, maar om er dan een goede, mooie en succesvolle website van te maken is een tweede. Hierbij komt veel meer kijken dan dat men denkt.
Nadere informatieInhoudsopgave. 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 informatieResearch for Design. Communication and Multimedia Design Amsterdam - Research for Design- B1 HC7 requirements - 10 10 2011
Research for Design Research for Design opbouw week 1: orientatie, deskresearch & expert review week 2: persona hypothesis, mentale modellen & early interviews week 3: leren interviewen & observeren week
Nadere informatieAan de rechterkant is een werkbalk te zien. Onderaan krijg je de instructie: Dubbelklik of sleep een bestand op een plek om iets te plaatsen.
Web 2.0 tools Padlet We geven je een lege muur. Je kunt er van alles opzetten, overal. Eenvoudig, maar toch heel krachtig. Als ik dit lees, ben ik heel erg benieuwd wat er allemaal mogelijk is. Ik ga eens
Nadere informatierabb-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 informatieOntwerp Portfoliowebsite MMIO 2016
Ontwerp Portfoliowebsite MMIO 2016 Marit Beerepoot 10983430 7 februari 2016 Informatiekunde Universiteit van Amsterdam Inleiding Voor deze opdracht was het de bedoeling dat er 3 verschillende voorstellen
Nadere informatieInteractie ontwerp Oor website en Lowlands App. Sitemaps, Lo-fi s en Detail wireframes door Ilse Peetsma. Oktober 2013
Interactie ontwerp Oor website en Lowlands App Sitemaps, Lo-fi s en Detail wireframes door Ilse Peetsma Oktober 2013 Informatie Architectuur 500674427 V1-02 Inhoudsopgave Inhoudsopgave 02 Inleiding 02
Nadere informatieOpname hulp. Stap voor stap uitleg over het opnemen van een Babbel - voor kinderen. Videoverhalen over kinderboeken, voor en door kinderen, 8+
Opname hulp Stap voor stap uitleg over het opnemen van een Babbel - voor kinderen B B Videoverhalen over kinderboeken, voor en door kinderen, 8+ BoekenBabbels DOEL Door het opnemen en plaatsen van korte
Nadere informatieOZO Handleiding 2. Voor organisatoren
OZO Handleiding 2 Voor organisatoren Inleiding Deze handleiding legt u uit hoe u als organisator gebruik kunt maken van de functies die u alleen als organisator hebt. Wilt u als organisator voor uzelf
Nadere informatieF 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 informatiePiotr Tekien. Grafische Vormgeving Revisie portfoliostijl GAR1-B. 3 december 2014 PIOTR TEKIEN HKU GAME ART GAR-1B
Piotr Tekien GAR1-B Grafische Vormgeving Revisie portfoliostijl 3 december 2014 PIOTR TEKIEN HKU GAME ART GAR-1B INHOUDSOPGAVE Inhoudsopgave Revisie Portfoliostijl 1 Inleiding 1 Vergelijking eigen site
Nadere informatieMilledoni.nl Ontwerpdocument herontwerp zoekfunctie. Models & Processes Sanne Schouten 500664503 Klas: V1-07 Docent: Koop Reynders
Milledoni.nl Ontwerpdocument herontwerp zoekfunctie Models & Processes Sanne Schouten 500664503 Klas: V1-07 Docent: Koop Reynders IHOUDSOPGAVE - Inleiding 3 - Mentaal model vragen 4-9 o Question o Answer
Nadere informatieBasishandleiding website voetbalvereniging Lemelerveld Wordpress content managementsysteem
Basishandleiding website voetbalvereniging Lemelerveld Wordpress content managementsysteem Augustus 2012 Inleiding De website van voetbalvereniging Lemelerveld draait op het content managementsysteem (CMS)
Nadere informatieWeb 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 informatieGevorderd Geld Verdienen Met Internet
Gevorderd Geld Verdienen Met Internet Zonder enige kosten/moeilijkheden Copyright 2009: "Niets uit deze uitgave mag worden gekopieerd/aangepast zonder toestemming van de auteur. 1 Hee! Bedankt dat je mijn
Nadere informatieInhoud 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 informatieWerkschrift : Hoe werk ik op WikiKids?
Werkschrift : Hoe werk ik op WikiKids? WERKBOEK WIKIKIDS Welkom bij het werkboek van WikiKids. In dit werkboek staan opdrachten waarmee je stap voor stap leert werken met WikiKids. Er staan 15 opdrachten
Nadere informatieWeebly: Stappenplan voor docenten
Weebly: Stappenplan voor docenten Stap 1: Registratie Ga naar http://education.weebly.com/ Voordat u aan de slag kunt met Weebly moet u zich inschrijven. U vult uw gebruikersnaam en uw e-mailadres in en
Nadere informatieIndesign. Pencil - Achtergrond - Visie - Keuzes - Onderbouwing - Toepassing. Photoshop - Achtergrond - Toepassing. Vincent Damen 11034734
Indesign Vincent Damen 11034734 Pencil - Achtergrond - Visie - Keuzes - Onderbouwing - Toepassing Photoshop - Achtergrond - Toepassing Pencil Achtergrond Ik had voor deze week nog nooit van het programma
Nadere informatieConcept 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 informatieVan persona s en scenario s naar wireframes. Lay-out met grid
Interaction Design Van persona s en scenario s naar wireframes Lay-out met grid Louis Klomp LHJ.Klomp@windesheim.nl X8.10 / X7.96 Tel (088-469) 9908 Wat gaan we doen deze week? Persona s Scenario s Conceptueel
Nadere informatieDe WordPress 3.5 Beginners Handleiding
De WordPress 3.5 Beginners Handleiding Internetbureau Elephant april 13 Inhoud Introductie... 2 Inloggen... 3 Het dashboard... 5 Berichten en pagina's... 6 Nieuw Bericht... 6 Nieuwe Pagina... 8 Afbeeldingen,
Nadere informatieTRAINERSSITE.NL VOETBALCLUB2000.NL HANDLEIDING TRAININGEN
TRAINERSSITE.NL VOETBALCLUB2000.NL HANDLEIDING TRAININGEN Versie Het maken en wijzigen van trainingen Laatste update: 28 december 2012 Welkom Via onze website kunt u zeer eenvoudig oefenvormen en trainingen
Nadere informatieStedelijk 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 informatieInhoud! Taak 1.3.6 Joomla en zo Door Paul van der Linden. Taak 1.3.6 Joomla en zo
Inhoud! Taak 1.3.6 Joomla en zo Inhoud!... 1 Voorwoord... 2 Joomla 1.5...3 Website...4 Menu s...5 Artikelen...6 Componenten...7 Extensies...8 Tools...9 Conclusie... 10 Bronvermelding... 11 1 Voorwoord
Nadere informatieCard 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 informatieUser testing: Aan de hand van een expectation map heb ik 3 verschillende personen gevraagd om het prototype te testen.
Evaluatie: Usability test Inleiding We hebben verschillende testpersonen gebruikt om in het platform FRIS community onduidelijkheden weg te nemen. Het testen hebben we gedaan door middel van een prototype.
Nadere informatie6. Indexatie: Zijn de verschillende pagina s binnen de site geïndexeerd door Google?
PIMPTER WEBSHOP http://www.nailsprinter.com http://www.pimpter.com/ http://www.salonique.com/nail-printers.html http://www.nagelstudiocenc.nl/shop.php http://www.yournail.nl/webwinkel-category-1127889/nagelprinter.html
Nadere informatiePlan 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 informatieBitrix Site Manager gebruikershandleiding BureauZuid
Bitrix Site Manager gebruikershandleiding BureauZuid Introductie Deze gebruikershandleiding geeft gedetailleerde basisinformatie over hoe te werken met Bitrix Site Manager. Deze handleiding is bedoeld
Nadere informatieGrafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase
Mobiel Datanose Op dit moment is mobiel datanose niet goed gedaan; je krijgt gewoon de site te zien zoals je het te zien krijgt op pc's of laptops. Maar vaak heb je het probleem dat je op je mobiel moet
Nadere informatieKies File>New>Blank Page>PHP. Je kunt eventueel nog een stylesheet koppelen. Definieer nu eerst een site! Dat betekent: Site>New Site
Kies File>New>Blank Page>PHP Je kunt eventueel nog een stylesheet koppelen. Definieer nu eerst een site! Dat betekent: Site>New Site Geef de site een passende naam. Kies ook de juiste map voor de webdocumenten.
Nadere informatieLeerpaden maken. 1. Account en wachtwoord. 2. Maak een nieuw leerpad aan. 3. Inhoud aan een leerpad toe voegen. 4. Structuur aanbrengen op een pagina.
Leerpaden maken 1. Account en wachtwoord 2. Maak een nieuw leerpad aan. 3. Inhoud aan een leerpad toe voegen. 4. Structuur aanbrengen op een pagina. 5. Structuur aanbrengen met stappen 6. Structuur aanbrengen
Nadere informatieHandleiding. self service adverteren in print.
Handleiding self service adverteren in print. Met onze online tool maak je in drie simpele stappen een advertentie drukklaar. Gereed voor de krant van morgen. Kies een ontwerp. Bewerk de inhoud. En lever
Nadere informatiePrototype/Usability testverslag
Prototype/Usability testverslag Save Energy Leiden Dennis Wagenaar 19-04-10 v1.0 Inhoudsopgave Inleiding...3 1 Opdracht...4 1.1 Probleemstelling...4 1.2 Doelstelling...4 1.3 Onderzoeksvraag...4 1.4 Deelvragen...4
Nadere informatieHandleiding Word Press voor de bewoners Westerkaap 1
1 Handleiding Word Press voor de bewoners Westerkaap 1 Inhoud: Inloggen Pagina 1 Algemeen Pagina 2 Berichten Pagina 2 Bericht bewerken, Linken Pagina 3-4 Plaatje toevoegen bericht Pagina 5-6 Bericht publiceren
Nadere informatieBinnen Blackboard is het mogelijk studenten gezamenlijk aan een tekst te laten werken en deze tegelijkertijd van feedback te voorzien.
Dweeb Uitdiep monitort online groepswerk Wanneer ik mijn studenten een schrijfopdracht geef in groepsverband, wil ik tijdig feedback kunnen geven. Ik zou graag meer inzicht in het groepsproces krijgen
Nadere informatieOntwerpdocument 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 informatiewww.voornaamachternaam.graafschapcollegehandel.nl
Ga naar jouw eigen website, Dit is jouwvoornaam+achternaam.graafschapcollege-handel.nl Dit ziet er dan als volgt uit (uiteraard dan met jouw naam): www.voornaamachternaam.graafschapcollegehandel.nl Bijvoorbeeld:
Nadere informatieNu kunnen we beginnen met het opzoeken van producten. Hier zijn 5 mogelijkheden voor voorzien.
Aanmelden Ga naar onze website www.vanoirschot.be Klik op Inloggen. Geef uw klantnummer, gebruikersnaam en wachtwoord in. Deze gegevens zijn door ons aan u per mail verstrekt. Vergeet niet de vakjes profiel
Nadere informatieHandout Bloggen. Les 1: Het maken van een Wordpress Blog
Handout Bloggen Les 1: Het maken van een Wordpress Blog Er zijn vele sites waar je een blog kunt beginnen. Daarvan is Wordpress een van de grootste. Heel veel websites draaien op Wordpress, maar er is
Nadere informatieStappenplan. 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 informatieTEST PLAN V1. Project Portfolio G&I1A TEAM OG. Test Monitor: Data-loggers: Tech Operator: Recruiter: Bastiaan Burghardt. Bastiaan Burghardt
TEST PLAN V1 TEAM OG Test Monitor: Data-loggers: Tech Operator: Recruiter: Bastiaan Burghardt Bastiaan Burghardt Bastiaan Burghardt Bastiaan Burghardt Project Portfolio G&I1A TEST V1 Naam: Leeftijd: Geslacht:
Nadere informatieGEBRUIKERSHANDLEIDING MAAKJETRAINING.NL 1
GEBRUIKERSHANDLEIDING MAAKJETRAINING.NL 1 INHOUD 1 Inleiding 3 1.1 De drie categorieën 3 2 Inloggen op MaakJeTraining 4 2.1 Registreren op MaakJeTraining 4 2.2 Inloggen met account 5 2.3 Veranderingen
Nadere informatieOntwerptechnieken. MyTV
Ontwerptechnieken MyTV Naam: Mike Wolffgramm Student: 500608754 Klas: V1CMD06 Vak: Ontwerptechnieken ( Herkansing ) Docent: Sonja Rouwhorst Datum: 17 januari 2012 Inhoudsopgave: - Inleiding pag. 3 - Sitemap
Nadere informatieNavigation & structure
Navigation & structure Eindopdracht tuinsite Naam: Klas: Datum: Versienummer: Studentenummer: Lerares: Joost Lemm Cmd1B 31-3- 2014 1 e versie 0866922 Margina Poelman Inhoudsopgave Inleiding... 3 Beschrijving
Nadere informatieGebruiksvriendelijkheid. 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- Plan Zo kun je een. website bouwen!
- Plan Zo kun je een website bouwen! BoekjeHoeKanJeEenWebsiteBouwen.i1 1 8-7-2008 17:23:14 BoekjeHoeKanJeEenWebsiteBouwen.i2 2 8-7-2008 17:23:15 In dit boekje staat de uitgebreide versie van hoe je een
Nadere informatiemijndomein.nl De Basiscursus Websitemaker
mijndomein.nl De Basiscursus Websitemaker iedereen een website Deel 2: vormgeving, 11 april 2012 mijndomein.nl Inhoudsopgave 8: De vormgeving van je website 3 Een stijl kiezen 3 Waar moet je op letten?
Nadere informatieEEN WEBSITE MAKEN MET WEEBLY
EEN WEBSITE MAKEN MET WEEBLY Dit is de handleiding om op Weebly.com een website te leren maken. De handleiding is verdeeld in 5 hoofdstukken; 1. Aanmelden 2.Weebly werkblad 3. Draggen en Droppen 4.Pagina
Nadere informatieLes 3: Het maken van pagina s, het menu en het schrijven van een blogpost Pagina s
Les 3: Het maken van pagina s, het menu en het schrijven van een blogpost Bij het maken van een blog is het belangrijk dat je er inhoud op plaatst. Dit noemen we content. Alles wat je openbaar op je blog
Nadere informatieonderzoek ontwerp realisatie implementatie
Usability testing onderzoek ontwerp realisatie implementatie onderzoek concept ontwerpen prototype realisatie & specificatie onderzoek ontwerp realisatie implementatie vandaag onderzoek ontwerp realisatie
Nadere informatieDe 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 informatieHoe moet je een prachtige presentatie maken?
Hoe moet je een prachtige presentatie maken? www.meestermichael.nl Geef de presentatie een titel. Klik dit vak aan om jouw presentatie een ondertitel te geven. Hier kun je je presentatie een titel geven
Nadere informatieTap is the New Click Werkgroep 2
Tap is the New Click Werkgroep 2 (On)verwacht SO Vraag 1/11 - Vul de vijf missende begrippen in. 1. Concrete Completion Visual Design Interface Design 2. Information Design Navigation Design Surface Skeleton
Nadere informatieThe Arternet: Ontwerpdocumentatie 20-01-2015
The Arternet: Ontwerpdocumentatie 20-01-2015 Levi Zimmerman & Robert Stijn V201 Alexander Zeh - The Social Web The Arternet: Ontwerpdocumentatie Levi Zimmerman & Robert Stijn 1 Inleiding The Arternet is
Nadere informatieUser Experience Design
User Experience Design vraag: Internetadres: http://www.school.mahamedgiire.nl/litoro/ Tagline: Uw wensen, ons werk. Paginatitels: Home, About en Contact Navigatiebalken: Altijd bovenin te vinden. Niet
Nadere informatiePOSTNL opdracht - pakketautomaat
POSTNL opdracht - pakketautomaat Opdracht - case scenario Een standaard consument die een pakket verzendt via www. PostNL/versturen en de Pakket- en briefautomaat gebruikt om zijn/haar pakket aan te bieden
Nadere informatieWelke search patterns kunnen worden toegepast om het zoeken van de juiste films of series in Netflix te verbeteren?
Essay Marcella van Maanen 1623064 User Experience Design Hans Kemp 27-05-2015 1 Inleiding Het zoeken van de juiste content op Netflix is bij vele mensen een drama. Wanneer er over Netflix gepraat wordt
Nadere informatieDocentenhandleiding. Basisschool
Docentenhandleiding Basisschool Inhoudsopgave Inleiding... 2 Stap 1: inloggen... 3 Korte uitleg van de icoontjes... 4 Stap 2: Het toevoegen van leerlingen.... 5 Stap 3: Het opdrachten toevoegen aan de
Nadere informatieHandleiding 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 informatieSkatespots app Door Kwabena Appiah-nti en Sanne Schouten. In opdracht van Communication and Multimedia Design te HvA, 20-01-2015
Skatespots app Door Kwabena Appiah-nti en Sanne Schouten. In opdracht van Communication and Multimedia Design te HvA, 20-01-2015 Inleiding Dit document bevat een ontwerp verantwoording van de applicatie
Nadere informatieHANDLEIDING DOIT BEHEER SYSTEEM
HANDLEIDING DOIT BEHEER SYSTEEM ALGEMENE INFORMATIE Het Doit beheer systeem is een modulair opgebouwd systeem waarin modules makkelijk kunnen worden toegevoegd of aangepast, niet iedere gebruiker zal dezelfde
Nadere informatieZoekmachine Optimalisatie Quickscan Rapport www.zeeuwsreisje.nl
Zoekmachine Optimalisatie Quickscan Rapport www.zeeuwsreisje.nl Keyword lijst Algemeen Alles in combinatie met zeeland Vakantie Bed and Breakfast / Bed en breakfast Hotel Campings / camping Vakantiehuis
Nadere informatieV O O R W O O R D... 3 1 V O O R U Z I C H K U N T A A N M E L D E N B I J G O O G L E +... 4 2 D E E L N E M E N A A N G O O G L E +...
Handleiding Google+ Inhoud V O O R W O O R D... 3 1 V O O R U Z I C H K U N T A A N M E L D E N B I J G O O G L E +..... 4 2 D E E L N E M E N A A N G O O G L E +... 7 3 F O T O S B E K I J K E N... 14
Nadere informatieDe site mmmakkelijk.nl werkt net zo makkelijk als de titel doet vermoeden. Toch is het handig om nog wat uitleg te krijgen.
De site mmmakkelijk.nl werkt net zo makkelijk als de titel doet vermoeden. Toch is het handig om nog wat uitleg te krijgen. De volgende onderwerpen komen aan bod: mmmakkelijk.nl Basis uitgangspunten recepten
Nadere informatieHandleiding 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 informatieMWeb 4.0. Handleiding Basis Modules Versie 1.0
MWeb 4.0 Handleiding Basis Modules Versie 1.0 Index 1. Algemeen 3 1.1. Gebruikersnamen en Wachtwoorden 3 1.2. Inloggen 3 1.3. Uitloggen 3 1.4. Belangrijk 3 2. User Manager 4 2.1. Gebruikers lijst User
Nadere informatieHandleiding voor het gebruik van de community website van OBS t Padland
Handleiding voor het gebruik van de community website van OBS t Padland Versie: 1.1 Datum: 18 juli 2013 Geschreven door: ict@padland.nl 2013 OBS t Padland. Pagina 1 Inhoud Inleiding... 3 Padland Startpagina...
Nadere informatiePubliceren met WordPress
Publiceren met WordPress Peter Osterop Tweede herziene editie 1. Installatie van WordPress 2. Configuratie van WordPress 3. Het uiterlijk van WordPress 4. Pagina s en berichten maken in WordPress 1 Installatie
Nadere informatieZÉLF JE WORDPRESS WEBSITE MAKEN?
WordPress blog ZÉLF JE WORDPRESS WEBSITE MAKEN? WordPress Academy Nederland helpt je op weg met onze Basiscursus INHOUD P1 P2 P3 P4 P5 P6 P7 P8 P9 P 10 P 11 P 12 P 13 P 14 P 15 P 16 P 17 P 18 P 19 P 20
Nadere informatieHandleiding competitie.nevobo.nl
De competitiewebsite, welke via http://competitie.nevobo.nl/ te bereiken is, wordt steeds belangrijker in de volleybalcompetities van de Nevobo. In dit document vindt u informatie over de werking van deze
Nadere informatieOp de website van de N!X Ruilkring klik je in het menu op Cyclos". Rechts bovenin klik je op de knop aanmelden. Je komt dan in het inlogscherm.
Inloggen Op de website van de NX Ruilkring klik je in het menu op Cyclos". Je ziet nu het inlogscherm van Cyclos: Rechts bovenin klik je op de knop aanmelden. Je komt dan in het inlogscherm. Hier vul je
Nadere informatieDigitaal portfolio (DPF)
Digitaal portfolio (DPF) Beknopte handleiding voor Archimedes studenten Inhoud Digitaal portfolio (DPF): toelichting bij inloggen... 2 Digitaal portfolio (DPF): aanmaken van een product... 4 Digitaal portfolio
Nadere informatieWebsite De Stap: Berichtenbeheer
Klik op Login Er wordt je gevraagd een Login en een Paswoord op te geven. De Login is stapteam Het wachtwoord is stapteam Klik op OK Je bent ingelogd en komt op een beveiligd deel van de site, enkel toegankelijk
Nadere informatieJe 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 informatieP5 Ontwerpdocument WIE IS DE MOL? Karlijn van Egmond P4 2015/2016 V1-07
P5 Ontwerpdocument WIE IS DE MOL? Karlijn van Egmond 500643748 P4 2015/2016 V1-07 Inhoudsopgave 1. Concept Blz. 2 2. Scenario Blz. 3 3 Interactieontwerp Userstory 1, hints toevoegen Blz. 5 Userstory 2,
Nadere informatieWebsites aanpassen. Voor iedereen.
Websites aanpassen. Voor iedereen. Teksten aanpassen en afbeeldingen toevoegen. Links naar andere pagina s of documenten. Pagina s toevoegen, kopiëren en verplaatsen. Ondersteuning voor meerdere talen.
Nadere informatieInloggen: Opbouw site: Een handleiding/introductie voor de nieuwe site van Fotoclub VPR.
Een handleiding/introductie voor de nieuwe site van Fotoclub VPR. Inloggen: Als je de site opent dan zie je o.a. bovenstaande afbeelding met het logo van de club en het menu. Om in te loggen klik je helemaal
Nadere informatieNaam: Valérie den Besten Klas: G&I A Datum: 06-11-15 Module: Project 100% presence Begeleider: Irene van Peer Groep 11 (team 14)
Naam: Valérie den Besten Klas: G&I A Datum: 06-11-15 Module: Project 100% presence Begeleider: Irene van Peer Groep 11 (team 14) Reflectieverslag Maandag hebben we gebrainstormd en we hebben voor mijn
Nadere informatieOOR & Lowlands Informatie Architectuur. Juliske Hummel Klas V Versie 1
OOR & Lowlands Informatie Architectuur Juliske Hummel 500675211 juliske.hummel@hva.nl Klas V1-04 31-10-2013 Versie 1 2 INDEX Debriefing 3 Aanpak 4 OOR 5 Sitemap 6 LoFi s Home 7 HiFi Home 8 LoFi s Artikelen
Nadere informatieHvA CMS: Hippo. Concept
HvA CMS: Hippo Concept Deze uitgave wordt uitsluitend voor persoonlijk gebruik aan cursisten meegegeven. Alle rechten worden voorbehouden. Niets uit deze uitgave mag door fotokopieën of op enige andere
Nadere informatieHandleiding Website beheersysteem
Handleiding Website beheersysteem Inhoudsopgave 1. Inleiding...3 2. Inloggen...4 3. De startpagina...5 3.1. Startpagina menu...5 3.2. Bovenbalk...6 4. Menu en Pagina's...7 4.1. Een nieuwe pagina toevoegen...8
Nadere informatieQuick 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 informatieHerlaarhof. het social media spel
Herlaarhof het social media spel Herlaarhof concept document Welkom bij het social media spel van Herlaarhof. Dit is een educatieve game die verteld over het gebruik van verschillende social media. Door
Nadere informatieModels & Processes Ontwerpdocument Milledoni.nl op mobiel. Laura Mentink 500668667 V-104 30-01-2014
Models & Processes Ontwerpdocument Milledoni.nl op mobiel Laura Mentink 500668667 V-104 30-01-2014 Debriefing Aanleiding Milledoni.nl op mobiel, dat is de werktitel van dit project. Milledoni is een website,
Nadere informatieDit is een handleiding voor: Weebly
Dit is een handleiding voor: Weebly Inhoudsopgave Aanmelden bij Weebly... 3 Webpagina s toevoegen... 6 Bouwen: elementen toevoegen... 8 Basis... 9 Structuur... 10 Media... 11 Meer..... 12 Site publiceren...13
Nadere informatie