Evangelische Omroep gaat Responsive. onderzoek naar een efficiente werkmethode die resulteert in een optimale gebruikersbeleving van websitebezoekers

Maat: px
Weergave met pagina beginnen:

Download "Evangelische Omroep gaat Responsive. onderzoek naar een efficiente werkmethode die resulteert in een optimale gebruikersbeleving van websitebezoekers"

Transcriptie

1 Evangelische Omroep gaat Responsive onderzoek naar een efficiente werkmethode die resulteert in een optimale gebruikersbeleving van websitebezoekers

2 colofon Hilversum, 8 mei 2013 Conceptversie 1.1 Jonathan Marchal Studentnummer: Bachelor Communicatie & media design Hogeschool Utrecht Afstudeerdocent: Laurens Vreekamp Tweede afstudeerdocent: Marjolein Kassenaar Evangelische Omroep Afstudeerbegeleider: Geert- jan van Mastrigt geert- 2

3 inhoudsopgave Voorwoord Samenvatting 1 Inleiding Opdrachtgever Aanleiding Probleemstelling & relevantie Beknopte literatuurstudie Doel project Onderzoeksvraag & deelvragen Leeswijzer 2 Begrippenkader Responsive design Workflow Designpatterns De gebruiker Afdeling Internet 3 Onderzoek Workflows Eindgebruikersinformatie Tussentijdse conclusie Designpatterns & principles Conclusie onderzoek 4 Concept Workflow Designpatterns Designprinciples 5 Proof of concept Workflow analyse Designpatterns analyse Designprinciples analyse 6 Conclusie Deelvraag 1 Deelvraag 2 Hoofdvraag Overige conclusies 7 Aanbevelingen 8 Nawoord 9 Planning 10 Bijlagen 3

4 Voorwoord 4

5 samenvatting 5

6 Opdrachtgever De EO is een onderdeel van de Nederlandse Publieke Omroep. De verantwoordelijkheden van het publieke bestel om te zorgen voor een brede programmering in de samenleving, is dus ook voor de EO- missie van belang. De medewerkers hebben het verlangen om vanuit een persoonlijke relatie met Jezus Christus het Goede Nieuws van Gods Koninkrijk vorm te geven en door te geven. Vanuit dit verlangen wil de EO zoveel mogelijk mensen bereiken en bouwen aan de samenleving. 1 De EO is een omroep die zeer diverse media inzet om zoveel mogelijk mensen te bereiken. 1 van deze media is internet. Dit medium wordt volop ingezet, vaak ter ondersteuning van de programma's die worden uitgezonden. De afdeling Internet is een kleiner onderdeel van het bedrijf maar volgt goed de ontwikkelingen van de online wereld en maakt frisse websites en applicaties die dagelijks geoptimaliseerd worden. De EO start in 1965 als iets kleins maar heeft ondertussen een grote achterban verspreidt over heel Nederland en daarbuiten. Deze achterban heeft een enorme diversiteit omdat de EO zich richt op een groot aantal doelgroepen binnen Nederland. Toch zien we dat de beoogde doelgroep niet direct de werkelijke doelgroep is detail/artikel/missie- evangelische- omroep/ 2 6

7 Aanleiding In deze tijd waarin bijna iedereen een smartphone en/of tablet heeft wordt het erg interessant om te kijken naar de mogelijkheden die er ontstaan op het gebied van mobile design. Er gebeurt al veel op dit gebied, steeds meer bedrijven zoeken naar een manier om hun producten of diensten aan te bieden op mobile devices. Het gebruik van mobiel internet stijgt elk jaar weer. Het gebruik van mobiel internet is vooral onder jongeren van 12 t/m 25 jaar sterk toegenomen. In 2012 gaat 86 procent van deze leeftijdsgroep regelmatig mobiel online, tegen 21 procent in Ook in andere leeftijdsgroepen is het mobiele internetgebruik in de afgelopen jaren fors toegenomen. 3 De verwachting is dat deze lijn word doorgezet en dat binnen enkele jaren het aantal mensen dat middels een mobile device online gaat is groter dan het aantal mensen dat met behulp van een desktop online gaat. 4 Het is daarom van groot belang dat bedrijven inspelen op deze ontwikkeling. Een mobiele website of app is vaak het eerste, en belangrijkste, contactmoment tussen klant en bedrijf. 5 Wanneer een website een ongebruikersvriendelijke ervaring geeft heeft dat serieuze consequenties voor het bedrijv. Het sitebezoek daalt: circa een kwart zegt de website niet meer te bezoeken. Het slecht functioneren van een website veroorzaakt soms zelfs negatieve beeldvorming over het betreffende bedrijf. Een goede gebruikservaring met de website is daarom van essentieel belang. 6 De EO ziet dat er een behoefte is gecreëerd door de technologische ontwikkelingen. De eindgebruiker wil informatie op een gebruiksvriendelijke manier ontvangen onafhankelijk van welk device de eindgebruiker gebruikt en onafhankelijk binnen welke context de eindgebruiker zich bevindt jongeren- gaat- mobiel- online/ meer- mobiel- internet- dan- via- desktop.html 5 website- is- eerste- contactmoment- met- klant/ 6 mobiele- performance- schaadt- bedrijven 7

8 Probleemstelling & Relevantie 24,6% van alle bezoekers bekijkt een website van de EO middels een mobiel device terwijl de website daarvoor niet geoptimaliseerd is. Daarmee moet dus bijna 1/4 van alle bezoekers omgaan met een omgeving die niet geoptimaliseerd is voor het device waarmee ze de website bezoeken. 7 De Evangelische Omroep(EO) voorziet nog niet in de behoefte naar een gebruikersvriendelijke omgeving onafhankelijk van device maar ziet zeker het belang en het toekomstperspectief van deze ontwikkeling. De EO heeft een grote hoeveelheid aan websites waarop zij verschillende content aanbieden. Door de content te optimaliseren voor alle devices kan op grote schaal voorzien worden in de behoeftes van de mobiele gebruikers. Hierdoor wordt het bereik groter en zijn websites overal op een geoptimaliseerde wijze toegankelijk. In een eerder stadium is besloten om responsive design toe te passen om in te spelen op deze behoefte. Responsive design is voor de EO een erg waardevolle methode om zich mobiel te presenteren, want de website kan vanuit 1 systeem(cms) beheerd blijven worden. Dat komt de gebruiksvriendelijkheid, actualiteit en beheersbaarheid van de aanwezige content ten goede. De redacteuren houden de websites elke dag up- to- date Door responsive design toe te passen wordt er voorkomen dat redacteuren dubbel werk moeten doen. De content die ze toevoegen hoeft maar 1x ingevoerd te worden in tegenstelling met een mobiele website die apart onderhouden moet worden. Daarnaast is responsive design een investering in de toekomst want steeds meer verschillende apparaten verschijnen op de markt en de website respondeert doormiddel van responsive design op elke beeldschermresolutie. De vraag die binnen de afdeling Internet ligt is: Op welke wijze kunnen we dit realiseren en wat betekend dit voor het werkproces? 7 EO Google Analytics bijlage 1 cijfers:

9 Beknopte Literatuurstudie Wat hebben anderen in de literatuur over deze (of aanverwante) vraagstelling(en) gezegd? Langzaam ontwikkelen er verschillende workflows voor het ontwikkelen van responsive websites. Veel user- experience- en responsive designexpers praten over 2 begrippen: Mobile- first en content first. Deze 2 begrippen fungeren als leidraad voor de ontwikkeling van responsive websites. Mobile First Mobile- first is een term geintroduceerd door Luke Wroblewski in Hij schrijft het volgende hierover: More often than not, the mobile experience for a Web application or site is designed and built after the PC version is complete. Here's three reasons why Web applications should be designed for mobile first instead. 1. Mobile is exploding 2. Mobile forces you to focus 3. Mobile extends your capabilities 8 Door content te gaan invullen voor het kleinste scherm, creëer een team een optimale website voor de mobiele gebruiker. Het concept gaat over het feit dat het altijd gemakkelijker is om een kleine website uit te breiden naar een grotere variant in plaats van een grote website omzetten naar een kleinere variant. Content- first "It puts content ahead of all other considerations. It doesn t mean your site can t be beautiful, but it does mean that more importantly it needs to be functional." 9 Shelly Wilson tijdens Content Strategy Forum 2011 over responsive design: 1. Het is vooral een gesprek tussen designers en developers. Redacteuren vallen er nu buiten. 2. Content word door designers als een element behandeld en niet als een element dat een boodschap/relatie moet overdragen 3. De contentcreator denkt nu na over de meest ideale setting, hoe kunnen we onze content inzetten. Terwijl de designer en de developers daarna bepalen wat er met die content gebeurd: het word verkleind, gereorganiseerd en de lay- out veranderd. Daardoor verliest de redactie de controle die ze hebben over de content en hoe dat eruit ziet op een smartphone. 10 Dus de redacteuren moeten meedenken in dit proces en betrokken worden, want anders werkt het technisch allemaal perfect en ziet het er goed uit, maar is de kans groot dat men de wensen van de eindgebruiker uit het oog verliest. Er moet een workflow gecreëerd worden specifiek voor responsive design. Binnen deze workflow moet de redacteuren direct betrokken worden en betrokken blijven gedurende het proces zodat de designers en developers geïnformeerd kunnen worden over wat prettig is voor de gebruiker first- means- content- first- thank- god/ 10 vimeo.com/

