responsive design & merkbeleving

Maat: px
Weergave met pagina beginnen:

Download "responsive design & merkbeleving"

Transcriptie

1 responsive design & merkbeleving responsive design & merkbeleving responsive design & merkbeleving Onderzoeksverslag Responsive design & merkbeleving Door Nils Vermeulen, 11 juni 2014 Studentennummer: Docent: Tom Wolvers

2 Inhoudsopgave 2 Samenvatting 3 Inleiding 5 Onderzoeksvragen 6 Bevindingen 7 Eindconclusie 17 Bronnen 18 Bijlage 19 Responsive design & Merkbeleving 2

3 Samenvatting Tijdens mijn stage bij Enof Communicatiegroep was er veel aandacht voor responsive webdesign. Er hing een mobile wall waarop direct te zien was hoe een website er op verschillende apparaten uitzag. Kleur kwam matig terug en het lettertype was voornamelijk Arial. Er werd vooral gekeken naar de functionaliteit. Gebruikersgemak is belangrijk, maar het visuele aspect van een merkbeleving mag niet achterblijven. Vandaar ontstond mijn interesse in dit onderzoek. Hoofdvraag Hoe blijft het visuele aspect van een merkbeleving overeind in een responsive (web)design? Deelvragen Waarom kiest men voor responsive design en niet voor alternatieve mogelijkheden? Hoe ontwikkel je een responsive design en op welke manier verwerk je het in een stijlgids? Wat zijn de kenmerken van een responsive identity? Is een responsive identity de toekomst van elk bedrijf/merk, of is het enkel voor grote bedrijven/merken op de markt? Responsive (web)design: Responsive webdesign gebruikt een serie layouts waarin, bij elke variant, het schalen vloeiend (fluid) verloopt. Hierdoor dekt responsive de meeste schermgroottes zonder dat het een negatief effect heeft op de gebruikerservaring. Het nadeel is wel dat voor elke grootte een aparte afbeelding beschikbaar moet zijn. Op mobiele apparaten kan het laden van een afbeelding bijvoorbeeld erg lang duren als deze in volle resolutie wordt afgebeeld. De techniek Responsive websites zijn gebouwd op een fluid/liquid grid. Ze gebruiken media queries (adaptive) zodat het ontwerp en de content, waarneer het venster groter of kleiner wordt, meeschalen. In het boek responsive webdesign van Ethan Marcotte (2011) spreekt men over drie hoofdingrediënten: 1. Een flexibel, grid-based layout 2. Flexibele afbeeldingen en media 3. En mediaqueries (verwerkt in de CSS3-code) Sinds HTML 5 zijn intrede deed kan men voor mobiele aparaten, los van de normale website, een web app ontwikkelen die dezelfde look en feel heeft als een (native) app. Een web app is een goede toevoeging, of vervanging, voor het responsive reageren van een website. Naar een styleguide Voor het ontwikkelen van een responsive design is het belangrijk om geen voorbeelden te geven van vaste ontwerpen. Belangrijk is om design- en interface-elementen (iconen, headers, etc) bij elkaar te zetten op een styleboard. Zo wordt een beeld getoond van hoe men het ontwerp voor ogen heeft, zonder te gedetailleerde voorbeelden te geven. De volgende stap is het verwerken van deze design- en interface-elementen in de stijlgids. Responsive design & Merkbeleving 3

4 Samenvatting (vervolg) Van responsive (web)design naar responsive identity Een responsive identity kenmerkt zich door een uitgesproken stijl i.p.v. een minimalistische stijl. Logo s zijn aangepast zodat ze de minimale ruimte in beslag nemen. Ook de typografie moet herkenbaar zijn. Door HTML5 is het mogelijk om te kiezen uit een brede lettertypecatalogus (Webfonts). Daarnaast moet de huisstijlkleur duidelijk zichtbaar zijn. Door typografie, kleur en fotografie samen te voegen tot één compositie blijft de identiteit van een bedrijf of organisatie gewaarborgd. Zowel bij grote als kleine schermen ervaart de bezoeker dezelfde merkbeleving. Tot slot Responsive webdesign is hot and happening en niet geheel onterecht. Enkele belangrijke redenen om te kiezen voor een responsive webdesign zijn: het stijgende gebruik van mobiel internet ten opzichte van desktop internet, de positieve gebruikerservaring en de kijk op de toekomst. Veel bedrijven laten echter nog steken vallen door zware content (afbeeldingen) niet responsive te maken. Hierdoor is de laadtijd op een mobiel velen malen langer dan op een desktop wat niet ten goede gaat van de gebruikerservaring. Het is voor elk bedrijf/merk belangrijk om een goede mobiele ervaring te leveren. Responsive identity staat nog in zijn kinderschoenen. Toch zie je dat zowel grote als kleine bedrijven gebruik maken van schaalbare vector logo s, favicons, responsive iconen of stevige typografie. De eerste stappen naar een responsive tijdperk zijn gezet. Eindconclusie De ontwikkelingen op het world wide web gaan razendsnel. Omdat er verschillende apparaten zijn waarop het web bekeken wordt, zijn websites responsive gemaakt. Responsive webdesign gebruikt een serie layouts waarin, bij elke variant, het schalen vloeiend (fluid) verloopt. Er zijn een hoop goede redenen om te kiezen voor een responsive webdesign: het stijgende gebruik van mobiel internet ten opzichte van desktop internet, de positieve gebruikerservaring en de kijk op de toekomst. Echter, slaan bedrijven de plank mis door voor elk schermformaat dezelfde afbeeldingen te gebruiken met als gevolg een lange laadtijd op mobiele apparaten. Als het gaat om kleine schermen kiezen veel webdesigners voor een minimalistische. Er is immers weinig ruimte voor content. De gebruiker ervaart hierdoor een slechtere merkbeleving. Toch kun je een minimalistische stijl handhaven zonder dat het visuele aspect onderuit gehaald wordt. Dit kan door: logo s aan te passen zodat ze een minimale ruimte in beslag nemen, typografie en huisstijl kleur herkenbaar te maken en consequent om te gaan met beeld en fotografie. Door dit samen te voegen blijft de identiteit van een bedrijf, merk of organisatie gewaarborgd. Responsive design & Merkbeleving 4

5 Inleiding Gek opkijken van een internetpagina die een andere indeling heeft op een smartphone, dan op een monitor, doen we niet meer. Het zogenoemde responsive webdesign is hot and happening en wordt steeds belangrijker voor bedrijven. Maar toch wordt regelmatig de plank volledig misgeslagen. Het enkel responsive maken van een webpagina is niet meer voldoende voor de juiste merkbeleving. Naast content first, een (web)design methode waarbij content centraal staat ongeacht waar het op wordt afgebeeld (schermformaten), doet responsive identity zijn intrede. Bij responsive identity is niet alleen de pagina schaalbaar maar zijn de huisstijlelementen van een bedrijf/merk schaalbaar. Met dit onderzoek omschrijf ik hoe het visuele aspect van een merkbeleving overeind kan blijven bij een responsive design. Nils Vermeulen Utrecht, 11 juni 2014 Aanleiding Tijdens mijn stage bij Enof Communicatiegroep was er veel aandacht voor responsive webdesign. Er hing een mobile wall waarop direct te zien was hoe een website eruit zag op verschillende apparaten. Kleur kwam matig terug en het lettertype was voornamelijk Arial. Er werd vooral gekeken naar de functionaliteit. Gebruikersgemak is belangrijk, maar het visuele aspect van een merkbeleving mag niet achterblijven. Dit heeft mijn interesse voor dit onderzoek getrokken. Responsive design & Merkbeleving 5