10 Om deze 2 principes zijn al verschillende workflows ontwikkeld die door bedrijven worden gebruikt wanneer zij een responsive website ontwikkelen. De verouderde en veel gebruikte waterval- methode van Winston W. Royce is enorm tijdrovend wanneer er een responsive webdesign wordt ontwikkeld. 11 Bij het ontwikkelen van responsive websites maken veel bedrijven gebruik van designpatterns. Een designpattern is een gestandaardiseerde oplossing voor veel voorkomende ontwerpproblemen. Deze patterns versnellen het ontwerpproces en zorgen bij de gebruiker voor een natuurlijke herkenning. Namelijk de herkenning van hoe een stuk techniek werkt, zonder daar bij na te moeten denken. Gedachten als: hoe werkt dit? wat moet ik doen? hoe kom ik op die pagina? moeten ten allen tijden bij de eindgebruiker worden voorkomen. Don t make me think - Steve Krug Wat waren hun conclusies? Wanneer men een website wil optimaliseren, onafhankelijk van de context en het device van de eindgebruiker dan moet het team de volgende dingen voor ogen houden: * Werk vanuit het kleinste scherm naar een steeds groter scherm. * Zorg dat de content de belangrijkste rol speelt in de beslissingen voor het optimaliseren voor de gebruiker. * Betrek contentcreators gedurende het gehele proces. * Gebruik een andere workflow om het ontwerpproces te optimaliseren. Bij het ontwikkelen van een workflow voor een responsive website concluderen de kenners dat de watervalmethode waarmee fixed websites worden gebouwd niet meer werkt. Er moet nagedacht worden over een nieuwe workflow speciaal voor het bouwen van responsive websites. Content first en mobile first zijn veel gebruikte principes die een leidraad zijn bij het ontwikkelen van een workflow. In hoeverre is hun vraag onbeantwoord nog? Op welke wijze kunnen deze principes het beste in de praktijk toegepast worden, specifiek voor de afdeling Internet van de Evangelische Omroep. Welke designpatterns en workflow kan de afdeling Internet toepassen om op efficiënte wijze een gebruikersvriendelijke website te produceren voor verschillende devices en verschillende contexten. 11 and- design/what- is- the- waterfall- model 10

11 doel Project Responsive design zorgt er voor dat een website toegankelijk is onafhankelijk van welk device er gebruikt wordt. Het doel van dit onderzoek is dat de afdeling Internet een workflow heeft waarmee ze de websites responsive kunnen maken. Aan de hand van designpatterns werkt men op een efficiënte wijze aan een gebruikersvriendelijk resultaat zodat de eindgebruiker bereikt kan worden met de content van de EO en daarmee met de missie van de EO. Daarom verzorgt dit onderzoek een workflow die de afdeling kan toepassen wanneer zij een website gaan omzetten naar een responsive website. Het is daarbij van belang dat de content op een gebruikersvriendelijke manier gepresenteerd wordt zodat het team daarmee de missie van de EO kan overbrengen bij de gebruiker. Onderzoeksvraag & deelvragen Onderzoeksvraag: Aan de hand van welke workflow en desginpatterns kan de afdeling Internet op een efficiënte werkwijze de eindgebruiker optimaal bedienen. Deelvragen: 1. Welke factoren hebben een negatieve invloed op gebruikerservaring van de eindgebruikers? 2. Welke workflow is efficiënt en resulteert in een gebruikersvriendelijke omgeving? 3. Welke designpatterns kun je toepassen om de inhoud en vormgeving te optimaliseren voor mobiel gebruik? 11

12 leeswijzer 12

13 Begrippenkader Responsive design Responsive design is een term die in 2009 door Ethan Marcotte werd geintroduceerd, en staat vooral de afgelopen maanden erg in de belangstelling binnen de designcommunity en de Evangelische Omroep. Dit onderzoek is ontstaan uit het idee dat de EO zijn websites responsive wilt maken. Daarmee spelen ze in op de ontwikkelingen op de mobiele internetmarkt die momenteel vol op gaande zijn. Bij responsive design gaat het erom dat de gebruikers onafhankelijk van welk apparaat ze gebruiken een gebruikersvriendelijke website voor ogen krijgen. Een website die gemakkelijk te bedienen is binnen verschillende contexten. Websites worden voor desktops al jaren ontworpen op een redelijk vaste breedte. De EO ontwikkeld websites aan de hand van statistieken die uitwijzen welke beeldschermresolutie het meest word gebruikt. Hiermee speelt de EO in op de beeldschermgroottes die mensen thuis hebben staan. In de laatste paar jaren worden de resoluties van desktopschermen groter, de EO speelde daar goed op in, maar ondertussen is er een ontwikkeling gaande waar zij minder gemakkelijk op in kunnen spelen. Door het vele gebruik van smartphones, ereaders, gameconsoles, tablets, smarttvs etc is er geen standaard meer waar bedrijven zich aan vast kunnen houden. Er is een enorme verscheidenheid van schermen ontstaan. Er zijn SmartTV's met een schermgrootte van maar liefst 3840 bij 2160 pixels tot kleine smartphones met een schermresolutie van 300 bij 400 pixels. Responsive design maakt het mogelijk om een website in 1 enkele versie te optimaliseren voor verschillende schermresoluties. Middels voornamelijk CSS en Javascript respondeert de lay- out en functionaliteit op het device waarmee de website word bekeken. Bij responsive websites is dus geen vaste breedte ingesteld. De site past zichzelf aan en schaalt elementen bij of verplaatst ze afhankelijk van de schermresolutie. 12 Ethan Marcotte zegt een jaar later na de introductie van zijn term er het volgende over: Responsive design is not about designing for mobile. But it s not about designing for the desktop, either. Rather, it s about adopting a more flexible, device- agnostic approach to designing for the web. 13 We zullen echter zien dat het verder gaat dan alleen de website technisch werkend te optimaliseren. Workflow Responsive design is nog volop in ontwikkeling, veel designers, studios en bedrijven zijn nog steeds aan het experimenteren met responsive design, daarom zijn er nog maar weinig best practices & workflows ontwikkeld. Het is daarom erg nuttig in ieder geval een goede workflow te ontwikkelen, zodat de afdeling Internet van de EO een leidraad heeft waarmee ze te werk kunnen gaan. De workflow omschrijft de wijze waarop de afdeling Internet samenwerkt. Deze workflow word specifiek voor het ontwikkelen van responsive websites. De workflow is een stap voor stap omschreven document die de afdeling Internet hanteert om op een effectieve manier een gebruikersvriendelijk resultaat neer te zetten. Duidelijk is dat de huidige workflow niet meer werkt en dat deze moet worden aangepast voor het bouwen van responsive websites. 12 webdesign- optimale- gebruikservaring- webcontent 13 Ethan Marcotte, de godfather van responsive design, mei

14 Designpatterns Daarnaast helpen designpatterns bij een effectief werkproces. Een designpattern is een gestandaardiseerde oplossing voor een veel voorkomend ontwerpprobleem. De designpatterns die dit onderzoek omschrijft resulteren in een omgeving die gebruikersvriendelijk is en voor gebruikers gemakkelijk te bedienen. Er is een verschil tussen een succesvolle ervaring op de desktop en op mobiele devices. Beide zijn gebouwd op andere psychologische functies van de gebruiker. Mobiele designpatterns zijn gebaseerd op NUI s(natural user interface) in plaats van op GUI s. (Graphical user interface) 14 Natural User Interfaces die vaak worden ingezet op moderne mobiele devices zijn gebouwd op de psychologische functie van intuitie in plaats van herkenning. Gebruikers moeten in staat zijn om aan de hand van de presentatie van een interface de mogelijkheden te herkennen. Bij het ontwikkelen van een responsive website moet de afdeling Internet een andere wijze van ontwerpen hanteren en de designpatterns realiseren dit doordat deze specifiek ontwikkeld zijn voor NUI ervaringen. 15 De designpatterns kunnen de website optimaliseren aan de wensen van de gebruiker, dit in overleg met de redacteur die op de hoogte is van de wensen van de bezoeker. Er word dus met de redacteur overlegd over wat verstandig is om te gebruiken en wat niet. De gebruiker De eindgebruiker kan zeer divers zijn en is pas te definiëren wanneer bepaald wordt welke website wordt omgezet naar een responsive website. Afhankelijk van welke website er wordt geoptimaliseerd weten we welke eisen en wensen de eindgebruiker heeft. De EO heeft erg veel diverse eindgebruikers omdat de missie van de EO is om zoveel mogelijk mensen te bereiken met de missie. Het belangrijkste om in oog te houden voor de afdeling Internet is dat de eindgebruiker een omgeving treft die gebruikersvriendelijk is en gemakkelijk te bedienen. De afdeling Internet realiseert de geoptimaliseerde websites en is daarmee naast de eindgebruikers van de website een doelgroep waarop dit onderzoek toegespitst is. De workflow en designpatterns die ik ontwikkel vormen een werkmethode die de afdeling Internet in de toekomst gaat toepassen. Afdeling Internet Het team bestaat uit 4 webdevelopers, 2 webdesigners en tientallen medewerkers van de internetredactie. Het team van webdesigners en webdevelopers werkt in iteraties aan de hand van SCRUM. De websites die deze afdeling onderhoud worden regelmatig vernieuwd door de webdesigners en webdevelopers en dagelijks up- to- date gehouden door de internetredactie. 14 P123 The Mobile Frontier: A guide for designing mobile principles Rachel Hinman 15 P124 The Mobile Frontier: A guide for designing mobile principles Rachel Hinman 14

15 deskresearch Er wordt deskresearch uitgevoerd naar het gebruik van mobiele websites in het algemeen. Dit onderzoek wordt online gedaan. Onderzocht wordt hoe smartphone/tablet gebruikers omgaan met content op websites en op welke manier ze gebruik maken van informatie op een smartphone en tablet. Deskresearch is van groot belang voor het verkrijgen van achtergrondinformatie en het helpt de juiste richting op te gaan tijdens het onderzoek. Het geeft ook informatie over wat er speelt binnen het betreffende onderwerp en waar de focus op moet liggen. Daarnaast wordt middels deskresearch gekeken naar bestaande workflows voor responsive websites om te onderzoeken hoe deze in elkaar zitten. Deze informatie schetst een beeld van wat er al bestaat aan responsive websites en hoe de websites van de EO daarin gaan passen. Ook wordt gekeken naar bestaande mobile designpatterns om te zien welke mogelijkheden er zijn op dit gebied en welke functionaliteiten misschien oplossingen kunnen bieden voor de responsive websites. De responsive website wordt een website die veelal bekeken gaat op andere plekken dan achter het bureau de plek waar de eindgebruiker zich bevind speelt zeker rol als het gaat om het verkrijgen van informatie. Naast de website zelf is het natuurlijk belangrijk om te weten wie de gebruiker is. Aan de hand van interne onderzoeken wordt achterhaald wie de eindgebruiker van de website is. Bestaande onderzoeken naar doelgroepen wijzen uit wat de algemene behoeftes en meningen van de eindgebruikers zijn. Het proof of concept wordt uiteindelijk gedaan door mijzelf in de functie van webdesigner in samenwerking met de betrokken partijen om te zien of de verschillende keuzes daadwerkelijk de juiste zijn geweest. Het concept en de feedback die terugkomt uit de test resulteren in de aanbevelingen. 15

16 Het onderzoek is onderverdeeld in 5 onderdelen 1 Workflows 1.1 Inleiding 1.2 Huidige workflow 1.3 Responsive Workflows Responsive watervalmethode Mobile First Content First 1.4 Ondersteunende werkmethodes Design in de browser Schetsen Moodboards en Style Tiles Adobe Reflow 2 Eindgebruikersinformatie 2.1 Inleiding 2.2 Interne analytische gegevens mediagebruik 2.3 Gebruikersgegevens Context gebruiker Tijdstip van gebruik Website laadtijd Problemen en gevolgen 2.4 Gebruikersprofielen 2.5 Device gebruik Smartphone Tablet Pixelrules Browsersupport 3. Designpatterns & principles 3.1 Inleiding 3.2 Designpatterns 3.3 Design principles 4. Conclusie onderzoek 16

17 1. Workflows 1.1 Inleiding In dit deelonderzoek wordt onderzoek gedaan naar een antwoord op de volgende deelvraag: Welke workflow is efficiënt en resulteert in een gebruikersvriendelijke omgeving. 1.2 Huidige situatie Bij het opzetten van een nieuwe website bij de Evangelisch Omroep zijn er een aantal fases die doorlopen worden. De afdeling Webdesign & Webdevelopment werkt in samenwerking met de product owner aan de hand van SCRUM. Een project wordt opgedeeld in periodes van 3 weken, ook wel sprints genoemd. Het voordeel van de scrummethode is dat er als één team intensief gewerkt wordt. Alle problemen, maar ook alle successen, zijn bekend. 16 In een overleg met alle programmamakers wordt een beoogde doelgroep vastgesteld en uitgebreid omschreven. Dit gebeurd aan de hand van persona profielen die de NPO heeft opgezet als representatie van de Nederlandse bevolking. Dit document legt de eisen, wensen en het verwachte gedrag van de gebruiker vast. Daarnaast staat in dit document de doelen van website vast en word in grote lijnen de inhoud van de website bepaald. Dit overleg resulteert in een overleg met alle betrokken partijen. Samen gaan zij dit document doorspreken en een concept ontwikkelen voor de vormgeving van de website, deze bijeenkomst kan gezien worden als een brainstormsessie waarin alle betrokken partijen ideeën kunnen opwerpen over de vormgeving en inhoud van de website. De webdesigner gaat met deze resultaten uit de brainstormsessie aan de slag met een ontwerp voor de website, dit gebeurd in onderling overleg met de product owner of redacteur van de website. Dit overleg is vaak aan het einde van het ontwerpproces. Het ontwerp wordt na goedkeuring van alle partijen omgezet in CSS/HTML. Wanneer nodig worden er extra functionaliteiten ontwikkeld door de webdevelopers. Vanaf deze fase wordt er gewerkt aan de hand van SCRUM omdat er vaak meerdere designers werken aan het omzetten van het design en omdat de webdevelopers vaak betrokken zijn bij deze fase doordat zij functionaliteiten maken. De ontwikkelde functionaliteiten worden getest door een andere webdeveloper dan de ontwikkelaar en het design wordt aan de hand van SCRUM- taken gecontroleerd door de product owner. Dan wordt de website opgeleverd en vullen de redacteuren de website met content, waarna de website online wordt gezet. 16 design- tips- voor- het- ontwerpproces/ 17