6 Onderzoeksvragen Hoofdvraag Hoe blijft het visuele aspect van een merkbeleving overeind in een responsive (web)design? Deelvragen Waarom kiest men voor responsive design en niet voor alternatieve mogelijkheden? Hoe ontwikkel je een responsive design en op welke manier verwerk je het in een stijlgids? Wat zijn de kenmerken van een responsive identity? Is een responsive identity de toekomst van elk bedrijf/merk, of is het enkel voor grote bedrijven/merken op de markt? Responsive design & Merkbeleving 6

7 Bevindingen: 1. Waarom kiest men voor responsive design en niet voor alternatieve mogelijkheden? Responsive webdesign Simpel gezegd: responsive websites passen zich aan naar de schermafmeting die een bezoeker van de website gebruikt. Bijvoorbeeld: een monitor, tablet of een smartphone. Er is slechts één website die veranderd qua layout afhankelijk welk schermafmeting er gebruikt wordt (Tangelder, 2014). De term, responsive webdesign is door Ethan Marcotte bedacht en kwam als eerst voor in een weblogpost op A list apart (Ethan Marcotte, 2010). Hij zag dat bedrijven graag willen investeren in een mobiele website, maar door de groeiende markt van mobiele apparaten is één mobiele website niet genoeg. In plaats van het ontwerpen in vaste afmetingen moest er nu gedacht worden in relatieve eenheden als percentages. De eenvoud van een responsive webdesign zit hem in het feit dat er geen moeilijke javascripttoepassingen nodig zijn. Een simpele regel in de code maakt een website al responsive. Enkele nadelen van responsive design is dat afbeeldingen vaak erg groot worden ingeladen. Daarnaast is de functionaliteit van responsive webdesign alleen mogelijk in modernere browsers (Tangelder, 2014). Een sterke (online) identiteit speelt een belangrijke rol in de communicatie naar de doelgroep en zorgt ervoor dat een merk zich kan onderscheiden van de concurrenten. Dit blijft echter voor mobile websites een lastige opgave te zijn. Er is beperkt ruimte op het scherm van een smartphone. Zodoende moet er goed nadacht worden over welke content het meest relevant is voor de gebruiker. Responsive websites krijgen al snel een functioneel karakter en een eigen identiteit is ver te zoeken (de Leeuw, 2013). Responsive design & Merkbeleving 7

8 De techniek Responsive websites zijn gebouwd op een fluid/liquid grid. Ze gebruiken mediaqueries (adaptive) zodat het ontwerp en de content, waarneer het venster groter of kleiner wordt, meeschalen. Ethan Marcotte spreekt in zijn boek Responsive Webdesign (2011) over drie hoofdingrediënten: 1. Een flexibel, grid-based layout 2. Flexibele afbeeldingen en media 3. En mediaqueries (verwerkt in de CSS3-code) Door deze ingrediënten kan een webpagina reageren op verschillende schermgroottes en de beste weergave geven. Op de website van Nicholas Davison (Digitaria, 2014) zijn de voordelen van een responsive weergave ten opzichte van andere vormen goed zichtbaar. Je kan responsive webdesign zien als een serie layouts waarin bij elke variant het schalen vloeiend (fluid) verloopt. Adaptive heeft ook een serie layouts, maar kan er binnen niet meer geschaald worden (static). Intermezzo Layout-types Fluid/liquid: fluid websites zijn gebouwd met behulp van percentages. Kolommen (grid) zijn relatief met elkaar en de browser. Dit zorgt ervoor dat het vergroten of verkleinen van een venster vloeiend verloopt. Adaptive: aan de hand van mediaqueries (verwerkt in de HTML code) wordt beschreven hoe een website moet functioneren bij verschillende schermgroottes. Bijvoorbeeld voor kleinere monitoren, tablets en mobiele telefoons. Binnen het scherm heeft het vergroten of verkleinen van effect op de layout. Fixed/static: fixed website hebben een vaste breedte. Als je een venster verkleint of vergroot, veranderd er niks aan hoe de website eruit ziet. Hierdoor zal men op een kleiner scherm erg veel moeten scrollen en de laadtijd duurt erg lang (Grayce, 2012). Dit was de standaard voordat kleinere schermen de opmars maakten. Responsive design & Merkbeleving 8

9 WebApp: Naast een schaalbare website kan er ook een losstaande website speciaal voor mobiele apparaten worden ontwikkeld. Deze zogenaamde WebApps hebben dezelfde look and feel als echte (native) apps maar zijn, zonder dat ze geïnstalleerd worden, bruikbaar in de webbrowser van een smartphone of tablet. Sinds HTML 5 is deze techniek erg populair geworden, mede door het feit dat de WebApp, zonder tussenkomst van een Appstore, geüpdate kan worden (De Toekomst. nl, 2014). Daar tegenover staat wel dat de laadtijd en de functionaliteit van een WebApp veel slechter zijn ten opzichte van een geïnstalleerde (native) app (Viswanathan, 2014). De (native) app en WebApp van Facebook verschillende (visueel) nauwelijks van elkaar. Conclusie: Responsive webdesign gebruikt een serie layouts waarin, bij elke variant, het schalen vloeiend (fluid) verloopt. Hierdoor dekt responsive de meeste schermgroottes zonder dat het een negatief effect heeft op de gebruikerservaring. Het nadeel is wel dat voor elke grootte een aparte afbeelding beschikbaar moet zijn. Op mobiele apparaten kan het laden van een afbeelding bijvoorbeeld erg lang duren als deze in volle resolutie wordt afgebeeld. Sinds HTML 5 zijn intrede deed kan men voor mobiele aparaten, los van de normale website, een web app ontwikkelen die dezelfde look en feel heeft als een (native) app. Een web app is een goede toevoeging, of vervanging, voor het responsive reageren van een website, maar is vaak duurder omdat er voor elk apparaat weer een aparte website moet worden ontwikkeld. Reponsive is goedkoop en daaroom erg geliefd bij designers. Responsive design & Merkbeleving 9