18 De huidige workflow voor het ontwikkelen van een website is puntsgewijs als volgt: 1. Overleg programmamakers 2. Overleg programmamakers, designers & hoofd redactie & redactiemedewerker over de inhoud en vormgeving 3. Design (onderling overleg met redactie of product owner) 4 Website wordt gebouwd in CSS/HTML (Eventueel worden er extra functionaliteiten ontwikkeld door developers) 5. Functionaliteiten worden getest 6. Content word toegevoegd 7. Website wordt online gezet 1.3 Responsive workflows Deze werkwijze is echter niet toepasbaar wanneer de afdeling Internet een website gaat omzetten tot een responsive website. Uit het onderzoek dat volgt blijkt dat een andere werkwijze hierbij vereist is wanneer de afdeling op een meer efficiënte en doelgerichtere manier te werk wil gaan. 17 De huidige werkwijze is namelijk ontwikkeld voor het bouwen van fixed- websites. Websites die gebaseerd zijn op 1 specifieke breedte. Het team gaat echter websites ontwikkelen die flexibel zijn en dus verschillende weergaves heeft. Daarnaast moet het team nu gaan vormgeven voor totaal verschillende contexten waarin de eindgebruiker de website bezoekt. Doordat de eindgebruiker de website nu ook bekijkt op kleinere schermen moet het team ook daar rekening mee houden. Onderstaande workflows pretenderen een oplossing te bieden Responsive watervalmethode Een veel gebruikte methode voor het ontwikkelen van fixed- websites is de watervalmethode. In de workflow van de EO zien we ook verschillende elementen van deze methode terugkomen in het proces. Specialisten hebben een methode ontwikkeld om deze watervalmethode toepasbaar te kunnen maken voor het ontwikkelen van responsive websites. De planes worden benaderd als fasen, als stappen in een plan van aanpak. De hoofdlijnen worden als volgt benaderd: Strategie In deze fase worden de behoeften van de doelgroep, gebruiker, stakeholders en de trends in de omgeving van de organisatie én de doelgroep (het ecosysteem) onderzocht. De bevindingen worden vastgelegd in een online strategie. Een onderdeel van de online strategie, maar soms ook een afzonderlijke deliverable, is een contentstrategie: met welke content beantwoord de redacteur wanneer aan welke behoefte van de doelgroep op welk platform? Hier komen persona s, customer journeys en user stories om de hoek kijken. Scope In de scopefase word de reikwijdte van het eindresultaat bepaald (dus niet van het project). Het team legt dus de functionele eisen en wensen vast, en stemt ook de contentvereisten af met opdrachtgever en doelgroep. Zo bepalen zij niet alleen wat er functioneel en technisch moet komen, maar ook welke inhoud tekst, beeld, video daarbij hoort. Structuur Vervolgens wordt een concretere vorm aan de website gegeven. In deze fase werkt een designer de informatiearchitectuur uit(navigatiestructuur) en hij bepaalt nu welke content 17 design- development- en- content- in- een- flexibele- aanpak/ 18

19 moet waar komen, wat is de boodschap, in hoeveel woorden/beelden, enzovoort. Daarna maakt hij een compositieontwerp. Hierin geven we aan welke content en functies waar moeten komen. Bepaal daarbij meteen hoe die blokken zich tot elkaar moeten verhouden op kleinere en grotere schermen. Tot slot gaat de designer aan de slag om de grafische stijl te bepalen. Belangrijk in dit proces is dat dit op hoofdlijnen gedaan wordt, wat in de praktijk betekent dat hij op basis van de huisstijl schetsen maakt van een homepagina en enkele subpagina s. Idealiter gebeurd dit voor enkele schermformaten. Skelet Vervolgens dient de skeletfase als voorbereiding op de eerste sprint (en is daarmee eigenlijk sprint 0 uit de bekende scrumaanpak). Maak een database- /informatieontwerp, een gedetailleerd interactieontwerp en gedetailleerd design van de verschillende componenten die in sprint 1 wilt ontwikkeld worden. In deze fase wordt ook de content voor diezelfde sprint 1 Ontwikkeld. Dat betekent tekstschrijven, fotografie en/of fotoredactie, zo nodig scriptschrijven, filmen en monteren, enzovoort. Waarom vóór de sprint? Als de content productie namelijk werkelijk tegelijk met interactieontwerp, design en front- end development gedaan wordt, zitten ergens een keer mensen op elkaar te wachten. Dit word toegepast in het kader van de content- first approach. En daarna testen, problemen ontdekken en dit proces herhalen in de volgende sprints. Deze aanpak heeft verschillende voordelen ten opzichte van de traditionele watervalmethode waarbij het team alleen een desktopvariant van een site realiseert. De belangrijkste daarvan is natuurlijk dat er een responsive resultaat gemaakt is dat onafhankelijk is van device en schermgrootte. Een ander groter voordeel is dat het compositieontwerp en de art direction in een kortere periode gerealiseert kan worden. Het proces verloopt ook sneller doordat het interactieproces tegelijk met het proces van contentcreatie verloopt. Deze versie kan online om daarna meer content toe te voegen en het ontwerp en de interactie elementen te optimaliseren Mobile First Afgelopen jaren hebben alle webdesigners de desktop als uitgangspunt gebruikt voor het maken van een design, daarbij kwamen de mobiele apparaten op de 2e plek. Eerst een desktopvariant en daarna ontwikkelt men een mobiele variant van de website. Luke Wroblewski omschrijft in zijn boek Mobile First een nieuwe manier van ontwikkelen met allereerst primair de mobiele gebruiker in gedachten. Wanneer er namelijk wordt uitgegaan van een mobiele gebruiker die (meestal) een klein scherm heeft, (soms) een minder optimale internet verbinding heeft en (vaker) haast heeft, dan dwingt dit de designer op een andere manier naar zijn website te kijken. Plots is de ruimte boven de fold nog maar een paar duizend vierkante pixels. Hierdoor wordt het extra belangrijk om te bedenken wat er 18 bye- waterfall- 5- steps- to- implement- responsive- web- design 19 workflow/ 19

20 nu in deze ruimte weergeven word. Door te beginnen met ontwikkelen voor het kleinste scherm bepaald het team wat er werkelijk belangrijk is voor de gebruiker. De designer gaat in overleg met de content ontwikkelaar bepalen welke onderdelen prioriteit hebben en aan de hand daarvan delen zij de lay- out in. Hiernaast analyseren zij welke onderdelen er überhaupt op een pagina moeten staan. Het team ontwikkeld namelijk voor een gebruiker die een kleiner scherm heeft met mogelijk een minder optimale internetverbinding en een context waarin hij veel meer wordt afgeleid. Wanneer men vanuit deze positie een website ontwikkelt voor andere apparaten kunnen er elementen toegevoegd worden die de ervaring en informatiebronnen verruimen voor de gebruiker. Zo begint het team altijd met een sterke basis die men op kan bouwen naar een grotere variant in plaats van dat men een sterke desktopvariant heeft die afgebouwd moet worden om een mobiele variant te ontwikkelen Content First Bij mobile first werkt het team vanuit het kleinste apparaat naar het grootste apparaat. Bij content- first kijk men naar welke content men heeft en op welke manier deze content het beste aan de eindgebruikers gepresenteerd kan worden. Het is van belang dat de content makers(redacteuren) vanaf het begin bij het proces betrokken worden. Op deze wijze kan het team werkelijk bepalen welke informatie het belangrijkst voor de gebruiker is en daarmee kan het team de lay- out van de website aanpassen aan de wensen van de gebruikers, zo voorziet de website in de informatie die ze willen hebben. Bij content first heeft de eindgebruiker altijd een seamless experience. Dat betekent dat de ervaring over alle kanalen zo aantrekkelijk mogelijk moet zijn en in elkaars verlengde moeten liggen. De toon en het gevoel moet hetzelfde zijn. Daarom spreekt men niet meer over een mobiele visie, maar over een online visie. Het is namelijk één website, gezien op verschillende devices. En er komen alleen maar devices bij. Daarom is het beter om niet voor devices te ontwerpen maar het team moet zich op de content focussen: content first. Alle content die de EO aanbiedt, moet via alle kanalen toegankelijk zijn. Natuurlijk wel op verschillende wijzen, andere volgorde, andere prioriteit, gelaagd. Er moet geoptimaliseerd worden voor de verschillende gebruikersmomenten per device. De volgende stappen worden gevolgd bij het toepassen van Content- first in combinatie met responsive design: 1. Content is het uitgangspunt, alle content is via elk device toegankelijk. Een gebruiker grijpt naar het device dat voorhanden ligt. 2. Prioriteren van content/ functie naar devices op basis van gebruikerstaken. Onderzoek welk device op welk moment de gebruiker zo goed mogelijk van dienst kan zijn. 3. Optimaliseer voor de verschillende gebruikersmomenten per device. Ieder device heeft unieke presentatie- en interactievormen waar men gebruik van kan en moet maken. Karen McGrane zegt het volgende nog over content: Don t cut features or content. Wanneer sommige content mogelijk van mindere waarde is voor mobiele gebruikers, dan is 20 webdesignen/84- responsive- webdesign- en- mobile- first- een- gouden- combinatie#.ut7lwnfvwhs first 20

Evangelische Omroep gaat Responsive

Evangelische Omroep gaat Responsive 1 Evangelische Omroep gaat Responsive Onderzoek naar een werkmethode die resulteert in een betere gebruikersbeleving van websitebezoekers. Wijk bij Duurstede, 9 juni 2013 Afstudeerverslag J.h. Marchal

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

01/05. Websites Nederland over. Mobile marketing. Whitepaper #03/2013. Mabelie Samuels internet marketeer

01/05. Websites Nederland over. Mobile marketing. Whitepaper #03/2013. Mabelie Samuels internet marketeer 01/05 Websites Nederland over Mobile marketing Mabelie Samuels internet marketeer 02/05 Mobile marketing Kunt u zich uw eerste mobiele telefoon nog herinneren? Die van mij was een Motorola, versie onbekend,

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

1. ONTWIKKEL EEN MOBIELE VERSIE

1. ONTWIKKEL EEN MOBIELE VERSIE 1. ONTWIKKEL EEN MOBIELE VERSIE Het is een misvatting om te denken dat een webshop die ontwikkeld is als desktopsite, ook goed werkt voor mobiele gebruikers. Integendeel, je moet de website optimaliseren

Nadere informatie

Responsive & Adaptive

Responsive & Adaptive Responsive & Adaptive webdesign door online regisseur Snakeware versie 1.0 woensdag, 17 oktober 2012 Uitgebracht door: Auteurs: Snakeware Martiniplein 15e 8601 EG Sneek Dhr. Gerben Kuipers gerben@snakeware.nl

Nadere informatie

Grafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase

Grafisch 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 informatie

Mobiele internet strategie

Mobiele internet strategie Mobiele internet strategie Waar staan we? Reduitlaan 33 Unit 2.09 4814 DC Breda +31 (0)76 888 00 88 info@e-sites.nl www.e-sites.nl BTW 1387489189 KvK 1891618948 Bank 1894894561 Inhoud Inleiding... 3 Wees

Nadere informatie

9 redenen waarom jouw website geen klanten oplevert.

9 redenen waarom jouw website geen klanten oplevert. 9 redenen waarom jouw website geen klanten oplevert. Introductie Een goed ingerichte website met een goed uitgevoerde marketingstrategie is het ideale marketing tool voor ondernemers. Een goede website

Nadere informatie

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

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

Nadere informatie

Documentatie WD32. Christine van Woensel M32

Documentatie WD32. Christine van Woensel M32 Documentatie WD32 Christine van Woensel M32 Ontwerpkeuzes per device resolutie Desktop (1025 1600px & 769 1024px): Tablet (481 768px): Smartphone (321 480px & tot 320px): Algemeen: Alle ontwerpen voor

Nadere informatie

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

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

Nadere informatie

02. Responsive Design

02. Responsive Design WHITEPAPER IN 5 MINUTEN J U L I 2 0 1 2 02. Responsive Design Introductie De wereld van schermen waarop je website wordt getoond, raakt in rap tempo versnipperd. Voorheen was het makkelijk: websites werden

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

Agile werken: zó doen we dat

Agile werken: zó doen we dat Agile werken: zó doen we dat Bij Freshheads werken we graag volgens de Agile aanpak. De voordelen? Verhoogde efficiëntie en flexibiliteit, snellere resultaten en grotere betrokkenheid. Maar hoe gaat het

Nadere informatie

Responsive Design. Werkwijze en aanlevering Responsive Design. Mach3Builders

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

Nadere informatie

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR

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

Nadere informatie

Release notes Argo 7. Interactieve LMS interface. Nieuwe interface voor lesmodules

Release notes Argo 7. Interactieve LMS interface. Nieuwe interface voor lesmodules Release notes Argo 7 Argo 7 heeft een interactief web design. Het is optimaal afgestemd op de grote diversiteit aan computerbeeldschermen, van grootbeeld desktops en notebooks tot tablets en smart phones.

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

Checklist voor een knallende website

Checklist voor een knallende website Met deze checklist scan je je bedrijfswebsite op een aantal onderdelen. Ontdek de sterke punten van je website en welke punten je nog kunt verbeteren. De checklist maakt je bewust van de zaken die bepalen

Nadere informatie

Webdesign voor ondernemers

Webdesign voor ondernemers e-boek Webdesign voor ondernemers Veelgestelde vragen over het laten maken van een website Bart van den Bosch Inhoud 1. Zelf doen of uitbesteden? 4 2. Webdesigners 7 3. Wat is Wordpress 10 4. Maken van

Nadere informatie

Onderzoeksvaardigheden 2

Onderzoeksvaardigheden 2 Performance van Phonegap Naam: Datum: april 2012 Studentnummer: 0235938 Opleiding: CMD Docenten: Pauline Krebbers Modulecode: MEDMO101DT Modulenaam: Onderzoeksvaardigheden 2 / Media & Onderzoek Inhoudsopgave

Nadere informatie

De toekomst is mobiel Mobiele portals op basis van responsive design

De toekomst is mobiel Mobiele portals op basis van responsive design white paper Heeft ú al een ecm systeem? 4 april 2013 Bas Fockens, directeur Datacon BV De toekomst is mobiel Mobiele portals op basis van responsive design Door de komst van de smartphone en tablets is

Nadere informatie

Leerscenario Kata-App (werktitel) Raymond Stoops Hogeschool Utrecht. Analyse. Inleiding. Doelstellingen

Leerscenario Kata-App (werktitel) Raymond Stoops Hogeschool Utrecht. Analyse. Inleiding. Doelstellingen Leerscenario Kata-App (werktitel) Raymond Stoops Hogeschool Utrecht Analyse Inleiding Bij het beoefenen van karate zijn er meerdere trainingsvormen. Een individuele trainingsvorm is de kata, waar een vast

Nadere informatie

10 WEB DESIGN TIPS VOOR EEN SUCCESVOLLE WEBSITE

10 WEB DESIGN TIPS VOOR EEN SUCCESVOLLE WEBSITE 10 WEB DESIGN TIPS VOOR EEN SUCCESVOLLE WEBSITE Is uw website aan vernieuwing toe? Pas deze tips toe en haal meer uit je website De laatste jaren zien we grote veranderingen op het gebied van webdesign.

Nadere informatie

5 manieren om. om jouw landingspagina. te optimaliseren

5 manieren om. om jouw landingspagina. te optimaliseren 5 manieren om om jouw landingspagina te optimaliseren introductie Een landingspagina is een essentiële schakel in het succes van jouw customer journey, want het is dé plek om jouw klant te overtuigen om

Nadere informatie

10 onderdelen die niet mogen ontbreken in een online briefing

10 onderdelen die niet mogen ontbreken in een online briefing Een goede online briefing past op één A4 [+ checklist] Auteur: Ronald Heijkens, Sabel Online Je wilt een nieuwe website, intranet, online magazine of app. Maar omdat je de expertise zelf niet in huis hebt,

Nadere informatie

Trends in Digitale Media; nieuwe opportunities voor TV