10 2. Hoe ontwikkel je een responsive design en op welke manier verwerk je het in een stijlgids? Als het gaat om identiteit en merkbeleving wordt er snel naar een huisstijlgids gegrepen. Een goede huisstijlgids betekent echter nog niet dat je er een geschikte mobiele website mee kunt maken. Door de beperkte ruimte voor branding blijft het bij het toepassen van het logo en de huisstijlkleur. Men kan er ook voor kiezen om nieuwe elementen te ontwerpen, die niet in de huisstijl passen, maar wel goed bij de identiteit passen. ` Bij het ontwikkelen van een responsive design is het belangrijk dat er designelementen worden ontworpen in plaats van statische pagina s. Voor dat er met de schermen begonnen kan worden kan men via moodboards de basis leggen voor het designsysteem. Moodboards hebben als doel een gevoel over te brengen door middel van beeld (en tekst). Bij het ontwikkelen van een moodboard hoeft men niet vast te houden aan een vaste formule. Als het uiteindelijk maar duidelijk is wat je wilt vertellen. Er zijn verschillende manieren om moodboards te gebruiken tijdens het ontwerpproces (Hinfelaar, 2012). Conceptboard, voor het verkennen van uitstraling en gevoel; Het conceptboard inspireert en verkent het algemene gevoel dat een website moet uitstralen. Wat betekenen die woorden die zo makkelijk in een briefing worden gezet? Wat hebben ze voor consequenties en effect op het ontwerp? Designboard, vertaling van uitstraling naar design; Hierin vindt de eerste vertaling van ideeën naar concrete toepassingen plaats (denk aan typografie en kleur). Styleboard, uitwerking van design naar interface-elementen. Een verdere uitwerking van het designboard. Door design- en interface-elementen (iconen, headers, etc) bij elkaar te zetten, wordt een beeld getoond van hoe men het ontwerp voor ogen heeft. Voor merken/bedrijven die al een eigen stijl ontwikkeld hebben, is het niet noodzakelijk om te beginnen met een conceptboard. Vaak liggen typografie, kleur en fotografie al vast in het huisstijlhandboek. In dat geval kan er direct begonnen worden met het ontwerpen van een styleboard. Styleboards gaan heel concreet over de stijl van de site, zonder dat het vaag blijft of juist te gedetailleerd wordt. Samanta Warren geeft een goed voorbeeld van styleboards: style tiles. Style tiles Style tiles zijn uitwerkingen van lettertypes, kleur en interface elementen die het merk visueel weergeven voor web. Soms zijn aanwijzingen in een handboek te vaag, en een mockups juist te gedetailleerd. Style tiles zijn precies goed en werken ook voor bestaande merken die de stijl moeten vertalen naar web. Responsive design & Merkbeleving 10

11 In plaats van een vaag moodboard of een gedetailleerde mock-up: style tiles (Hinfelaar, 2012) Style tiles zeggen niks over de afmetingen noch het apparaat, enkel dat het ontwerp digitaal zal zijn. Hierdoor zijn ze uitermate geschikt voor het creëren van een responsive design. Ontwikkel een ontwerpsysteem in plaats van gefixeerde pagina s (Waren, S, 2014). Van styleboard naar stijlgids De vormentaal van de verschillende elementen uit het styleboard kan je meenemen in de stijlgids. Zoals hierboven al genoemd is, is het belangrijk dat de componenten en designelementen worden omschreven, niet volledig uitwerkte schermen. Op deze manier zijn de designelementen op elke device, en elke schermgrootte bruikbaar zonder dat de gebruiker het gevoel heeft dat hij op een andere website is beland. Conclusie: Voor het ontwikkelen van een responsive design is het belangrijk om geen voorbeelden te geven van vaste ontwerpen. Belangrijk is om design- en interface-elementen (iconen, headers, etc) bij elkaar te zetten op een styleboard. Zo wordt een beeld getoond van hoe men het ontwerp voor ogen heeft, zonder hierbij te gedetailleerde voorbeelden te geven. De volgende stap is het verwerken van deze design- en interface-elementen in de stijlgids. 3. Wat zijn de kenmerken van een responsive identity? Van responsive webdesign naar responsive identity Er wordt veel gesproken over responsive design en content-first als ontwerpprincipes voor het ontwerpen van mobiele schermen. Ze bieden veel inzicht in het ontwerpen van gebruiksvriendelijke interfaces en hoe content op kleine en grote schermen moet worden geplaatst. Merkbeleving blijft echter nog een ondergeschoven kindje. Steeds meer bedrijven en organisaties ontfermen zich over de mobiele markt. Het wordt dus erg belangrijk om een sterk onderscheidende merkidenteit te hebben. Naast schaalbare content moet er nagedacht worden over een schaalbare identiteit. De Leeuw geeft op Frankwatching 5 tips die kunnen helpen bij het ontwikkelen van een dynamische en schaalbare identiteit (de Leeuw, 2013): Responsive design & Merkbeleving 11

12 1. Kleinere schermen vragen om een uitgesproken stijl Veel ontwerpers hebben de neiging om bij het ontwerpen van een mobiele website het ontwerp zo minimalistisch mogelijk te maken. Door de rustige uitstraling is het ontwerp beter schaalbaar en is de content ook op kleinere schermen goed leesbaar. Een minimalistische stijl is fijn, echter kan het wel ten koste gaan van het karakter en eigenheid. Juist op kleinere schermen kan een uitgesproken visuele stijl een betere merkbeleving creëren. Afbeelding: Dit is een goed voorbeeld van het toepassen van een uitgesproken stijl op een mobiele website van Dr. Pepper. 2. Effectief gebruik van logo s en iconen Voor een bedrijf is het logo één van de meest belangrijke elementen van een identiteit. Bij websites is het logo vaak, tot bijna altijd, te zien bovenaan een pagina. Voor grote schermen werkt dit prima. Maar op mobiele schermen zorgt dit voor problemen. Na een klein stukje scrollen valt het logo al snel buiten beeld. Hierdoor loopt men het risico om merkbeleving te verliezen. Voor een schaalbare identiteit is het noodzakelijk om op een andere manier met logo s om te gaan. Een eenvoudige oplossing is om, naast het standaard logo, gebruik te maken van herkenbare iconen of zelfs het logo speciaal te re-designen voor mobiele toepassingen. Het is dus handig om een herkenbaar element te hebben die zelfstandig ingezet kan worden. Afbeelding: Op de verkiezingswebsite van Obama was een verkleinde versie van het logo (een paraaf) te zien. Voor drukwerk was dit wenselijk, voor digitale toepassingen is dit noodzakelijk. Bijvoorbeeld voor een favicon of app-icoon (Frankwatching, 2013). Favicons zijn kleine iconen voor de url van een website en zijn slecht 16 bij 16 pixels groot. Het is dus lastig om een volledig logo naar dit formaat te schalen. Naast het logo moet men dus ook een symbool hebben dat los van het woordmerk kan functioneren als herkenbaar beeldmerk. Enkele voorbeelden van favicons in een browserbalk. Responsive design & Merkbeleving 12

13 Online gelden andere regels dan bij print. Zo optimaliseer je een logo voor online toepassingen (Bruggemann, 2013): 1. Vermijd het gebruik van dunne lijnen Een logo waarin dunnen lijnen zijn verwerkt, kan problemen geven in een digitale weergave. Vooral wanneer de lijnen cursief of rond zijn. 2. Gebruik stevige typografie Zorg ervoor dat de typografie niet te dun is. Dit kan lastig worden weergegeven. 3. Vereenvoudig kleurgebruik en zorg voor voldoende contrast Introduceer een symbool. Bijvoorbeel een favicon of appsymbool. 4. Maak een.svg-bestand van je logo (vector) Een handige manier om er voor te zorgen dat je logo scherp wordt weergegeven ongeacht het schermformaat of schermresolutie. Door Iconic is een Kickstarter Campaigne gestart voor het ontwikkelen van een revolutionaire web iconografie. Een iconografie waarbij de grote van het scherm bepaald welke grote/type icoon getoond wordt (voor dit project vroegen ze $15.000, ze ontvingen $92.624). Er is in de toekomst nog veel meer mogelijk op dit gebied (Barowska, 2013). 3. Herkenbare typografie Het internet bestaat voor 95% uit tekst. Een duidelijk herkenbare typografische stijl is dus belangrijk voor de juiste identiteit. Sinds HTML5 zijn er veel meer mogelijkheden voor customized typografie. Met webfonts kan je bijna elk denkbaar lettertype online gebruiken. Het voordeel is dat een herkenbare typografie perfect samengaat met het content-first principe, zonder in te hoeven leveren op herkenbaarheid en identiteit. Afbeelding: De mobiele website van de VVD is een goed voorbeeld van correcte typografie. Intermezzo: Content first Websites worden niet via één apparaat bekeken. Een gebruiker bekijkt een website via zijn mobiel, tablet of zijn pc. De gebruiker wil altijd een seamless experience: de ervaring over alle kanalen moet zo aantrekkelijk mogelijk zijn en in elkaars verlengde liggen. Men spreekt niet meer over een mobiele visie, maar een online visie. Het is één site op verschillende apparaten. Laat de apparaten los en focus op de content: content-first. (Hassing, 2012) Daarnaast is het belangrijk dat de typografie bijdraagt aan een goede stemming. De gekozen fonts passen bijvoorbeeld bij het verhaal dat verteld wordt. Lettertypes hebben invloed op hoe we een verhaal ervaren (Bringhurst, 2004). Met een modulaire schaal van lettergroottes bepaal je het evenwicht van tekst op een website. Deze schaal bepaalt welke fonts, groottes, regelafstanden maar ook welke tekensets (bijv. kleinkapitalen) er gebruikt moet worden in een tekst en legt hun onderlinge verhouding vast (Verschoor, 2013). Dit draagt bij aan een goede flow van de (mobiele) website en de merkbeleving. Responsive design & Merkbeleving 13

14 4. Kleur bekennen Bekende merken als Coca Cola en ING worden als eerst herkend aan het logo en de kleur. Toch kiezen veel (grote) merken ervoor om op mobiele apparaten weinig te doen met kleur. Als er kleur wordt gebruikt is dit hooguit voor een link of knop duidelijker zichtbaar te maken. Kleurgebruik voor de juiste branding of merkbeleving wordt maar weinig toegepast. Kleur kan er voor zorgen dat verschillende soorten content onderscheiden worden. Daarnaast is kleur goed om ergens een focus op te leggen. Afbeelding: De ontwerper van de mobiele website van muziekfestival Rock Werchter gebruiker een groot palet aan bijpassende kleuren. Hierdoor krijgt de website een eigen karakter. 5. Fotografie en visuele content op mobiel Door het gebruik van fotografie en visuele content maak je een (mobiele) webpagina een stuk aantrekkelijker. In huisstijlhandboeken staat voor de meeste merken beschreven welke stijl er moet worden aangehouden voor het online gebruik van beeld. Omgaan met beeld is een erg lastige opgave bij het ontwerpen van mobiele schermen. Foto s vullen al snel het volledige beeld en geven weinig ruimte aan tekstuele, belangrijke content. Hierdoor worden foto s vaak niet volledig getoond met als risico dat de mobiele pagina s als saai worden ervaren. Visuele content en tekst moeten goed op elkaar afgestemd worden. Mobiele content moet gedesigned worden. De tijd van het plaatsen van een bijpassende foto bij een tekst is voorbij. Afbeelding:Een goed voorbeeld is van Snickers. Beeld en tekst zijn samengevoegd tot een perfecte cohesie. De boodschap van fotografie moet in één blik zichtbaar zijn. Denk aan: emotie, het verhaal, het doel en de voordelen. Door goede tekst wordt het beeld versterkt. Voor de gebruiker moet het in 7 seconden duidelijk zijn wat een website te bieden heeft. Er zijn een aantal principes die helpen bij de juiste fotografie voor online doeleinden (Hickmann, 2013): 1. Focus door scherptediepte 2. Focus door bewegingsonscherpte 3. Focus met behulp van perspectief 4. Laat mensen of producten binnen de website kijken (naar het midden of de content) 5. Gebruik (complementaire) kleuren uit de huisstijl 6. Context matters (toon het product of de dienst in zijn gebruiksomgeving) 7. Details matter 8. Wees consistent (gebruik dezelfde composities) 9. Laat de menselijke maat zien 10. Creëer eenheid met fotografie Responsive design & Merkbeleving 14

15 Conclusie: Een responsive identity kenmerkt zich door een uitgesproken stijl i.p.v. een minimalistische stijl. Logo s zijn aangepast zodat ze minimale ruimte in beslag nemen. Ook typografie moet herkenbaar zijn. Door HTML5 is het mogelijk om te kiezen uit een brede lettertypecatalogus (Webfonts). Daarnaast moet de huisstijlkleur duidelijk zichtbaar zijn. Door typografie, kleur en fotografie samen te voegen tot één compositie blijft de identiteit van een bedrijf of organisatie gewaarborgd. Zowel bij grote als kleine schermen ervaart de bezoeker dezelfde merkbeleving. Intermezzo: Toepassen 5 tips In de bijlage (blz 20) zijn de 5 tips voor een schaalbare dynamische identiteit toegepast op een aantal grote merken die nog geen responsive website/identeit bezitten. 3. Is een responsive identity de toekomst van elk bedrijf/merk, of is het enkel voor grote bedrijven/merken op de markt? Responsive webdesign en bedrijven/merken Verwacht wordt dat in 2014 mobiel internetgebruik gelijk op zal gaan met desktop internetgebruik. Toch zijn veel websites van bedrijven nog niet mobiel vriendelijk. Naast dat dit kopzorgen veroorzaakt bij de gebruikers, is het ook nog een verlies voor het bedrijf. Enkele onmiskenbare redenen waarom een website responsive moet zijn (Summerfield, 2013): 1. Mobiel gebruik stijgt in grote mate Veel bedrijven geloven nog steeds dat een responsive website/identiteit bijzaak is. Er zijn een aantal harde feiten die dit tegenspreken. In 2013 is het volgende onderzocht/vastgelegd: Meer dan 20% van alle Google zoekopdrachten worden via een mobiel apparaat gedaan. In 2012 werd meer dan de helft van de locale zoekopdrachten via een mobiel apparaat gedaan. In de Verenigde Staten bezoeken 25% van internetgebruikers het internet enkel via een mobiel apparaat. 61% van de mensen hebben een betere ervaring met een merk wanneer zij een goede mobiele ervaring bieden. 2. Positieve gebruikerservaring is essentieel Volgens Google Thing Insights is er op het gebied van mobiel 61% kans dat een gebruiker een website direct verlaat als zij niet vinden waar zij naar zoeken. Met als gevolg dat ze direct door geen naar de concurrent. Daarnaast: als een gebruiker een positieve ervaring heeft met een website is de kans 67% groter dat zij een product of dienst kopen. 3. Sociale activiteiten zorgen voor meer mobiele gebruikers Volgens een studie van ComScore vindt 55% van alle social media consumptie op mobiele apparaten plaats. Of te wel: als je content links verstuurd via social media en geen mobiel vriendelijke website hebt, zullen veel gebruikers gefrustreerd raken en de website verlaten. Met alle gevolgen van dien. 4. Responsive: minder kans op fouten bij Google Pierre Farr (Google) verklaarde dat Google liever een responsive webdesign ziet, dan een mobile template. Mobile templates zijn specifiek gebouwd voor een smarthphone of tablet en vereisen een eigen url. Doordat er voor responsive webdesign maar één url nodig is, is er minder kans op een error bij Google s search-engine. Responsive design & Merkbeleving 15

16 5. En snelle website is belangrijk Google PageSpeed Developers adviseert dat het laden van een volledige pagina niet langer moet duren dan 2 seconden. Iets wat niet mogelijk is wanneer je een desktop website probeert te laden op een mobiel apparaat. Als een gebruiker extreem lang moet wachten is de kans groot dat ze de website direct verlaten. 6. Toekomstige mobiele apparaten zijn nu al ondersteund Een van de grootste voordelen van responsive design is dat de website is vormgegeven voor een schermformaat, niet voor een specifiek apparaat. Dus als er nieuwe apparaten worden ontwikkeld, zoals een smartwatch of glasses, ziet een responsive website er nog steeds goed uit. De keerzijde van overstappen naar responsive design Veel grote merken zijn inmiddels overgestapt naar een responsive design. Ze laten echter steken vallen als het gaat om de laadtijd van afbeeldingen. Ondanks dat de gebruikerservaring van een website verbetert, blijft het gewicht (aantal MB s) bijna hetzelfde, wat leidt tot het weergeven van te grote afbeeldingen op een mobiel apparaat. Trilibis (2014) evalueerde 155 prominente responsive design websites (bijv. Starbucks, Engadget.com en BoldandNoble) en kwam tot de conclusie dat 69% meer dan vier seconden nodig had om te laden op een smartphone. Nog specifieker: 21% had een laadtijd onder de vier seconden, daartegenover staat een 32% met een laadtijd van 8 tot 48 seconden. Hoe gebruiksvriendelijk de website ook is, bij een lange laadtijd vertrekken gebruikers al snel. 32% 21% Goede laadtijd (<4 sec.) Slechte laadtijd (4-8 sec.) 37% Zeer slechte laadtijd ( 8> sec.) Terwijl er veel factoren meespelen als het gaat om het gewicht van een pagina, zijn de afbeeldingen de bottelneck. Trilibis (2014) wist het klaar te spelen om de zwaarste responsive websites, met een gemiddelde van 115MB, na toepassing van afbeeldingoptimalisatie te reduceren naar 50MB voor desktops, 30 MB voor tablets en 27 MB voor smartphones. Dit resulteerde in een vermindering van een aantal seconden in laadtijd. Advies voor website ontwerpers: Ga zorgvuldig om met de grootte van afbeeldingen zodat de responsive website sneller laadt en het de mobiele gebruiksvriendelijkheid ten goede komt. Ondanks dat het de website responsive is, moet deze zware webelementen (in het speciaal afbeeldingen) kunnen aanpassen naar het soort apparaat waar deze op wordt afgebeeld. Gebruik hiervoor bijvoorbeeld software die een website device-aware maakt. Responsive webdesign is met zijn mooie vormgeving en gebruiksvriendelijkheid enorm populair. Om fouten te voorkomen moeten bedrijven echter niet vergeten het ontwerp te testen op zoveel mogelijk verschillende schermformaten. Responsive design & Merkbeleving 16

17 Responsive identity en bedrijven/merken Het is meer dan logisch dat Schildersbedrijf van Kooten nog geen noodzaak ziet in een responsive identity. Verder dan een responsive website zullen veel MKB-bedrijven niet gaan (ook zij willen geen klanten verliezen). Een huisstijl responsive maken is erg kostbaar en is iets waar alleen grote bedrijven voor in aanmerking komen (i.v.m. de hoge investeringskosten die dit met zich meebrengt). Het custom maken van een website of huisstijl is iets waar zij grote kansen zien en zich mee kunnen profileren. Ondanks dat zijn, zoals besproken bij de deelvraag: Wat zijn de kenmerken van een responsive identity?, de eerste stappen naar een responsive (identity) tijdperk wel zichtbaar. Het gebruik van schaalbare vector logo s, favicons, responsive iconen en stevige typografie worden al breed ingezet bij zowel grote als kleine ondernemingen. Conclusie: Responsive webdesign is hot and happening en niet geheel onterecht. Enkele belangrijke redenen om te kiezen voor een responsive webdesign zijn: het stijgend gebruik van mobiel internet ten opzichte van desktop internet, de positieve gebruikerservaring en de kijk op de toekomst. Veel bedrijven laten echter nog steken vallen door zware content (afbeeldingen) niet responsive te maken. Hierdoor is de laadtijd op een mobiele apparaten velen malen langer dan op een desktop wat niet ten goede gaat van de gebruikerservaring. Het is voor elk bedrijf/merk belangrijk om een goede mobiele ervaring te leveren. Responsive identity staat nog in zijn kinderschoenen. Toch zie je dat zowel grote als kleine bedrijven gebruik maken van schaalbare vectorlogo s, favicons, responsive iconen of stevige typografie. De eerste stappen naar een responsive tijdperk zijn hiermee gezet. Eindconclusie De ontwikkelingen op het world wide web gaan razendsnel. Omdat er verschillende apparaten zijn waarop het web bekeken wordt, zijn websites responsive gemaakt. Responsive webdesign gebruikt een serie layouts waarin, bij elke variant, het schalen vloeiend (fluid) verloopt. Er zijn vele goede redenen om te kiezen voor een responsive webdesign: het stijgende gebruik van mobiel internet ten opzichte van desktop internet, de positieve gebruikerservaring en de kijk op de toekomst. Nog veel bedrijven slaan de plank mis door voor elk schermformaat dezelfde afbeeldingen te gebruiken met als gevolg een lange laadtijd op mobiele apparaten. Als het gaat om kleine schermen kiezen veel webdesigners voor een minimalistische vormgeving. Er is immers weinig ruimte voor content. De gebruiker ervaart hierdoor echter een slechtere merkbeleving. Toch kan je een minimalistische stijl handhaven zonder dat het visuele aspect onderuit gehaald wordt. Dit kan door: logo s aan te passen zodat deze minimale ruimte in beslag nemen, typografie en huisstijl kleur herkenbaar te maken en consequent om te gaan met beeld en fotografie. Door dit samen te voegen blijft de identiteit van een bedrijf, merk of organisatie gewaarborgd. Responsive design & Merkbeleving 17

18 Literatuurlijst 1. Borowska, P. (2012, 8 november). Van mobile-first naar content-first [Web log post]. Geraadpleegd op 8 mei 2014 via 2. Bringhurst, R. (2004). The Elements of Typographic Style 3. Bruggemann, I. (2013, 31 december). Zo optimaliseer je je logo voor het responsive tijdperk [Web log post]. Geraadpleegd op 8 mei 2014 via 4. de Leeuw, S. (2013, 22 januari). Merkbeleving op kleine schermen: 5 tips voor een responsive identity [Web log post]. Geraadpleegd 8 mei 2014 via 5. De Toekomst (2014, 12 mei). Een web app laten maken. Geraadpleegd op 8 mei 2014 via web-app-laten-maken/ 6. Grayce, A. (2012, 14 december). What s the difference between fixes, fluid, adaptive, and responsive web design? [Web log post] Geraadpleegd op 24 april 2014 via 7. Hassing, A. (2012, 9 oktober). Van mobile-first naar content-first [Web log post]. Geraadpleegd op 8 mei 2014 via 8. Hickmann, F. (2013, 8 januari). 18 fotografieprincipes voor een visueel overtuigende website [Web logo post]. Geraadpleegd op 12 mei 2014 via 9. Hinfelaar, M. (2012, 20 november). Moodboards: een oude techniek voor het responsive tijdperk [Web log post]. Geraadpleegd op 15 mei 2014 via 10. Marcotte, E. (2010, 25 maart). Responsive Web Design [Web log post]. Geraadpleegd op 27 mei 2014 via alistapart.com/article/responsive-web-design 11. Marcotte, E. (2011). Responsive web design, blz Nicholas Davison (2014). Liquidapsive (Liqui-dap-sive). Geraadpleegd op 12 mei 2014 via 13. Summerfield, L. (2013, 25 november) 6 Undeniable reasons why the future of web design is responsive [Web log post]. Geraadpleegd op 15 mei 2014 via 14. Tangelder, M. (2014, 1 mei). Wat is responsive webdesign [Web log post]. Geraadpleegd op 24 april 2014 via 15. Trilibis Blogging Team (2014, 21 april) Tilibis web performance survey finds 69 percent of responsive design websites fail to deliver accectable load times on mobile devices [Web log post]. Geraadpleegd op 15 mei 2014 via 16. Verschoor, A. (2013, 13 maart). Terug in de tijd met typografie en responsive design bij SXSW [Web log post]. Geraadpleegd op 8 mei 2014 via 17. Viswanathan, P. (Geraadpleegd op 2014, 12 mei). Native Apps vs. Web Apps Wath is the Better Choice [web log post]. Geraadpleegd op 8 mei 2014 via Web-Apps-Which-Is-The-Better-Choice.htm 18. Warren, S. (2014) Style Tiles. Geraadpleegd op 15 mei 2014 via Responsive design & Merkbeleving 18

19 Huidige website Bijlage: Toepassing: 5 tips Responsive (identity) vodafone NL 11:00 94% vodafone NL 11:00 94% vodafone NL 11:00 94% Responsive design & Merkbeleving 19

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

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

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

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

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

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

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

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

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

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

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

Algemene regels. Stappenplan webdesign

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

Nadere informatie

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

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

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

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

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

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

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

eqbs gebruikersvriendelijke websites

eqbs gebruikersvriendelijke websites eqbs gebruikersvriendelijke websites maatwerk websites voor uw onderneming www.elitelabs.nl gebruikersvriendelijke maatwerk website Overal ter wereld altijd uw eigen website beheren. Persoonlijk ontwerp

Nadere informatie

WEBSITE USABILITY. white-paper

WEBSITE USABILITY. white-paper WEBSITE USABILITY white-paper Alle rechten voorbehouden Het is niet toegestaan deze white-paper aan derden te verstrekken of te verkopen. Het is niet toegestaan de inhoud van deze white-paper elders te

Nadere informatie

Datanose. Laura Geerars, Vincent Damen, Marit Beerepoot, Meile Houtsma Groep 10

Datanose. Laura Geerars, Vincent Damen, Marit Beerepoot, Meile Houtsma Groep 10 Datanose Mini brief 21: De UvA wil dat Datanose ook goed werkt op mobiele telefoons. Zoek uit welke user stories specifiek op mobiel belangrijk zijn, en maak voor die user stories een gedetailleerd ontwerp

Nadere informatie

styleguide Albert Slow Styleguide

styleguide Albert Slow Styleguide styleguide 1 Inleiding Albert Heijn wilde voor de ipad app Albert Slow een ontwerp dat echt aansprekend en wervend is zonder dat gebruiksvriendelijkheid en informatie voorziening in het gedrang zou komen.

Nadere informatie

Dennis Wagenaar 19-04-10 v 1.0

Dennis Wagenaar 19-04-10 v 1.0 Ontwerprapport Save Energy Leiden Dennis Wagenaar 19-04-10 v 1.0 Inhoudsopgave Inleiding...4 1 Grafisch Ontwerp...5 1.1 De website...5 1.2 Header...6 1.3 Menu...6 1.4 Content...7 1.5 Grafieken...7 1.5

Nadere informatie

De website heeft een redelijk gestileerde uitstraling en oogt ook experimenteel. Verder lijd hij nauwelijks af van de inhoud, namelijk zijn foto s.

De website heeft een redelijk gestileerde uitstraling en oogt ook experimenteel. Verder lijd hij nauwelijks af van de inhoud, namelijk zijn foto s. Analyse van een website (Opdracht 1a.) EricRyanAnderson.com De vormgeefaspecten Het doel van de website is om het werk van Eric Ryan Anderson te laten zien en daarmee klanten te overtuigen om gebruik te

Nadere informatie

Linda Thuijs-Koopmans - LinnenArt, huisstijl en logo ontwerp - www.linnenart.nl

Linda Thuijs-Koopmans - LinnenArt, huisstijl en logo ontwerp - www.linnenart.nl Linda Thuijs-Koopmans - LinnenArt, huisstijl en logo ontwerp - www.linnenart.nl Handleiding Gmail in huisstijl met een automatische e-mail handtekening.. Als je je drukwerk, online profielen en alle visuele

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

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

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

Nieuws sites hebben een krantachtige vormgeving; de informatie staat voorop.

Nieuws sites hebben een krantachtige vormgeving; de informatie staat voorop. Be e ldsche rmvormge ving & We bde sign Doelstelling & Doelgroepverkenning Kijk naar verschillende websites om je doelgroep te verkennen. Ze hebben allemaal een andere doelstelling en roepen een bepaalde

Nadere informatie

Inleiding. Daarnaast geldt dat bij gebruik van een eigen website een link wordt geplaatst bij de contactgegevens naar de homepage van In de Weerd:

Inleiding. Daarnaast geldt dat bij gebruik van een eigen website een link wordt geplaatst bij de contactgegevens naar de homepage van In de Weerd: Huisstijlhandboek Inhoudsopgave Inleiding... 3 Missie & organisatiebeschrijving... 4 Logo, pay-off & pictogrammen... 5 Logo & kleurgebruik... 6 Typografie... 8 Briefpapier... 9 Persbericht... 10 Powerpoint

Nadere informatie

FAQ. Responsive Design. Auteur Tim Ariesen Serviceteam Fulfilment Allrounder Datum 20-03-2014 Versie 1.0

FAQ. Responsive Design. Auteur Tim Ariesen Serviceteam Fulfilment Allrounder Datum 20-03-2014 Versie 1.0 FAQ Responsive Design Auteur Tim Ariesen Serviceteam Fulfilment Allrounder Datum 20-03-2014 Versie 1.0 Inhoudsopgave Pagina 1. Wat is responsive design? 3 2. Wat is er toegevoegd aan onze mono werkomgeving?

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

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

HetSchoolvoorbeeld.nl

HetSchoolvoorbeeld.nl HetSchoolvoorbeeld.nl maakt websites voor het onderwijs die u zelf met het bekroonde en gebruiksvriendelijke programma Word- Press inhoudelijk kunt beheren. De vakkundigheid van het team van HetSchoolvoorbeeld.nl

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

Seminar. Essay conceptstores

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

Nadere informatie

Vormgeving P1415: Eindwerk Mark van Dijken (500714919) Klas koraal. Datum: 12 januari 2015 Docent: M. Andrews

Vormgeving P1415: Eindwerk Mark van Dijken (500714919) Klas koraal. Datum: 12 januari 2015 Docent: M. Andrews Vormgeving P1415: Eindwerk Mark van Dijken (500714919) Klas koraal Datum: 12 januari 2015 Docent: M. Andrews Inhoudsopgave Inleiding Music player voor mobiel moodboard 2 schetsen 3 eindresultaat 4 Restaurant

Nadere informatie

Creatieve vormgeving is zintuigen prikkelen. www.studiofont.nl

Creatieve vormgeving is zintuigen prikkelen. www.studiofont.nl Creatieve vormgeving is zintuigen prikkelen www.studiofont.nl Studio Font is een klein bureau voor grafische vormgeving, dat groots meedenkt. Of het nu gaat om een logo, huisstijl, website, flyer of een

Nadere informatie

IMG IS EVERYTHING FRONTEND DEVELOPMENT LES 6

IMG IS EVERYTHING FRONTEND DEVELOPMENT LES 6 IMG IS EVERYTHING FRONTEND DEVELOPMENT LES 6 VORIGE WEEK De principes van het web Multiscreen Responsive webdesign Mediaqueries Mobile first Even heel kort samenvatten waar we het ook al weer over hebben

Nadere informatie

Hallo, wij willen je graag voorstellen. aan je nieuwe website:

Hallo, wij willen je graag voorstellen. aan je nieuwe website: Hallo, wij willen je graag voorstellen aan je nieuwe website: Vanwege de op handen zijnde veranderingen in de geestelijke gezondheidszorg, willen wij je een handje helpen met je bereikbaarheid, uitstraling

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

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

Usability & Interface Design

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

Nadere informatie

6. Indexatie: Zijn de verschillende pagina s binnen de site geïndexeerd door Google?

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

1.9.9 Release Notes 28 oktober 2014

1.9.9 Release Notes 28 oktober 2014 1.9.9 Release Notes 28 oktober 2014 Inhoud Voordelen... 1 Overzicht... 2 Release Versie... 3 Nieuw... 4 Nieuw Tablet/Groot scherm weergave... 4 Ontwerp de Tablet/Groot Scherm Layout... 4 Site eigenaar

Nadere informatie

strategie concept creatie

strategie concept creatie strategie concept creatie Wij houden van competities, daag ons uit voor uw pitch?tip: Waarom wij? Innovatie in Design Een merk is de spiegel van uw creatie. Het vertegenwoordigt uw product en uw bedrijf.

Nadere informatie

strategie concept creatie

strategie concept creatie strategie concept creatie Wij houden van competities, daag ons uit voor uw pitch!?tip: Waarom wij? INNOVATIE IN DESIGN Een merk is de spiegel van uw creatie. Het vertegenwoordigt uw product en uw bedrijf.

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

Creëer voor iedere bezoeker een aantrekkelijke website

Creëer voor iedere bezoeker een aantrekkelijke website Creëer voor iedere bezoeker een aantrekkelijke website Dit is een Perfect systeem om een succesvolle website te bouwen om voor iedere doelgroep een aantrekkelijke presentatie te creëren door toepassing

Nadere informatie

Les 5 VID. Corporate Identity. If you don t know what to do make it big and red

Les 5 VID. Corporate Identity. If you don t know what to do make it big and red Les 5 VID Corporate Identity If you don t know what to do make it big and red Les 5 VID Corporate Identity If you don t know what to do make it big and red When in doubt make it big. If still in doubt,

Nadere informatie

Toelichting gebruik websitemachine. Stichting Kader- en Ondernemersopleiding Bouwbedrijf Docentenhandleiding

Toelichting gebruik websitemachine. Stichting Kader- en Ondernemersopleiding Bouwbedrijf Docentenhandleiding Toelichting gebruik websitemachine Stichting Kader- en Ondernemersopleiding Bouwbedrijf Docentenhandleiding Toelichting gebruik websitemachine De websitemachine is een webapplicatie waarmee u op eenvoudige

Nadere informatie

Wat zijn de doelstellingen van uw. actief zijn? 28-10-2014. Online marketing: het belang van internet en je website. TenZer niet het eerste idee

Wat zijn de doelstellingen van uw. actief zijn? 28-10-2014. Online marketing: het belang van internet en je website. TenZer niet het eerste idee TenZer niet het eerste idee Online marketing: het belang van internet en je website Workshop 27 oktober 2014 Lead to Sale Creative Photostudio Vallen en opstaan En toen.. TenZer Probeer ervaren ondernemers

Nadere informatie

Uw digitale. communicatie

Uw digitale. communicatie Uw digitale communicatie Optieksignage: uw oplossing in Digital Signage Uw digitale communicatie Optieksignage is een unieke totaaloplossing op het gebied van digitale communicatie. Met de door ons ontwikkelde

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

Tips & trucs banners maken voor je webshop

Tips & trucs banners maken voor je webshop 9-9-2014 15:53:00 Tips & trucs banners maken voor je webshop v1.01 Alicia van Moorsel Inhoudsopgave Pagina 1: - Wat is een header? - Sfeer - Aanbieding/nieuw product - Maar maak ik goede converterende

Nadere informatie

PageSpeed Insights. http://arsko.ru/livechat/css/bootstrap.css (maximum duur niet gespecificeerd)

PageSpeed Insights. http://arsko.ru/livechat/css/bootstrap.css (maximum duur niet gespecificeerd) PageSpeed Insights Mobile 49 / 100 Snelheid Dit moet worden gecorrigeerd: Gebruikmaken van browsercaching Wanneer u in HTTP-headers een vervaldatum of maximale leeftijd voor statische bronnen instelt,

Nadere informatie

PageSpeed Insights. Wanneer u bronnen comprimeert met gzip of deflate, kan het aantal bytes worden verlaagd dat via het netwerk wordt verzonden.

PageSpeed Insights. Wanneer u bronnen comprimeert met gzip of deflate, kan het aantal bytes worden verlaagd dat via het netwerk wordt verzonden. PageSpeed Insights Mobile 30 / 100 Snelheid Dit moet worden gecorrigeerd: Comprimeren inschakelen Wanneer u bronnen comprimeert met gzip of deflate, kan het aantal bytes worden verlaagd dat via het netwerk

Nadere informatie

Huisstijlhandboek. Algemene richtlijnen & instructies voor het gebruik van de CDA huisstijl. Februari 2013 Versie 1.1.

Huisstijlhandboek. Algemene richtlijnen & instructies voor het gebruik van de CDA huisstijl. Februari 2013 Versie 1.1. Huisstijlhandboek Algemene richtlijnen & instructies voor het gebruik van de CDA huisstijl Februari 2013 Versie 1.1. Inhoud 1. Inleiding 2. Logo 3. Opbouw logo en payoff 4. Plaatsing van het logo 5. Omgaan

Nadere informatie

make things ETA by Boudewijn Naaijkens

make things ETA by Boudewijn Naaijkens ET S make things ETA by Boudewijn Naaijkens VISUAL IDENTITY Student Boudewijn Naaijkens 2060969 Avans Hogeschool 42CM04 (O) Vakcoördinator Brenda Renssen Avans Hogeschool Overige betrokken docent(en) Marcel

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

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

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

Haal meer boekingen uit uw website! Meer bezoekers, meer boekingen, meer gasten Tommy Bookingsupport & TenZer

Haal meer boekingen uit uw website! Meer bezoekers, meer boekingen, meer gasten Tommy Bookingsupport & TenZer Haal meer boekingen uit uw website! Meer bezoekers, meer boekingen, meer gasten Tommy Bookingsupport & TenZer Wat gaan we doen. Online trends Website ontwikkeling Online boeken Zoekmachine optimalisatie

Nadere informatie

Websitecheck. Taak en Tekst voor websites die werken. www.jouwsite.nl

Websitecheck. Taak en Tekst voor websites die werken. www.jouwsite.nl Taak en Tekst voor websites die werken www.jouwsite.nl Websitecheck Taak en Tekst, www.taakentekst.nl Buijs Ballotstraat 27A, 2563 ZH Den Haag 06-13935470 1 Websitecheck Website: Eigenaar: Datum: www.jouwsite.nl

Nadere informatie

Wat voor lettertype ben jij? door: Cora Verhagen, Studio Neeltje

Wat voor lettertype ben jij? door: Cora Verhagen, Studio Neeltje Wat voor lettertype ben jij? door: Cora Verhagen, Studio Neeltje doe de test! Iedere ondernemer wordt ermee geconfronteerd: tekst. Tekst op je website, tekst op je visitekaartje, tekst op je flyers, tekst

Nadere informatie

Basisprincipes van het ontwerpen

Basisprincipes van het ontwerpen Basisprincipes van het ontwerpen gordongroup Over de gordongroup gordongroup is een full-service marketing- en communicatiebureau waar klanten voor al hun wensen op het gebied van creatieve services terecht

Nadere informatie

visuele communicatie Auteur: Raoul Postel

visuele communicatie Auteur: Raoul Postel visuele communicatie Auteur: Raoul Postel het idee het concept het doel: een logisch proces naar een verrassend concept / idee het concept / idee vertalen naar vormgeving en medium het idee het concept

Nadere informatie

ActiveBuilder Handleiding

ActiveBuilder Handleiding ActiveBuilder Handleiding Auteur: TalkActive I/S Datum: Juli 2004 Versie: R. 1.01 Taal: Nederlands Copyright 2004 - Talk Active alle rechten voorbehouden. Inhoud: 1. INTRODUCTIE...2 2. SNEL STARTEN...3

Nadere informatie

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

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

Nadere informatie

Vragenlijst voor nieuwe website

Vragenlijst voor nieuwe website Vragenlijst voor nieuwe website Om het jezelf makkelijk te maken, print je dit formulier uit en vul je het gewoon met pen in. Overleg eens met huisgenoten, collega's en vrienden zodat je een juist beeld

Nadere informatie

Online Marketing. Door: Annika Woud ONLINE MARKETING

Online Marketing. Door: Annika Woud ONLINE MARKETING Online Marketing Door: Annika Woud 1 Inhoudsopgaven 1 Wat is online marketing? 2 Hoe pas je online marketing toe op een website? Hoe pas je het toe? SEO Domeinnaam HTML Google Analytics Advertenties op

Nadere informatie

User experience voor projecten

User experience voor projecten User experience voor projecten In de PS module zijn er een aantal nieuwe mogelijkheden beschikbaar voor het werken met projecten. Zo is in EhP 6 de Project Editor uitgebreid met de mogelijkheid om Gannt

Nadere informatie

Case 4 Consultancy. 28 April 2015. F.J.H. Bastiaansen. D.A.J. van Boeckholtz. Minor Online Marketing

Case 4 Consultancy. 28 April 2015. F.J.H. Bastiaansen. D.A.J. van Boeckholtz. Minor Online Marketing Case 4 Consultancy 28 April 2015 Auteurs L.A. van Aart F.J.H. Bastiaansen D.A.J. van Boeckholtz Opleiding Minor Online Marketing Beoordelend docent Arlon Biemans Inhoud 1. Inleiding... 3 2. Remarketing...

Nadere informatie

1.1 DE OPDRACHT IN HET KORT

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

Nadere informatie

STAGE VERSLAG LVB NETWORKS

STAGE VERSLAG LVB NETWORKS STAGE VERSLAG LVB NETWORKS Stagiair : Praktijkopleider : Stagebegeleider : Periode : Inlever Datum : Michael Scherpenisse Jeffrey van Draanen Bert de Boer 1 2 April, 2015 Opmerking Beoordeling stageverslag:

Nadere informatie

PageSpeed Insights. http://www.iwtitalia.com/privacy/privacy.js (maximum duur niet gespecificeerd)

PageSpeed Insights. http://www.iwtitalia.com/privacy/privacy.js (maximum duur niet gespecificeerd) PageSpeed Insights Mobile 33 / 100 Snelheid Dit moet worden gecorrigeerd: Gebruikmaken van browsercaching Wanneer u in HTTP-headers een vervaldatum of maximale leeftijd voor statische bronnen instelt,

Nadere informatie

Ontwerpdocument BVA app Ontwerpdocument BVA app

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

Nadere informatie

verschillende stijlen essentie trends eigen grafische stijl

verschillende stijlen essentie trends eigen grafische stijl Grafische stijlen Als ontwerper moet je je kunnen inwerken in verschillende stijlen die een opdrachtgever kan vragen. Hierdoor kan je een breed publiek bedienen. Door het bestuderen van allerlei stijleigenschappen

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

Succesvol dankzij internet

Succesvol dankzij internet Succesvol dankzij internet Praktische tips voor ondernemers Enschede 7-11-2012 Jorik Heins Deze presentatie komt online beschikbaar op www.marketingman.nl/presentatie Vanavond Wat is een goede website?

Nadere informatie

Talk Nerdy To Me 16-05-2012 NHL. Responsive Webdesign. Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com

Talk Nerdy To Me 16-05-2012 NHL. Responsive Webdesign. Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com Talk Nerdy To Me 16-05-2012 NHL Responsive Webdesign Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com 1.1 Waarom is webdesign voor mobiel gebruik onvermijdelijk? in 2010 was er 600% groei in

Nadere informatie

HET NIEUWE LOGO & DE BASELINE

HET NIEUWE LOGO & DE BASELINE BRAND MANUAL 1. Het nieuwe logo & de baseline...22 2. Kleurgebruik...3 3. Typografie...45 4. Minimumafmetingen...5 6 5. Grafische elementen...56 6. Plaatsing...67 7. Don ts...78 8. Papierkeuze...7 8 1

Nadere informatie

CMD brand guide. Versie 1.0 oktober 2014

CMD brand guide. Versie 1.0 oktober 2014 CMD brand guide Versie 1.0 oktober 2014 Inhoud 5 Uitgangpunten 7 Iconen 10 Totems 13 Typografie 16 Kleurgebruik 20 Fotografie 23 Uitingen 27 Powerpoint 29 Online 33 Beeldbank 35 Combinatie met HvA huisstijl

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

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

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

Nadere informatie

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

Bedrijfsinformatie 1 september 2014

Bedrijfsinformatie 1 september 2014 1 september 2014 Wie ben ik? Even voorstellen Mijn naam is Niek Scholtes, geboren op 29 april 1986 in Den Haag. In 2009 heb ik mijn HBO studie Human Technology afgerond aan de Haagse Hogeschool. Human

Nadere informatie

Het ideale font voor programmeurs

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

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

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

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

Nadere informatie

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

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

Ontwerpverslag. Mobile Concepting 16 maart 2015. Rogier Wijnands Jelle Clignet Tom Bessems

Ontwerpverslag. Mobile Concepting 16 maart 2015. Rogier Wijnands Jelle Clignet Tom Bessems Ontwerpverslag Mobile Concepting 16 maart 2015 Rogier Wijnands Jelle Clignet Tom Bessems 1. Ontwerpproces en concept 3 1.1. Uiteindelijk concept 3 1.2. Ontwerpkeuzes 4 1.3. Ontwerpproces 4 2. Prototypes

Nadere informatie

Er zijn veel manieren waarop je een site kunt analyseren. We beperken ons hier tot de homepage. In deze opdracht gaan we 2 manieren toepassen:

Er zijn veel manieren waarop je een site kunt analyseren. We beperken ons hier tot de homepage. In deze opdracht gaan we 2 manieren toepassen: 1 Site-analyse Er zijn veel manieren waarop je een site kunt analyseren. We beperken ons hier tot de homepage. In deze opdracht gaan we 2 manieren toepassen: 1 Analyse van de paginastructuur 2 Analyse

Nadere informatie

Een nieuwe website speciaal op maat gemaakt

Een nieuwe website speciaal op maat gemaakt Een nieuwe website speciaal op maat gemaakt dibbadoo Een onvergetelijke eerste indruk met een website van Dibbadoo Bestaande en potentiële klanten zoeken elke dag op internet naar producten en diensten.

Nadere informatie

ailexpert Tips & Tricks Email design

ailexpert Tips & Tricks Email design ailexpert Tips & Tricks Email design 1 Inleiding E-mail marketing is een vorm van direct marketing waarmee een bedrijf in contact kan komen te staan met haar klanten. De markt van E-mail marketing is de

Nadere informatie

Review: ios apps voor Google Analytics

Review: ios apps voor Google Analytics Review: ios apps voor Google Analytics Welke online marketeer of e-commerce manager wil niet altijd op de hoogte zijn van de online performance? On the go informatie over de online prestaties, ideaal toch?

Nadere informatie

Screen Design Puntgave Pixels

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

Nadere informatie