Trends in Digitale Media; nieuwe opportunities voor TV Trends in Digitale Media; nieuwe opportunities voor TV Second screen breekt definitief door Het aantal bezitters van ipads en andere tablets is per december 2011 gestegen tot 1.7 miljoen Nederlanders (14%

Nadere informatie

Smartphones. Figuur 1 Our Mobile Planet, 2012

Smartphones. Figuur 1 Our Mobile Planet, 2012 Smartphones Het aandeel smartphones en tablets groeit hard in Nederland. De grafiek hieronder laat al zien dat in 2012 de penetratie van smartphones met 10% is toegenomen. Figuur 1 Our Mobile Planet, 2012

Nadere informatie

Van AllSolutions QX2 naar AllSolutions10

Van AllSolutions QX2 naar AllSolutions10 Van AllSolutions QX2 naar AllSolutions10 Pagina 1 van 11 Inhoud 1. AllSolutions10 gelanceerd... 3 Responsive... 3 Design... 3 2. AllSolutions10 activeren... 4 3. Aangepaste bovenkant... 5 4. Uw website

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

Taco Schallenberg Acorel

Taco Schallenberg Acorel Taco Schallenberg Acorel Inhoudsopgave Introductie Kies een Platform Get to Know the Jargon Strategie Bedrijfsproces Concurrenten User Experience Marketing Over Acorel Introductie THE JARGON THE JARGON

Nadere informatie

is front-end kennis relevant voor een UX designer

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

Nadere informatie

Whitepaper. E-mail design best practices

Whitepaper. E-mail design best practices Whitepaper E-mail design best practices 14 tips voor het design van je e-mail Versterk de boodschap van je uiting Best practices voor je e-mail design Het design speelt een grote rol in de eerste indruk

Nadere informatie

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR

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

Nadere informatie

Factsheet KICKSTARTERS Mirabeau

Factsheet KICKSTARTERS Mirabeau Factsheet KICKSTARTERS Mirabeau KICKSTARTERS We lanceren binnen twee maanden een nieuw digitaal platform waarmee u in hoog tempo business value genereert. De digitale transformatie is in volle gang. Consumenten

Nadere informatie

Beheers de MULTI SCHERMEN WERELD

Beheers de MULTI SCHERMEN WERELD Beheers de MULTI SCHERMEN WERELD BELANGRIJKE PUNTEN Wat is een Multi-Schermen website? De groeiende belangrijkheid van Multi-Schermen websites Wat Google aanbeveelt What Google vereist Maak van je bezoekers

Nadere informatie

Content Strategie. Hoorcollege 2 9 september 2013

Content Strategie. Hoorcollege 2 9 september 2013 Content Strategie Hoorcollege 2 9 september 2013 Agenda HC2 Communicatie Basisprincipes content Content en platformen Content en SEO Owned, earned, paid media 2 3 4 5 6 Overtuigen en shared meaning Hoe

Nadere informatie

WebCit. kruip in de huid van uw doelgroep! ?WebCit

WebCit. kruip in de huid van uw doelgroep! ?WebCit ?WebCit kruip in de huid van uw doelgroep! Inleiding De zorg in Nederland verandert. Aan de ene kant wordt dit veranderingsproces gedreven door financiële prikkels voortkomende uit een veranderend zorgstelsel.

Nadere informatie

Tap is the New Click Werkgroep 2

Tap 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 informatie

Responsive web applicaties op Oracle

Responsive web applicaties op Oracle APEX Responsive web applicaties op Oracle Spreker(s) : Datum : E-mail : Arian Macleane & Jacob Beeuwkes 06-06-2013 info@transfer-solutions.com WWW.TRANSFER-SOLUTIONS.COM Outline Trends APEX intro APEX

Nadere informatie

Allévo. Op weg naar de ultieme BYOD organisatie met informatie op maat!

Allévo. Op weg naar de ultieme BYOD organisatie met informatie op maat! Op weg naar de ultieme BYOD organisatie met informatie op maat! In 2012 heeft Allévo met behulp van Involvit haar twee websites én het intranet vervangen. Daarnaast heeft Allévo ook de eerste verkennende

Nadere informatie

tern Handboek Mañuel Handboek plan van aanpak v0.1 Een plan van aanpak v0.9 Tim Logemann, junior developer

tern Handboek Mañuel Handboek plan van aanpak v0.1 Een plan van aanpak v0.9 Tim Logemann, junior developer Mañuel Handboek tern Handboek Een plan van aanpak v0.9 plan van aanpak v0.1 Tim Logemann, junior developer gemann, tim@mass.im junior developer ass.im 68048, W4Ax, 68048@glr.nl 4Ax, 68048@glr.nl mass.im,

Nadere informatie

Modular Development. Een App in Facebook. Dennis van der Oost CMD2D 0822118. Module: CMDDEV01-7 Docent: Eric Mahieu. Eindverslag v.1.

Modular Development. Een App in Facebook. Dennis van der Oost CMD2D 0822118. Module: CMDDEV01-7 Docent: Eric Mahieu. Eindverslag v.1. Modular Development Een App in Facebook Dennis van der Oost CMD2D 0822118 Module: CMDDEV01-7 Docent: Eric Mahieu Eindverslag v.1.0 Inhoudsopgave - Inleiding - Concept omschrijving - Technisch onderzoek

Nadere informatie

PRESTATIESITE WEBPAKKET

PRESTATIESITE WEBPAKKET PRESTATIESITE WEBPAKKET PRESTATIESITE Wij hebben al onze ervaring gebruikt om een gestandaardiseerd webpakket te ontwikkelen met een lay-out welke de focus heeft op leads en new business. Op deze wijze

Nadere informatie

Afstudeerplan. versie 1.0. 17 februari 2011. Jordy Spruijt 0794215 CMD4B Hogeschool Rotterdam Graduation at Designdealer, Germany

Afstudeerplan. versie 1.0. 17 februari 2011. Jordy Spruijt 0794215 CMD4B Hogeschool Rotterdam Graduation at Designdealer, Germany Afstudeerplan versie 1.0 17 februari 2011 Jordy Spruijt 0794215 CMD4B Hogeschool Rotterdam Graduation at Designdealer, Germany 1. 2. Ambities Afstuderen doe je niet zomaar, daarvoor heb je bepaalde ambities.

Nadere informatie

Optimaliseer de performance van uw dienst

Optimaliseer de performance van uw dienst Whitepaper Optimaliseer de performance van uw dienst Succes van uw online applicatie hangt mede af van de performance. Wat kunt u doen om de beste performance te behalen? INHOUD» Offline sites versus trage

Nadere informatie

Werkt uw website goed?

Werkt uw website goed? Werkt uw website goed? EEN OPLOSSING VOOR DE MEEST VOORKOMENDE PROBLEMEN reachlocal.nl 020-3178-6956 U heeft alles gedaan wat u kon om uw doelgroep naar uw website te halen, maar hoeveel tijd steekt u

Nadere informatie

Bart ter Steege bart.ter.steege@jungleminds.nl 06 8128 7569. The Mobile Mindmap

Bart ter Steege bart.ter.steege@jungleminds.nl 06 8128 7569. The Mobile Mindmap Titel Nationale project, Vakdag 10 maart Dialogue 2010 &/ Klantnaam Digital Marketing 2010 Titel The Mobile projectmindmap Bart ter Steege bart.ter.steege@jungleminds.nl 06 8128 7569 Best of Mobile Best

Nadere informatie

WEBSITE SCAN Vrijblijvend advies

WEBSITE SCAN Vrijblijvend advies WEBSITE SCAN Vrijblijvend advies IBAN: NL57ABNA0479025207 Inleiding: Wij hebben uw website op diverse facetten geanalyseerd en hier een bondig rapport voor geschreven. Door het uitvoeren van onderstaande

Nadere informatie

WHITEPAPER IN 5 MINUTEN. 08. Content Design verdrijft CMS

WHITEPAPER IN 5 MINUTEN. 08. Content Design verdrijft CMS WHITEPAPER IN 5 MINUTEN M A A R T 2 0 1 4 08. Content Design verdrijft CMS Introductie Je komt steeds vaker op websites die er bijzonder uitzien, of die het verhaal in één pagina vertellen. Jij wil dit

Nadere informatie

responsive design & merkbeleving Nils Vermeulen / Seminar

responsive design & merkbeleving Nils Vermeulen / Seminar responsive design & merkbeleving Nils Vermeulen / Seminar deze seminar 1. De vraagstelling 2. Responsive (web)design 3. Responsive identity 4. Toepassen onderzoek 5. Van responsive design naar styleguide

Nadere informatie

1 Dienstbeschrijving Lancom Workspace 365

1 Dienstbeschrijving Lancom Workspace 365 1 Dienstbeschrijving Lancom Workspace 365 2 Inleiding Lancom biedt haar klanten reeds sinds 2007 de mogelijkheid om te gaan werken van uit een Cloud model waarbij de servers in een datacenter van Lancom

Nadere informatie

DE KRACHT VAN PERSONALISATIE

DE KRACHT VAN PERSONALISATIE DE KRACHT VAN PERSONALISATIE StoryMail behandelt in deze guide de belangrijkste resultaten uit het onderzoek De kracht van personalisatie van Forrester (2015). Forrester interviewde 101 beslissingsbevoegden

Nadere informatie

Inhoudsopgave. 2 Danique Beeks Student Advanced Business Creation Stage JH Business Promotions

Inhoudsopgave. 2 Danique Beeks Student Advanced Business Creation Stage JH Business Promotions Onderzoeksopzet Danique Beeks Studentnummer: 2054232 Advanced Business Creation Stagebedrijf: JH Busines Promotions Bedrijfsbegeleider: John van den Heuvel Datum: 12 September 2013 Inhoudsopgave Inleiding

Nadere informatie

Focus op andere mediatechnieken

Focus op andere mediatechnieken Focus op andere mediatechnieken De wereld om ons heen verandert snel, zowel commercieel als maatschappelijk. Om aansluiting bij onze klanten te houden, vraagt dat binnen Achmea (Versnellen & Vernieuwen),

Nadere informatie

DVB MEDIA kan uw bedrijf helpen om betere resultaten te bereiken met behulp van internet.

DVB MEDIA kan uw bedrijf helpen om betere resultaten te bereiken met behulp van internet. DVB MEDIA kan uw bedrijf helpen om betere resultaten te bereiken met behulp van internet. WEBSHOPS WEBDESIGN SOCIALE MEDIA ZOEKMACHINE OPTIMALISATIE INTERNET MARKETING MICROSOFT OFFICE 365 WWW.DVBMEDIA.NL

Nadere informatie

Versie 0.4. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman

Versie 0.4. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman Documentatie Onsweb Club plugin voor KNKV verenigingen Versie 0.4 Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,

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

Th!nk mobile. Op Zig logisch. Menno Ouweneel Marketingmanager. Twitter: mouweneel Skype: menno_ouweneel

Th!nk mobile. Op Zig logisch. Menno Ouweneel Marketingmanager. Twitter: mouweneel Skype: menno_ouweneel Th!nk mobile Op Zig logisch Menno Ouweneel Marketingmanager Twitter: mouweneel Skype: menno_ouweneel Mobiele telefoons zullen de desktop computer passeren als het meestgebruikte apparaat voor internettoegang,

Nadere informatie

mobile recruitment solutions

mobile recruitment solutions mobile recruitment solutions 1OP DE 5 zoekt via een smartphone naar een nieuwe baan. Bent u klaar voor de mobiele sollicitant? Wat krijgt uw kandidaat te zien als hij of zij deze op een smartphone bekijkt?

Nadere informatie

i3sync PLUG & PLAY DRAADLOOS PRESENTATIE MIDDEL

i3sync PLUG & PLAY DRAADLOOS PRESENTATIE MIDDEL i3sync PLUG & PLAY DRAADLOOS PRESENTATIE MIDDEL VERANDER DE MANIER WAAROP U VERGADERT Of geef presentaties met dit compacte en lichtgewicht presentatie device. De i3sync is eenvoudig te gebruiken en stelt

Nadere informatie

Mixed Emotions Digitaal Functioneel ontwerp Datum: 3 april 2014 - Onze referentie: MEO.001-01 - Versie: v1.0

Mixed Emotions Digitaal Functioneel ontwerp Datum: 3 april 2014 - Onze referentie: MEO.001-01 - Versie: v1.0 Mixed Emotions Digitaal Functioneel ontwerp Datum: 3 april 2014 - Onze referentie: MEO.001-01 - Versie: v1.0 Inhoudsopgave Inhoudsopgave Inleiding 2 3 1. Achtergrond 4 2. Structuur 5 3. Inhoud Mixed Emotions

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

Bottleball Onderzoeksverslag MovingMonsters. Uitgevoerd door Arno Classens a.classens@student.fontys.nl

Bottleball Onderzoeksverslag MovingMonsters. Uitgevoerd door Arno Classens a.classens@student.fontys.nl Bottleball Onderzoeksverslag MovingMonsters Uitgevoerd door Arno Classens a.classens@student.fontys.nl 1 1. Inhoudsopgave Wat? Bladzijde 1. Introductie 3 2. Methodologie 4 3. Resultaten 3.1 Oriëntatie

Nadere informatie

Piotr Tekien. Grafische Vormgeving Revisie portfoliostijl GAR1-B. 3 december 2014 PIOTR TEKIEN HKU GAME ART GAR-1B

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

Meer succes met je website

Meer succes met je website Meer succes met je website Hoeveel geld heb jij geïnvesteerd in je website? Misschien wel honderden of duizenden euro s in de hoop nieuwe klanten te krijgen. Toch levert je website (bijna) niets op Herkenbaar?

Nadere informatie

gastcollege HvA, Iskander Smit, 26 mei 2009 ONTWERPEN VOOR MOBIEL INTERNET

gastcollege HvA, Iskander Smit, 26 mei 2009 ONTWERPEN VOOR MOBIEL INTERNET gastcollege HvA, Iskander Smit, 26 mei 2009 ONTWERPEN VOOR MOBIEL INTERNET agenda! korte intro Info.nl! onze visie op mobiel! ontwerpen voor mobiel! voorbeelden van deliverables! 3 tips voor goed design

Nadere informatie

Business Analyse en User Experience

Business Analyse en User Experience Business Analyse en User Experience Een handreiking voor de Business Analyst Auteur: Marco Theunissen Versie: 1.0 Datum: Januari 2012 Copyright: Marco Theunissen, onder een licentie van Creative Commons

Nadere informatie

Trends in Digitale Media december 2014. SPOT publicatie GfK onderzoek in samenwerking met KVB SMB, PMA, RAB, en SPOT

Trends in Digitale Media december 2014. SPOT publicatie GfK onderzoek in samenwerking met KVB SMB, PMA, RAB, en SPOT Trends in Digitale Media december 2014 SPOT publicatie GfK onderzoek in samenwerking met KVB SMB, PMA, RAB, en SPOT TV kijken via smartphone 75% gegroeid Vorig jaar december concludeerde SPOT dat TV kijken

Nadere informatie

MOBILE De mogelijkheden van mobile apps

MOBILE De mogelijkheden van mobile apps MOBILE De mogelijkheden van mobile apps Gemak dient de mens INHOUD Apps zorgen voor gebruikersgemak 2 The future is mobile 3 De groei van apps 4 Verwachting = nieuwe standaard 4 Van website naar mobiel

Nadere informatie

Open voor iedereen. Ook via mobiel en tablet!

Open voor iedereen. Ook via mobiel en tablet! ziekenhuis Open voor iedereen. Ook via mobiel en tablet! Het Groene Hart Ziekenhuis (GHZ) in Gouda is een modern, flexibel, slagvaardig en ondernemend ziekenhuis met zo n 450 bedden en ruim 125 medisch

Nadere informatie

Klik&Steen Dashboard. Wat zijn nou interessante statistieken bij websites?

Klik&Steen Dashboard. Wat zijn nou interessante statistieken bij websites? Klik&Steen Dashboard Wat zijn nou interessante statistieken bij websites? Inleiding Dit document dient als onderzoek naar de statistieken die interessant zijn om te laten zien in het dashboard van Klik&Steen.

Nadere informatie

laat mobiele websites en apps voor u werken

laat mobiele websites en apps voor u werken 8 laat mobiele websites en apps voor u werken juni 2012 www.multimove.nl Mobiele website of app? Bedenk wat u uw websitebezoeker wilt bieden en maak dan een keuze. Deze Paper helpt u op weg! 2 introductie

Nadere informatie

Ameland binnen handbereik

Ameland binnen handbereik Ameland binnen handbereik Gauke Pieter Sietzema Hoofd ontwikkeling, SEO specialist & Sterc partner Hendrik Jan Hofstede Strateeg & internetmarketeer & Sterc partner VVV Ameland mobile - Ameland binnen

Nadere informatie

DVB MEDIA helpt u aan online succes!

DVB MEDIA helpt u aan online succes! DVB MEDIA helpt u aan online succes! WEBSHOPS WEBDESIGN SOCIAL MEDIA ZOEKMACHINE OPTIMALISATIE INTERNETMARKETING MOBIELE APPS WWW.DVBMEDIA.NL Voor een complete internetstrategie 030-75 55 310 DVB MEDIA

Nadere informatie

ONZE INTERPRETATIE VAN HET KNOOPPUNT PLATFORM

ONZE INTERPRETATIE VAN HET KNOOPPUNT PLATFORM MEMO: ONZE INTERPRETATIE VAN HET KNOOPPUNT PLATFORM Boek.be 1 INHOUDSTAFEL 1 INHOUDSTAFEL... 2 2 ALGEMENE INFORMATIE... 3 2.1 DOCUMENT INFO... 3 2.2 NASCOM INFO... 3 2.3 KLANT INFO... 3 3 INTERPRETATIE

Nadere informatie

Digitalisering van een familiebedrijf.

Digitalisering van een familiebedrijf. Digitalisering van een familiebedrijf. Geschreven in september 2014, onder webshop. De opdracht Gassan Diamonds is al bijna zeventig jaar een begrip op het gebied van diamanten en juwelen. Met winkels

Nadere informatie

Beter omgaan met YouTube: 5 Tips om jouw YouTube kanaal scherp in beeld te krijgen!

Beter omgaan met YouTube: 5 Tips om jouw YouTube kanaal scherp in beeld te krijgen! Beter omgaan met YouTube: 5 Tips om jouw YouTube kanaal scherp in beeld te krijgen! Inleiding Je kan er simpelweg niet meer omheen. Zodra je een zoekopdracht uitvoert op Google, verschijnen er video thumbnails

Nadere informatie

Moving Pictures: second screen en schermvoorkeur

Moving Pictures: second screen en schermvoorkeur Moving Pictures: second screen en schermvoorkeur Televisiekijken is een sociale activiteit.. Uit het kijkonderzoek blijkt dat heel vaak samen met het eigen gezin en gasten naar de televisie wordt gekeken.

Nadere informatie

Stadgenoot. Online dienstverlening Woningcorporatie Stadgenoot afgestemd op de doelgroep. Involvit 2014. Sirikit Huibers.

Stadgenoot. Online dienstverlening Woningcorporatie Stadgenoot afgestemd op de doelgroep. Involvit 2014. Sirikit Huibers. Online dienstverlening Woningcorporatie Stadgenoot afgestemd op de doelgroep Stadgenoot is één van de grootste woningcorporaties van Nederland en is huisbaas voor zo n 65.000 bewoners in Amsterdam. Stadgenoot

Nadere informatie

Een website ontwerpen met agile design en scrum, wat heb je nodig?

Een website ontwerpen met agile design en scrum, wat heb je nodig? Een website ontwerpen met agile design en scrum, wat heb je nodig? door admin - 03-19-2012 http://www.itpedia.nl/2012/03/19/een-website-ontwerpen-met-agile-design-en-scrum-wat-heb-je-nodig/ Door Pieter

Nadere informatie

Web Games en het mobiele web. Hoorcollege Webdesign 9 6 juni 2014 Christof van Nimwegen

Web Games en het mobiele web. Hoorcollege Webdesign 9 6 juni 2014 Christof van Nimwegen Web Games en het mobiele web Hoorcollege Webdesign 9 6 juni 2014 Christof van Nimwegen Webgames: scope dit college onderdeel Games staan nu centraal in deze faculteit. In een cursus over webdesign MOET

Nadere informatie

Media en creativiteit. Winter jaar vier Werkcollege 7

Media en creativiteit. Winter jaar vier Werkcollege 7 Media en creativiteit Winter jaar vier Werkcollege 7 Kwartaaloverzicht winter Les 1 Les 2 Les 3 Les 4 Les 5 Les 6 Les 7 Les 8 Opbouw scriptie Keuze onderwerp Onderzoeksvraag en deelvragen Bespreken onderzoeksvragen

Nadere informatie

Daphne Otterloo. Creative Front-end Developer. Curriculum Vitae. Daphne Otterloo Creative Front-end Developer

Daphne Otterloo. Creative Front-end Developer. Curriculum Vitae. Daphne Otterloo Creative Front-end Developer Daphne Otterloo Curriculum Vitae Persoonlijk Naam: Geboortedatum: Geboorteplaats: Adres: E-mail: Daphne Otterloo 30-03-1990 Voorburg Van Aalstlaan 520 2722 SB, Zoetermeer daphneotterloo@gmail.com Profiel

Nadere informatie

Your story, delivered

Your story, delivered Your story, delivered Wat is een webinar? Een webinar is een live online presentatie die vanaf elke locatie door duizenden deelnemers tegelijkertijd kan worden gevolgd. U betrekt uw deelnemers met interactieve

Nadere informatie

Interview verslag! Anouk van Houten 538565. Interview verslag. Naam: Anouk van Houten, 538565 Klas: INF1c Vak: Interviewen Docent: Ellen Leen

Interview verslag! Anouk van Houten 538565. Interview verslag. Naam: Anouk van Houten, 538565 Klas: INF1c Vak: Interviewen Docent: Ellen Leen Interview verslag Naam: Anouk van Houten, 538565 Klas: INF1c Vak: Interviewen Docent: Ellen Leen Inhoudsopgave: Voorwoord -!!!!! blz. 3 Wempe Webdesign -!!!! blz. 4 Opleiding -!!!!!! blz. 4 Beroepskeuze

Nadere informatie

Hoe ziet de toekomst van de Flat design trend eruit?

Hoe ziet de toekomst van de Flat design trend eruit? Hoe ziet de toekomst van de Flat design trend eruit? v1.2 Essay Seminar Visual Design (2014-B) Auteur: David van Valkengoed JDE-VISD-2 Docent: Dick Swart Inleiding Flat Design, je ziet het overal verschijnen.

Nadere informatie

Project Initiation Document Afstudeerstage Wouter Janssen

Project Initiation Document Afstudeerstage Wouter Janssen Project Initiation Document Afstudeerstage Wouter Janssen 2/11 Project Initiation Document Afstudeerstage Wouter Janssen Opdrachtnemer: Websdesign Internet Communicatie, Wouter Janssen Opdrachtgever: Websdesign

Nadere informatie

Naam stagiair: Nick Swaerdens. Klas: 3IV2. Praktijkopleider: Jordy Pouw. Stagebegeleider: Ron Spitse. Stage periode tweede verslag:

Naam stagiair: Nick Swaerdens. Klas: 3IV2. Praktijkopleider: Jordy Pouw. Stagebegeleider: Ron Spitse. Stage periode tweede verslag: Nick Swaerdens 3IV2 10 / 06 / 2015 Naam stagiair: Nick Swaerdens Klas: 3IV2 Praktijkopleider: Jordy Pouw Stagebegeleider: Ron Spitse Stage periode tweede verslag: 2 april 2015 10 juni 2015 Inlever datum:

Nadere informatie

Mediakit 2016 editie

Mediakit 2016 editie Mediakit 2016 editie Wij maken technologie begrijpelijk Contactgegevens Informatie over verkoop, traffic, redactie en de uitgever 2016 Titels: AndroidPlanet.nl iphoned.nl Smartphone.nl www.androidplanet.nl

Nadere informatie

Applicaties ontwerpen voor ios en Android

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

Nadere informatie

Begrijp je doelgroep en connect Search en Social voor de opbmale klant beleving

Begrijp je doelgroep en connect Search en Social voor de opbmale klant beleving Begrijp je doelgroep en connect Search en Social voor de opbmale klant beleving Speaking Publishing Consulting Training European Search Personality 2015 www.stateofdigital.com - www.basvandenbeld.com -

Nadere informatie

+ prototyping. Prototyping CMDDEV01-6. Aron Martin 0847986 CMD2D 0847986@hr.nl

+ prototyping. Prototyping CMDDEV01-6. Aron Martin 0847986 CMD2D 0847986@hr.nl 0847986 CMD2D 0847986@hr.nl Prototyping CMDDEV01-6 2 1 Inhoudsopgave Debriefing 3 Concept 4 Functioneel Onderzoek en Ontwerp 7 - User stories 7 - Use cases 8 Technisch Onderzoek en Ontwerp 12 - Technisch

Nadere informatie

Uw website gebruiksvriendelijk, vindbaar en toegankelijk

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

Nadere informatie

Master Of Code voor haar opdrachtgevers

Master Of Code voor haar opdrachtgevers Master Of Code voor haar opdrachtgevers nov12 Een trend: mobiel in zakelijk verkeer Een trend: mobiel in zakelijk verkeer(2) 1,6 miljoen x online boekjes bekeken waarvan 600.000 keer via mobiele apparaten

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

HOE EFFICIËNT IS UW WEBSITE? Peter Kassenaar 1 oktober 2008

HOE EFFICIËNT IS UW WEBSITE? Peter Kassenaar 1 oktober 2008 HOE EFFICIËNT IS UW WEBSITE? Peter Kassenaar 1 oktober 2008 Agenda Introductie - Efficiëncy gedefinieerd Elementen meetbaar maken Succesfactoren van tevoren bepalen De efficiëncy top-8 Succesfactoren achteraf

Nadere informatie