Terugkerende Trends in Webdesign
|
|
- Leo de Lange
- 7 jaren geleden
- Aantal bezoeken:
Transcriptie
1 Terugkerende Trends in Webdesign Marlon Veelers Utrecht University of Applied Science Faculty of Communication and Journalism Padualaan 99, 3512 CH Utrecht Kernwoorden: webdesign, trends, technologische ontwikkeling, geschiedenis, websites, laptop, smartphone, tablet
2 Samenvatting Ik heb onderzoek gedaan naar (terugkerende) trends in webdesign. In dit verslag kunt u de resultaten daarvan bekijken. Als eerste zijn de trends binnen webdesign uit 2014 beschreven. Daarna ga ik dieper in op de trends en technologische ontwikkelingen uit het verleden. Tevens wordt daar uitgelegd waarom er is gekeken naar de technologische ontwikkelingen, en niet enkel naar de trends. Tot slot komt u te weten of er trends zijn teruggekeerd in webdesign, en welke dat dan zijn. 2
3 Introductie De letterlijke vertaling van het begrip Trends hoef je niet te kennen om te weten dat het veel te maken heeft met het in en uit zijn van bepaalde dingen. In de mode is het veel te zien: de hoge taille broek bij vrouwen, bijvoorbeeld. Een tijd hartstikke in, een aantal jaar later not done, en nu weer ontzettend populair. Deze trends verschijnen natuurlijk niet alleen binnen mode, maar ook binnen interieur, architectuur, en zo ook webdesign. Met welke elementen werd je website vroeger zo n 25 jaar geleden gewaardeerd? Zijn deze anno 2014 nog steeds goed? Tim Berners-Lee bedacht in 1989 het World Wide Web, en sindsdien heeft het internet en het webdesign enorm grote stappen gezet. Door deze stappen te onderzoeken, is te zien welke trends zijn teruggekeerd. Met deze kennis zou ik wellicht kunnen aangeven welke trends van nu in de toekomst weer zullen terugkeren, en welke niet. Voor een CMD er is het belangrijk om dit te weten, omdat wij zo bedrijven kunnen adviseren om mee te gaan in een bepaalde trend, of juist niet. Misschien is een trend die nu gaande is, over een jaar wel helemaal voorbij. Het zou dan zonde zijn als jij veel moeite hebt gestoken in, bijvoorbeeld, het redesign van een website, en dat dat achteraf verspilde moeite blijkt te zijn, omdat die trend alweer gepasseerd is. 3
4 Methoden Ik heb voor dit onderzoek gebruik gemaakt van online onderzoek, en wat literatuur onderzoek. Hiermee ben ik tot goede resultaten gekomen. Het is belangrijk om kritisch te blijven kijken naar bronnen, zeker omdat ik met name informatie van het internet nodig heb. 4
5 Resultaten Over trends Volgens De Dikke Van Dale is een trend: Het algemeen verloop dat cijfers gedurende een periode vertonen, afgezien van de toevalligheden en seizoensafwijkingen. Je kan dus zeggen dat trends meetbare veranderingen zijn, die los staan van toevalligheden en seizoensafwijkingen. Een trend gaat dus over een bepaalde tijdsduur. Een goed voorbeeld is de vergrijzing. Je kan onderzoeken hoeveel ouderen er zijn, en of dit percentage groeiende is ten opzichte van de rest van de bevolking. Tevens is de vergrijzing een verloop dat niet afhankelijk is van het seizoen of van toevalligheden. Er bestaan vier verschillend trends: Producttrends Een producttrend hangt altijd samen met de populariteit van een bepaald product. Mensen staan ineens in de rij voor een film, een boek of de nieuwe iphone 6. De duur van deze trend is kort, meestal niet langer dan één jaar. Een producttrend houdt een concreet product of dienst in. Markttrends De markttrend beweegt zich op markt- of brancheniveau: er worden ideeën ontwikkeld naar aanleiding van de voorkeuren en behoeften van de mens. De duur van een markttrend is één tot vijf jaar. Een voorbeeld van een markttrend is het concept verpakkingloze producten ( precycling ). Markt- en producttrends worden uiteindelijk vertaald naar concepten en nieuwe of vernieuwde producten of diensten. Consumententrends Bij de consumententrend is de consument de bepalende factor. Het gaat hierbij om verlangens, wensen en behoeften van de mens. Dit gaat dan ook vaak over dingen die de mensen belangrijk vinden. De duur van deze trend is vijf tot tien jaar. Een voorbeeld is het hele ecobewustzijn. Maatschappelijke trends 5
6 Maatschappelijke trends worden niet door iedereen bewust ervaren, maar liggen erg diep. Maatschappelijke trends spelen zich af op meganiveau. De duur van deze trend is dan ook tien tot dertig jaar. Een voorbeeld van een maatschappelijke trend is de, zoals hierboven ook al genoemd, vergrijzing. Trends in webdesign in 2014 Webdesign ontwikkelt zich ontzettend snel. In dit hoofdstuk behandel ik 8 belangrijke trends uit Flat Design Flat Design is door Microsoft op de kaart gezet. Flat Design houdt in dat alle content, buttons en andere elementen op een website zo veel mogelijk 2D worden weergegeven. Dat wil zeggen dat er geen gebruik wordt gemaakt van bijvoorbeeld schaduwen. Flat design komt goed tot zijn recht bij B2B (Business To Business) websites, omdat het zakelijk en minimalistisch overkomt. Ook in samenwerking met het Responsive design doet het Flat Design. Er zijn egale kleuren te zien, op een website zijn dit er niet meer dan één of twee. Skeuomorphism (verwijzingen naar de echte wereld) behoren tot het verleden. Het feit dat we geen verwijzingen of vergelijkingen met de echte wereld nodig hebben om te snappen wat er bedoeld wordt, komt doordat we steeds vertrouwder raken met de interfaces. Responsive en Mobiel Hoewel deze term al in 2010 is bedacht, toen meer bedrijven gingen investeren in het bieden van een optimale mobiele ervaring, is dit een trend die nog steeds enorm van belang is. Een responsive website past zich aan de omgeving van het apparaat aan. Dit doet hij door middel van percentages en breaking points letterlijk punten waar de content kan worden afgebroken. 6
7 In bovenstaande afbeelding wordt goed afgebeeld wat responsive design inhoudt. De drie gele vlakken worden bij een mobiel onder elkaar weergegeven, terwijl deze op een computer naast elkaar worden vertoond. Dit verhoogt de gebruiksvriendelijk-, en de leesbaarheid. Het einde van een afgebeeld geel blok is dan bijvoorbeeld een breaking point; daar wordt hij afgebroken. Het gebruik van de smartphone en tablet is zo toegenomen, dat daar twee trends uit zijn voortgekomen: Mobile first: hierbij is het ontwerp gericht op de smartphone als basis. Alleen het noodzakelijke staat op de website. Mobile only: dit nieuwe fenomeen is gekomen nu mobiel een volwaardig kanaal is. Mobile only platformen of diensten zijn alleen via de mobiel beschikbaar. Vaak zijn dit mobile apps van een sociaal netwerk. Blokjes Steeds meer websites werken met een bepaalde blokken structuur. Zo is het concept Thegrid.io laatst in de markt gekomen: een website die zich vormt naar jouw content. Je upload artikelen met foto s en tekst, en de website past zich vanzelf daarop aan. Het voordeel van zo n blokkenpagina is dat het hand in hand samengaat met het Responsive Design. Breaking points zijn makkelijk te bepalen en de afbeeldingen worden gemakkelijk verkleind. Deze trend is een reactie op ons gedrag: wij willen meer interactie en het liefst alle content bepalen. 7
8 De website nest.com, hierboven afgebeeld, is een goed voorbeeld van zo n blokkensite. Als je deze website zou verkleinen, of hem zou bekijken op een tablet of smartphone, past hij zich hier gemakkelijk op aan. De bovenste blokken zijn bijvoorbeeld ideaal te verdelen als het scherm gehalveerd wordt. De onderste blokken zullen dan iets verkleinen en zich weer samenvoegen met andere content. Ook is hiet het flat design duidelijk aanwezig, samen met grote afbeeldingen, illustraties en weinig tekst. Deze onderdelen zal ik zo meteen behandelen. De website krijgt door een combinatie van deze elementen een strakke, zakelijke, eerlijke en moderne uitstraling. Eén pagina Veel websites bestaan tegenwoordig uit slechts één pagina, waar alle content en functionaliteiten te vinden zijn. De links in de menubar leiden middels een subtiele animatie naar een andere locatie van de pagina, maar dit kan ook door te swipen of scrollen. Als je bijvoorbeeld klikt op Contact, verschijnt er niet een nieuwe pagina, maar ga je meestal naar het onderste deel van diezelfde pagina. Met deze one page website kan je goed een echte beleving aan je merk koppelen. Vaak bestaan de delen of vlakken van deze one page websites uit verschillende lagen, waardoor ze heel geleidelijk over elkaar heen schuiven. Het voordeel hieraan is dat bedrijven zo gedwongen worden om hun content niet langer te maken dan noodzakelijk. One page websites zijn zo ontworpen dat de bezoeker snel een overzichtelijk aanbod krijgt. 8
9 Grote afbeeldingen Dit is een trend die vaak bij de one page website komt kijken: grote foto s of video s. Deze foto s zijn vaak scherm vullend. Dit creëert dus de ultieme merkbeleving. Waar beeld eerst ondersteunend was aan tekst, is tekst nu ondersteunend aan het beeld. De tekst die hierbij wordt gebruikt, is vaak een schreefloos, wit font. Je ziet ook steeds meer video s in plaats van tekst. Het sharegehalte van een video is vele malen groter dan die van tekst en dat is een groot voordeel. Wat vaak komt kijken bij deze image headers, en in combinatie met het flat design, zijn de zogenaamde Ghost Buttons. Deze knoppen zijn weliswaar zichtbaar, maar ze zijn minimalistisch en vaak transparant met een lijn om de button heen. Wanneer je hier met je muis overheen gaat, krijgt de button kleur. Een goed voorbeeld is de website Lush.com. Hier is ook de ghost button te zien. Zeker in combinatie met beeld is dit een goede toevoeging. De button leidt niet af, maar je weet wel dat je erop kan klikken. Simplicity Eenvoud en minimalisme zijn vrijwel altijd belangrijke stromingen binnen het ontwerpen geweest. Veel ontwerpers halen hun inspiratie uit de Swiss Style, het Zwitsers Modernisme, uit de jaren 50. Dit is naast een trend ook een golfbeweging die met name in het grafisch, print design binnen een bepaalde tijd weer terugkomt. Binnen het webdesign lijkt steeds meer mogelijk te zijn, en verschijnen er steeds meer keuzes en opties. Het is daarom dat we af en toe grijpen naar een wat eenvoudigere vormgeving. Eenvoud biedt helderheid en vertrouwen, in plaats van verwarring. 9
10 Bij Simplicity komt ook een groot deel van het flat design kijken; een minder groot kleurenpalet en een rustigere vormgeving. Dit zie je ook terug aan de minimalistische menubar. Achtergronden bestaan niet meer uit patronen, maar uit foto s of een kleur. Simplicity moet niet verward worden met simpel. Een website met een goede simplicity vergt een duidelijke structuur en kennis waardoor content op bewuste plekken is geplaatst. Kijk bijvoorbeeld naar de pagina s Yahoo en Google, zie hieronder. Yahoo staat vol links en artikelen, terwijl de homepage van Google enkel bestaat uit hun logo, de zoekbalk en twee knoppen. Dat werkt enorm goed. Je wordt niet overspoeld met informatie en krijgt alleen datgene te zien wat je wil: iets opzoeken. Toptaken Vroeger stond hier een artikel, of een leuk welkomstwoord van het bedrijf, maar tegenwoordig staan er op de homepage toptaken. Dit is een strategie die gericht is op de behoeften van je klanten. En die werkt. De bezoekers hoeven helemaal niet alles van de website te zien, maar komen maar voor een klein deel. Er wordt bepaald wat de bezoekers echt van een site willen, en dat wordt op de homepage geplaatst, meestal in een paar blokken. Zo wordt er nog meer focus op de gebruiker gelegd, in plaats van de website. 10
11 Een goed voorbeeld is de website van Tilburg.nl. Hier zijn vier blokken te zien met dat waar de meeste bezoekers voor komen, zoals een afspraak maken of een verhuizing doorgeven. De site is qua vormgeving ook enorm plat. Dit geeft een fris en snel uiterlijk en daardoor zullen bezoekers van de site eerder een positief gevoel voor het bedrijf krijgen. Door deze toptaken wordt er veel aandacht besteed aan de klant, en heb je het gevoel dat het bedrijf je snapt. Het nieuwe scrollen We raken met zijn allen aardig gewend aan de interfaces van mobiele apparaten. Veel tekst is bijvoorbeeld vervangen door iconen. Websites hebben een hele andere navigatie, horizontaal bijvoorbeeld. Er kan nu worden gespeeld met het scrollen in de website. Het lijkt of de website is geanimeerd, omdat er elementen bewegen naarmate je scrollt. Wat te merken is, is dat de beleving bij zo n site veel groter wordt, omdat het veel interactiever is. Ook dit ligt aan het feit dat we minder houvast nodig hebben aan bestaande beeldtaal. We snappen wat er gebeurt bij bepaalde knoppen. Om deze reden kan er steeds meer vormgegeven worden vanuit een digitaal perspectief. 11
12 Deze screenshots zijn van de website airnauts.com en zij hebben een vrij fancy scrollelement. Als je naar beneden scrollt, schuift het roze stuk over het zwarte stuk. Door dit element wordt de website heel interactief en interessant omdat dit onverwachts is. Je scrollt dus naar beneden, maar de content wordt niet in die volgorde laten zien. Dit is erg verrassend. Kleintjes Uiteraard zijn er nog heel veel andere trends. Zo zijn er meer geometrische vormen te zien binnen het webdesign, veel witte lijnen, platte afbeeldingen, transparante lagen 12
13 Deze lijst kan zo nog een aantal pagina s doorgaan. Omdat deze kleine trends relatief weinig invloed hebben op het webdesign zelf, of de behoeften van gebruikers, ga ik deze niet stuk voor stuk behandelen. Wat deze kleinere trends allemaal verbindt, is dat ze vaak in combinatie gaan met flat design of met simplicity. De grootste webdesign trends uit het verleden Trends zijn een reactie op een bepaalde technologische ontwikkeling. Zoals bijvoorbeeld de smartphone. Door zijn opkomst is de trend Responsive Design gekomen. Een website moet immers op je smartphone even goed te bekijken zijn als op een laptop. Om erachter te komen wat de grootste trends uit het verleden op het gebied van webdesign zijn, heb ik eerst gekeken naar de technologische ontwikkelingen binnen websites en vervolgens gekeken welke trends daarop volgden. Begin jaren 90: websites gebaseerd op tekst In augustus 1991 maakte de consultant-software-engineer Tim Berners-Lee de eerste website vanaf zijn NeXT computer. Dit hele project noemde hij dan ook het World Wide Web. Het project was eigenlijk slechts bedoeld voor natuurkundigen van universiteiten en instituten van over de hele wereld, zodat zij informatie met elkaar uit konden wisselen. Toentertijd waren er naast zijn collega s bij het CERN (Conseil Européen pour la Recherche Nucléaire, Europese Raad voor Kernonderzoek) niet heel veel mensen onder de indruk van zijn project. Natuurlijk wisten mensen niet dat dit hun leven zowat zou veranderen. Interesse kregen de mensen zeker toen webbrowser Mosaic het project in 1993 meer bekendheid gaf. Al moesten ze enkele minuten wachten tot een pagina geladen was. In 1993 waren er volgens een studie van MIT researcher Matthew Gray ongeveer 623 websites. 13
14 Dit is hoe het World Wide Web er in 1992 uit zag. En dit was groots. Het is geheel op tekst gebaseerd. Functies als layout, kleuren, fonts, navigatie en afbeeldingen bestonden toen nog niet. Midden jaren 90 Tabellen Het aantal websites schiet enorm omhoog. Midden 1994 bestonden er zo n 2738 websites, terwijl er aan het einde van dat jaar meer dan door de lucht zweefden. In 1995 ging het ook steeds beter met de plaatjes op het internet. Het plaatsen ervan was geen pretje: designers moesten de afbeeldingen in verschillende kleinere stukken knippen, waarna ze hem als een soort puzzel in een tabel plaatsten. Deze tabellen veranderden het uiterlijk van de websites enorm. Designers konden hierdoor de tekst op een website beter organiseren, waardoor de tekst weer beter leesbaar werd. Mensen begonnen websites met een creatief ontwerp steeds meer te waarderen. Door deze aandacht en waardering ontstond er ook direct een heel competitief aspect aan het maken van websites. Webdesigners moesten natuurlijk voor blijven op andere websites en hierom pasten zij steeds meer technieken toe. Websites waren een groot succes. In deze tijd werden websites niet beoordeeld op hun resultaat in een zoekmachine, maar puur op het uiterlijk. Hoe moderner of futuristischer ten opzichte van de rest, hoe beter. Omdat bedrijven nu ook online op wilden vallen, namen zij voor het eerst webdesigners aan. 14
15 Zo zag MSN.com eruit in Aan de website van MSN.com is goed te zien dat er gebruik gemaakt werd van tabellen. Zo kon er nu ook aan de zijkanten van de website tekst geplaatst worden. Let trouwens even op de tekst in de sidebar links. Verder is het allemaal nog heel basic: zo te zien is de kleur van de hyperlinks te veranderen naar iets anders dan het standaard blauw, en kunnen er gekleurde vlakken geplaatst worden. Dit is hoe Google er in 1997/1998 uit zag. Google heette eerst BackRub. In 1997 besluiten ze de zoekmachine Google te noemen. Het is een woordspeling op het 15
16 woord Googol, een wiskundige term voor een 1 met honderd nullen. Het gebruik van deze naam geeft hun missie aan: de oneindige hoeveel informatie op internet organiseren. Eind jaren 90 Flash In 1995 werd Adobe benaderd door een klein ontwerpbureau genaamd FutureWave, of hij de applicatie FutureSplash wilde kopen. Dat wilde Adobe niet. FutureWave probeerde het in 1996 bij een ander bedrijf: Marcomedia. Hij wilde dit maar al te graag en noemde de applicatie Macromedia Flash. Macromedia Flash maakte multimedia, animaties en games mogelijk op het internet. In de jaren negentig werd het steeds populairder om een eigen website te hebben. Flash liet de websites er spannend uit zien, en meer mensen kregen interesse in het vak webdesign. Webdesign ging steeds meer losstaan van webdevelopment. Doordat er meer aandacht werd besteed aan het uiterlijk van websites, begonnen mensen bepaalde websites nu ook mooi en lelijk te vinden. Mensen konden zich onderscheiden, door een professionele website te (laten) bouwen. Op visueel gebied veranderden een aantal dingen. Er werd voor het eerst gebruik gemaakt van geanimeerde hyperlinks die van grootte of kleur veranderden, er werden neon kleuren gebruikt, er werd muziek afgespeeld en logo s vlogen door het beeld. Webdesigners besteedden veel aandacht aan de interactie tussen website en gebruiker. Dit is een element dat nu nog steeds ontzettend belangrijk is. Deze ontwikkelingen zorgden voor de volgende trends: - Tekst is koning: webdesigners animeerden tekst en lieten dat door het hele scherm vliegen. - Tekst blijft koning: mooie achtergronden en tekst in fascinerende kleurencombinaties. - De eerste hit counters verschenen onderaan pagina s. Dit om aan te geven hoeveel vaker jouw website is bezocht dan een andere. 16
17 Aan deze website van Spook Central uit 1999 is goed te zien dat er volop werd geëxperimenteerd met kleur en animatie. Ik vermoed dat de letters Spook Central bovenaan bewegen Cascading Style Sheets CSS! In 2000 begon dit steeds populairder te worden. Voor het eerst konden designers de vormgeving los van de content creëren. Voordat CSS er was moesten designers het ontwerp voor elke pagina apart schrijven, maar nu hoefden zaken als tekst grootte, font, achtergrond kleur en dergelijke slechts in één bestand beschreven te worden. Naast dat de websites veel meer eenheid kregen, scheelde het de ontwerpers ook uren werk. CSS heeft zijn populariteit aan Microsoft te danken. Internet Explorer 5 was in 2000 de eerste browser die 99% van CCS1 ondersteunde. Toevallig was het toen ook een van de meest populaire browsers. 17
18 De website van Adobe uit Websites kunnen zich echt onderscheiden door middel van een stijl en kunnen daar eenheid in aanhouden. Kleuren worden in minder extreme mate gebruikt en op de geanimeerde teksten is men ook uitgekeken. Fonts kunnen worden vormgegeven, zo te zien heeft Adobe gekozen voor een font als Times New Roman. 18
19 De website van Apple, ook uit 2000, met hun moderne stijl. Ik denk dat deze website in 2000 veel luxe uitstraalde, natuurlijk door de producten die ze verkopen, maar ook door de glanzende buttons bovenaan, bijvoorbeeld. Midden jaren 2000 Javascript Hoewel Javascript al eerder geïntroduceerd was, sloeg het pas in 2000 aan. De op tabellen gebaseerde websites hadden nu meer nadelen dan voordelen. De lastige manier van coderen, pagina s die langzaam laden en visuele inconsistentie zijn daar voorbeelden van. Dankzij Javascript waren geanimeerde menu s mogelijk. Deze 4 nieuwe web elementen verschenen met de komst van Javascript: - Navigatiemenu s aan de top van de pagina - Drop Down menu s - Formulieren - User Created Content, zoals profielen, verhalen en foto collecties 19
20 Dit is Facebook uit 2004, dat toen nog The Facebook heette. Hier was een inlogfunctie aanwezig, dankzij Javascript. Qua vormgeving zijn veel herkenbare elementen te zien, die nu nog steeds op Facebook aanwezig zijn. De blauwe kleur en het font bijvoorbeeld. Late jaren 2000 tot nu Web 2.0 HTML5 bleef zich ontwikkelen, al betekende dit wel het einde voor Flash. Interactie met de gebruiker wordt belangrijker. De gebruiker zelf wordt ook veel belangrijker en pagina s worden aan hun wensen aangepast, in plaats van wat bedrijven te melden hebben. Google overheerst de wereld en Facebook.com is de meest gebruikte website. Hier ergens ontdekten webdesigners een nieuwe en leuke manier om content te presenteren: via infographics. In 2005 realiseerde Adobe zich dat ze een fout hadden gemaakt en ze namen Macromedia s succesvolle programma Flash over. We hebben nu multimediale apps, interactieve content, SEO of wel zoekmachineoptimalisatie, en social media. Door de opkomst en populariteit van de iphone en Android is er een bepaalde standaard gezet voor webdesign. Anno 2014 is responsive niet meer goed of beter, maar een vereiste. 20
21 De grootste verandering van de afgelopen veertien jaar is eigenlijk ook de meest lastige om te meten; namelijk hetgeen dat gebruikers verwachten van een website. Webdesigners en bedrijven kwamen erachter dat je website meer succes had als je website gebruiksvriendelijk was en bezoekers snel en gemakkelijk konden vinden waar ze naar zochten. Zo pasten zij hun website steeds meer aan, tot er een optimale gebruikerservaring ontstond. Dit maakt de online strijd tussen bedrijven nog heviger. Design waarbij alles draait om de gebruiker, zoekmachineoptimalisering en een succespercentage optimalisering waren hierdoor geboren. Deze ontwikkelingen zie je natuurlijk ook terug in de vormgeving van websites. Kleuren (en dan met name kleurcombinaties) werden beter begrepen, het gebruik van witruimte nam enorm toe en het gebruik van neon kleuren nam juist af. Het werd allemaal wat aangenamer. Hyperlinks werden vaker vervangen door iconen en aan resolutie en pixels werd meer waarde gehecht. Dit was een periode waarin usability belangrijker begon te worden dan andere design elementen. 21
22 Conclusies Na uitgebreid onderzoek naar trends uit het verleden en het heden, kan ik voorzichtig concluderen dat er eigenlijk geen trends zijn teruggekeerd. Nog geen, althans. De simplicity die er in webdesign rond 1998 was, is niet te vergelijken met de simplicity van nu. Het feit dat de websites in die tijd simpel waren, komt omdat er nog geen technologische ontwikkeling was geweest om deze simpele websites gecompliceerder te maken. Met andere woorden: ze waren nog niet zo ver ontwikkeld. De simplicity van toen is dus nog niet terug gekomen en het is maar de vraag of die ooit terug komt. Dat komt omdat het webdesign nog steeds niet is uitontwikkeld. Er blijven maar nieuwere, betere, mooiere en snellere functies verschijnen. Het web is enorm veranderd sinds de opkomst van de smartphone, en later de tablet. Het mobiel gebruik neemt nog iedere dag toe, en daarom zullen we ons steeds meer richten op de mobile only trend. Computers zullen uiteindelijk niet meer aan onze wensen voldoen, waardoor zij meer en meer naar de achtergrond zullen verdwijnen, en er komen vast weer nieuwe technologische doorbraken. Misschien wel die armband die je smartphone op je pols projecteert. Oudere websites deden erg aan een-richtings-communicatie. Ze vertelden wat zij te vertellen hadden, en maakten dat niet per se leuker voor de gebruiker. De bezoekers speelden wel een rol, maar niet zo groot zoals die nu is. Tegenwoordig is de bezoeker van een website alles. Omdat er zoveel websites bestaan, besluiten bezoekers al binnen een aantal seconde wat ze van de website vinden. Daarom is die eerste indruk zo belangrijk. Bezoekers spelen zo n grote rol dat de hele content aan hen wordt aangepast. Websites zijn veel interactiever geworden omdat dit een directer contact creëert, en zo hopen bedrijven de bezoeker te kunnen overhalen. Ik vroeg me af in hoeverre een technologische ontwikkeling effect heeft op een trend. Er kan zeker gesteld worden dat er een trend volgt na een technologische ontwikkeling. Maar, pas op het moment dat we geen ontwikkelingen meer doormaken, is te merken dat er een trend uit het verleden opduikt. Gezien het feit dat wij nog een aantal ontwikkelingen tegemoet gaan, zijn er nog geen trends terug gekeerd. We moeten nog even geduld hebben en wachten tot het web zich volledig ontwikkeld heeft. Misschien over een jaar of twintig, wanneer het web dubbel zo oud is als nu, moet dit onderzoek maar weer opgepakt worden. 22
23 Discussie Zoals ik net vertelde, zou ik dit onderzoek over een jaar of twintig weer op moeten pakken. Alles zou dan anders kunnen zijn, misschien is de laptop dan allang verdwenen. Ik had nog uitgebreider onderzoek willen doen naar de gebruiker in dit verhaal, en hoeveel invloed hij heeft op het gebied van webdesign. Wellicht dat ik dan ergens een overeenkomst had kunnen vinden. Wat ik anders graag had willen onderzoeken zijn de trends binnen het grafisch (druk) ontwerp. Dit bestaat al veel langer, en de kans is daarom veel groter dat daar al wel bepaalde trends zijn terug gekeerd. Dat is een heel ander onderzoek, maar daarom niet minder interessant. 23
24 Referenties Anamaria. Our Picks of the Top Design Trends of Geraadpleegd op , van Carlson, R. The Evelution of Web Design 1990 Present. Geraadpleegd op , van The World Wide Web. Geraadpleegd op , van Giampietro, M. (April 20, 2013). Twenty Years of a Free, Open Web. Geraadpleegd Google. Onze geschiedenis tot in detail. Geraadpleegd op , van op , van Telegraph, The. (September 02, 2009). How 20 popular websites looked when they launched. Geraadpleegd op , van Bearhat Studios. Februari 19, Web Design Troughout The Years. Geraadpleegd op , van North, E. (Februari 11, 2014). 20 Years Of Web Design: From Space Jam To Kit Kat. Geraadpleegd op , van D. Dijkerman, I. Reynaert, N. Fokkema Basisboek Crossmedia Concepting. 24
25 Hinfelaar, M. (Januari 15, 2014). Eenvoud in web design: moet je deze trend wel volgen? Geraadpleegd op , van The Next Web. 10 Web Design Trends You Can Expext To See In Geraadpleegd op , van Battjes, D. (November 26, 2013). 10 webdesigntrends voor Geraadpleegd op , van webdesigntrends-voor-2014/ Blueprintsd. (Mei 14, 2012) s Website Design: We re ALL Glad It s Over Geraadpleegd op , van Ilder, S. (April 4, 2013). Flat Web Design: Trend Or Revolution? Geraadpleegd op , van 25
Terugkerende trends in webdesign
Terugkerende trends in webdesign Marlon Veelers 1622162 Docent: Dick Swart Specialisatie: Visual Seminar 2014-B Kernwoorden: webdesign, trends, technologische ontwikkeling Inleiding Wat zou het handig
Nadere informatieGrafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase
Mobiel Datanose Op dit moment is mobiel datanose niet goed gedaan; je krijgt gewoon de site te zien zoals je het te zien krijgt op pc's of laptops. Maar vaak heb je het probleem dat je op je mobiel moet
Nadere informatieWHITEPAPER. 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 informatieWEBSITE 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 informatieDocumentatie 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 informatieStappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat.
Stappenplan Een interface is in principe alles wat de communicatie tussen de gebruiker en de computer bepaalt of vorm geeft. Het is het deel van de website of webapplicatie dat de interactie met de gebruiker
Nadere informatieWEBSITE 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 informatieProject Het Parool. Media, Informatie en Communicatie. Propedeuse. Ontwerpdocument Beeld
Media, Informatie en Communicatie Ontwerpdocument Beeld Project Het Parool Jerry Leigh Henkes, Demy Verhoogt, Bastiaan Verbeek, Sterre van den Berge, Lucas de Vries, Kathy Gabriel en Hanna Loos. P125 Tutor
Nadere informatieHoe 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 informatieINTERACTIE. In de Appendix vindt u de wireframes.
Het concept Het grootste en belangrijkste museum van Nederland, het Rijksmuseum, heeft de plaatsing van vijf grote mediazuilen in de foyer op de planning staan. Om deze reden hebben zij ons ingeschakeld
Nadere informatieAlgemene 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 informatieMeer Winst Met Je Website MEER WINST MET JE WEBSITE!
MEER WINST MET JE WEBSITE! Wat is het doel van jouw website? Wat wil je dat de bezoekers doen? En doen ze dat nu ook? Of kijken ze doelloos rond om daarna weer te verdwijnen. Vandaag gaan we kritisch naar
Nadere informatie01/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 informatieUSABILITY 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 informatieSuccesvol dankzij het juiste design Ilse Kroes UX-designer van Vevida.
Succesvol dankzij het juiste design Ilse Kroes UX-designer van Vevida. 1 Reden dat je website er is. Informatie delen Online vertellen wat voor soort bedrijf je hebt. Zoveel mogelijk producten verkopen.
Nadere informatiePublishing & 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 informatieOnline 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 informatieRelease 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 informatieKlik&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 informatieWHITEPAPER 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 informatieESSAY. Hoe kan Oxford House efficiënter online communiceren naar zijn potentiele opdrachtgevers? Essay. Lexington Baly 1592180
ESSAY Hoe kan Oxford House efficiënter online communiceren naar zijn potentiele opdrachtgevers? Essay Lexington Baly 1592180 Seminar: Dream Discover Do Essay Docent: Rob van den Idsert Effectief gebruik
Nadere informatieNieuws 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 informatie10 FACEBOOK TIPS VOOR BEDRIJVEN
10 FACEBOOK TIPS VOOR BEDRIJVEN Introductie Social media wordt steeds vaker door bedrijven gebruikt om beter contact met hun klanten te krijgen en uiteindelijk meer inkomsten te realiseren. Facebook is
Nadere informatie10 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 informatieMMIO Verslag. Groepsopdracht week 1. Hoe zorgen we dat kinderen van jongs af aan gezonder leren eten?
MMIO Verslag Groepsopdracht week 1 Hoe zorgen we dat kinderen van jongs af aan gezonder leren eten? Door David Arisz 11044772 Rob Dekker 11020067 Devin Hillenius 11018070 Joep Straatman 11035307 Concept
Nadere informatieAutobiotic Selfie. Stijn van Wakeren, G&I D1. Art Media & Me: Saskia Freeke, Sonja van Vuure, Martin Lacet en John Hennequin
Autobiotic Selfie Stijn van Wakeren, G&I D1 Art Media & Me: Saskia Freeke, Sonja van Vuure, Martin Lacet en John Hennequin Het Artefact Mijn artefact is een gif bestand. Een gif bestand is een type afbeelding
Nadere informatie1. 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 informatieStappenplan App maken
WAT IS APPMACHINE? Als je een app wilt maken, dan kan dit onder andere met het programma AppMachine. AppMachine is een online toolkit waarmee je zonder kennis van programmeren eenvoudig en snel een app
Nadere informatie02. 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 informatieUSABILITY 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 informatieDe Geschiedenis van het Internet
De Geschiedenis van het Internet Hoe is het internet ontstaan? https://www.youtube.com/watch?time_continue=32&v=r3dnhjhxmm g Het internet zag er eerst nog zo uit: Wie van jullie zou dit kunnen gebruiken?
Nadere informatieOntwerpdocument. Maarten Kolthof. NHL Hogeschool Opleiding Communication & Multimedia Design Ontwerpdocument - Maarten Kolthof
Ontwerpdocument Maarten Kolthof NHL Hogeschool Opleiding Communication & Multimedia Design Ontwerpdocument - Maarten Kolthof Inhoud Algemeen ontwerp 3 Icoon en kleurgebruik Animatie technieken ios 7 kenmerken
Nadere informatieSEO WHITEPAPER De belangrijkste SEO ontwikkelingen voor 2018
SEO WHITEPAPER De belangrijkste SEO ontwikkelingen voor 2018 Introductie. SEO is al sinds een aantal jaar een van de belangrijkste online marketing activiteiten. En terecht, want iedereen wil beter gevonden
Nadere informatieSMART- 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 informatieResponsive & 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 informatie9 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 informatieFind The Word. Design Document versie 0.1
Find The Word Design Document versie 0.1 Author: Paul Meelen Bobby Goossens Vrije Ruimte, 2005 Inhoudsopgave Inhoudsopgave...1 1 Document Geschiedenis...2 2 Introductie...3 2.1 Eigenschappen...3 3 Spel
Nadere informatieWebsitecheck. 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 informatieWeb Presence Builder. Inhoud
Web Presence Builder Inhoud Inhoud... 1 Wat is Web Presence Builder?... 2 Het categoriescherm... 2 De eerste stappen naar een eigen website... 3 Onderwerp selecteren en website naam aanpassen... 3 Vooraf
Nadere informatie1. Inleiding Hoe wordt mijn website gemakkelijk gevonden in de verschillende zoekmachines.
Samenvatting In deze whitepaper wordt de vraag beantwoord: Hoe kan ik mijn website beter vindbaar maken in zoekmachines?. Om hier achter te komen wordt eerst achtergrond informatie gegeven over hoe zoekmachines
Nadere informatieDDMA Social Maturity Test Schermen
DDMA Social Maturity Test Schermen Inleiding Zoals DDMA zou hebben aangegeven, gaat het om een test voor de social media marketeers hoe zij hun social media beleid naar een hoger niveau kunnen tillen.
Nadere informatieOntwerp Portfoliowebsite MMIO 2016
Ontwerp Portfoliowebsite MMIO 2016 Marit Beerepoot 10983430 7 februari 2016 Informatiekunde Universiteit van Amsterdam Inleiding Voor deze opdracht was het de bedoeling dat er 3 verschillende voorstellen
Nadere informatie1 BUSINESS INTERNET SUPPORT
Versie 1 BUSINESS INTERNET SUPPORT Yoron Dot Net Stap voor stap Handleiding YORON DOT NET BEHEER V1.X Stap voor stap handleiding YORON Het Wielsem 10 s-hertogenbosch Inhoudsopgave Opstarten Yoron DotNet
Nadere informatieWebdesign 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 informatieBeter 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 informatieresponsive 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 informatieHandleiding Macromedia Contribute
Handleiding Macromedia Contribute Marcel Lemmen en Frank Coenders maart 2008 Handleiding Macromedia Contribute 1 Contribute in vogelvlucht Contribute werkt simpel en intuïtief. Het bewerken van een website
Nadere informatiePagina 1 van 13. Screen design. Justin koopmans
Pagina 1 van 13 Screen design Justin koopmans - 0880018 Inleiding Pagina 2 van 13 Voor het vak Screen Design was opdracht 1 al een leuke. We moesten een pagina van een bank herontwerpen. Dit sprak mij
Nadere informatie7 signalen dat het tijd is voor een nieuwe website
COMMUNICATIEHUIS VOOR KMO S 7 signalen dat het tijd is voor een nieuwe website Sint-Martensstraat 10, 9600 Ronse 055 600 630 info@grafoman.be www.grafoman.be 7 signalen dat het tijd is voor een nieuwe
Nadere informatieContent tips & tricks
Content tips & tricks E-learning vormt de basis van je lessen en als docent steek je veel tijd in het ontwikkelen en vormgeven van deze content. Met deze handleiding maken we dit proces net even makkelijker
Nadere informatieBeheers 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 informatieConcept Deze week hebben wij ervoor gekozen om de tiled display, die rechts van de ESC balie staat, te verbeteren door een interactieve applicatie eraan te verbinden. Op dit moment is het display, alhoewel
Nadere informatieBouw snel en eenvoudig een eigen mobile Virtual Reality app
Bouw snel en eenvoudig een eigen mobile Virtual Reality app Deze handleiding is opgesplitst in twee delen. Deel 1: Hoe gebruik je het Smart2VR CMS? Deel 2: Hoe gebruik je de Virtual Reality app? Deel 1:
Nadere informatieJe kan vanuit de RV SiteBuilder steeds terugkeren naar het controlepaneel, via de knop rechts bovenaan.
RV SiteBuilder openen Log in op je controlepaneel met de gegevens die je van ons hebt ontvangen. Eens ingelogd, klik je helemaal onderaan, in de sectie Software/Services, op het RV SiteBuilder icoontje.
Nadere informatieNa het inloggen met de gegevens die je hebt gekregen, verschijnt het overzichtsscherm zoals hieronder:
Inhoud van de website invoeren met de ContentPublisher De inhoud van websites kan worden ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS). De websites van Muismedia
Nadere informatie11 Redenen om te investeren in een nieuwe website
11 Redenen om te investeren in een nieuwe website Als je al een website hebt, dan is het handig als je beschikt over een overzicht van redenen wanneer een investering in een nieuwe website gerechtvaardigd
Nadere informatieWelk online videokanaal kan ik het beste gebruiken?
GGTV Informatie Welk online videokanaal kan ik het beste gebruiken? Gefeliciteerd. Je hebt een mooie video gemaakt of laten maken! Maar hoe zorg je ervoor dat zoveel mogelijk mensen naar je video gaan
Nadere informatieTips voor een gebruiksvriendelijke website
Cre@ctiv Webdesign, digitale marketing & grafisch ontwerp Tips voor een gebruiksvriendelijke website Stenenmolenstraat 162 2800 Mechelen +32 15 68 06 76 +32 472 33 64 98 info@creactivmarketing.com Inleiding
Nadere informatieThe Arternet: Ontwerpdocumentatie 20-01-2015
The Arternet: Ontwerpdocumentatie 20-01-2015 Levi Zimmerman & Robert Stijn V201 Alexander Zeh - The Social Web The Arternet: Ontwerpdocumentatie Levi Zimmerman & Robert Stijn 1 Inleiding The Arternet is
Nadere informatieInteractieontwerp Groepsopdracht Week 3, Opdracht 2
Interactieontwerp Groepsopdracht Week 3, Opdracht 2 Bas de Keulenaar (11045973) Grafisch Ontwerper Annejet Robijn (11269111) Interactie Ontwerper Angélique Siu (11211725) Facilitator Lisanne van Vliet
Nadere informatieDE EERSTE STAP NAAR EEN ONVERGETELIJKE GEBRUIKERSERVARING
UX SCAN DE EERSTE STAP NAAR EEN ONVERGETELIJKE GEBRUIKERSERVARING Onze user experience designers controleren met behulp van de User Experience Scan of uw online software niet alleen functioneel, maar ook
Nadere informatieHandleiding Concrete5 website. Outbound Media
Handleiding Concrete5 website Outbound Media In deze handleiding behandelen we de basis benodigdheden om uw website up-to-date te kunnen houden. We behandelen: Inloggen editen (bewerken) van tekst een
Nadere informatieSBO WEBSITES BOUWEN IN 7 STAPPEN
SBO WEBSITES BOUWEN IN 7 STAPPEN STAPPENPLAN WEBSITE BOUWEN Online ondernemers behalen drie procent meer omzet dan hun offline collega's, zo blijkt uit onderzoek. Een goede reden om als mkb er online aanwezig
Nadere informatieDESIGNBIBLE. 4 Visuele families (inspiratie) Afbeeldingroepen die inspiratie zullen bieden voor mijn vorm geving. 1 De websites van de sportbonden
DESIGNBIBLE 1 De websites van de sportbonden Kleuren Beeld 2 Design Tekenstijlen Trends 3 Storytelling websites Websites die inspiratie vormen voor de vorm waarin ik de infographic moet gaan maken en het
Nadere informatieGroepsopdracht 2. Zuilen voor in het Rijksmuseum
Groepsopdracht 2 Zuilen voor in het Rijksmuseum Interactie ontwerper: Andrea Pineda Calderon (10590501) Grafisch ontwerper: Abe Sweep (11039469) Technisch ontwerper: Dennis Wiersma (11035099) Facilitator:
Nadere informatieDennis 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 informatiehet belang van een google bedrijfspagina voor seo
het belang van een google bedrijfspagina voor seo Sint-Martensstraat 10, 9600 Ronse 055 600 630 info@grafoman.be www.grafoman.be het belang van een google bedrijfspagina voor seo SEO wordt de dag van vandaag
Nadere informatieVoordelen: Nadelen: Benodigdheden: Programma s: Google Web Designer. Photoshop. Sublime (HTML-editor) Websites: Tinypng.com
Google Web Designer Voordelen: Sneller en makkelijker. Banners kunnen worden afgespeeld op telefoons (flash kan dit niet). Het vervangen van plaatjes kan zonder het programma op te starten. Meer FPS dan
Nadere informatieTuinHulp.com, Nieuwe Webservice voor Hoveniersbedrijven 2014
Even voorstellen: Mijn naam is Marcel van Leeuwen, ben van oorsprong hovenier, en tuincentrum deskundige. Sinds eind jaren negentig ontwerp en publiceer ik ook websites. Nadat ik ben overgestapt naar Wordpress
Nadere informatieHaal 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 informatieOnderzoek 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 informatie1 Introductie. Wat is een blog? Waarom is bloggen zo populair?
1 Introductie Wat is een blog? Nu je dit boek in je handen hebt neem ik aan dat je al eens van WordPress gehoord hebt. WordPress is een CMS dat staat voor Content Management System dat oorspronkelijk gemaakt
Nadere informatieHOE 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 informatieWAT IS EEN GOEDE WEBSITE EN HOE ZET IK DEZE IN ALS CENTRAAL PUNT IN ONLINE MARKETING?
POWER WAT IS EEN GOEDE WEBSITE EN HOE ZET IK DEZE IN ALS CENTRAAL PUNT IN ONLINE MARKETING? In het zadel met online marketing 1 PRESENTATIE 5 WIE ZIJN WIJ WAT IS EEN GOEDE WEBSITE? SOORTEN WEBSITES ONTWERP
Nadere informatieTitelpagina Styleguide Jij&Overijssel
Huisstijlrichtlijnen Digitaal Titelpagina Styleguide Jij&Overijssel Inhoudopgave Onderwerp Pagina 1 Responsive design 3 2 Tone of voice 4 3 Kleurgebruik 5 4 Typografie 6 5 Formulieren 8 6 Pictogrammen
Nadere informatieGebruikershandleiding
Gebruikershandleiding De organisatie biedt de exposanten van de World of Technology & Science en Industrial Processing de mogelijkheid te profiteren van de dynamische beurssite. Voor uw bedrijf is er een
Nadere informatiePRESTATIESITE 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 informatieHandleiding bij de workshop Animatie in Microsoft PowerPoint Hoe maak je een animatie in Microsoft PowerPoint 2010? Handleiding voor kinderen
Vorige keer hebben wij gesproken over het maken van een PowerPoint presentatie. Deze keer beginnen wij met de herhaling van de basis handelingen op de computer zoals: iets op je scherm aanwijzen iets op
Nadere informatieOPDRACHTKAART. Thema: Multimedia. Het internet 3. Het World Wide Web MM-05-03-01. Voorkennis: Geen.
OPDRACHTKAART MM-05-03-01 Het World Wide Web Voorkennis: Geen. Intro: Deze opdracht gaat over de belangrijkste mogelijkheid van het internet: het surfen op het World Wide Web. Deze opdracht beschrijft
Nadere informatieSEO. Wat is SEO? Het optimaliseren van je online informatie, zodat deze zo goed mogelijk scoort in de zoekresultaten op relevante zoekopdrachten.
SEO Leerdoel: De student kan SEO planmatig toepassen op een mediacampagne criterium goed voldoende onvoldoende SEO advies plan Het SEO adviesplan van de student gaat verder dan een check met de geijkte
Nadere informatieOntwerpdocument BVA app Ontwerpdocument BVA app
1 Inhoudsopgave Inleiding Geinterviewde persoon 1e Ontwerp - Zoeksuggesties Probleem Oplossing 2e Ontwerp - Lijst van producten in Kavel Probleem Oplossing 3e Ontwerp - Opslaan knop Probleem Oplossing
Nadere informatieAlles over cookies Knop: Verander hier je cookie-instellingen
Alles over cookies Knop: Verander hier je cookie-instellingen Wat zijn cookies? Bezoek je de website van MyParcel? Dan maken we gebruik van cookies, die we opslaan op jouw computer, telefoon of tablet.
Nadere informatieHallo, 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 informatieDit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde
Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde [64] [Arthur Hemmer 5494753] [Mehul Mistry 4255704]
Nadere informatieIntroductie. Handleiding: Owncloud instellen
Introductie QSIT Owncloud is de hollandse en 100% privacy-veilige variant van Dropbox of Google Drive. Het stelt u in staat om vanaf elk apparaat aan dezelfde bestanden te werken. Omdat wij onze servers
Nadere informatieHoe moet je een prachtige presentatie maken?
Hoe moet je een prachtige presentatie maken? www.meestermichael.nl Geef de presentatie een titel. Klik dit vak aan om jouw presentatie een ondertitel te geven. Hier kun je je presentatie een titel geven
Nadere informatieOntdek hoe je een Wordpress thema vindt dat echt bij jou past!
Ontdek hoe je een Wordpress thema vindt dat echt bij jou past! www.speciaalgeselecteerd.nl jouw gids voor Wordpress thema s Door: Stephanie van Nellestijn Datum: 1-1-2016 E-mail: stephanie@innonet.nl Wordpress
Nadere informatiePROOF of CONCEPT. Technical justification + Design. Martijn Muit - Digital Publisching Semester 4
PROOF of CONCEPT & Technical justification + Design Martijn Muit - Digital Publisching Semester 4 BIOGRAFIE Inspiratie Ik ben als eerst rond gaan zoeken naar verschillende technieken. Hierbij kwam ik tot
Nadere informatieGebruikershandleiding
Gebruikershandleiding FHI en de FEDA bieden de exposanten van de World of Technology & Science de mogelijkheid te profiteren van de dynamische beurssite. Voor uw bedrijf is er een profiel gecreëerd, met
Nadere informatieHieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde).
Uw TEKSTEDITOR - alle iconen op een rij Hieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde). Afbeelding (zie foto) Bestanden (zie link) Broncode Citaat Documenten
Nadere informatieLesbrief: Mediawijs Thema: Mens & Dienstverlenen in de toekomst
Lesbrief: Mediawijs Thema: Mens & Dienstverlenen in de toekomst Copyright Stichting Vakcollege Groep 2015. Alle rechten voorbehouden. Inleiding Dat mensen gebruik maken van media is niet nieuw. Er zijn
Nadere informatieModels & Processes Ontwerpdocument Milledoni.nl op mobiel. Laura Mentink 500668667 V-104 30-01-2014
Models & Processes Ontwerpdocument Milledoni.nl op mobiel Laura Mentink 500668667 V-104 30-01-2014 Debriefing Aanleiding Milledoni.nl op mobiel, dat is de werktitel van dit project. Milledoni is een website,
Nadere informatieKahoot! Kennis toetsen
Kahoot! Doel Korte beschrijving Fase van ervaringsleren Didactiek Soort werkvorm Gebruikte intelligenties Website Materiaal Voorbereidingstijd Uitvoeringstijd Aantal studenten Moeilijkheidsgraad Taal Gebruik
Nadere informatieDown. the Rabbit Hole Ontwerpdocumentatie Down the Rabbit Hole Mara Polak Jade Informatiearchitectuur
Down Mara Polak- Informatiearchitectuur the Rabbit Hole 21-05-15 Ontwerpdocumentatie Down the Rabbit Hole Mara Polak 500715135 11 Jade Informatiearchitectuur 1 van 13 Inhoudsopgave Inleiding Mara Polak-
Nadere informatieSPECIALE VERSIE VOOR LEERKRACHTEN. Inhoud van de website invoeren met de ContentPublisher. 1. Inloggen. 2. Overzicht
SPECIALE VERSIE VOOR LEERKRACHTEN Inhoud van de website invoeren met de ContentPublisher De inhoud van de schoolwebsite wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem
Nadere informatie10 stappen. naar een. doeltreffende bedrijfspresentatie
10 stappen naar een doeltreffende bedrijfspresentatie 10 STAPPEN NAAR EEN DOELTREFFENDE BEDRIJFSPRESENTATIE Hoofdstuk 1: Content bepalen 1. Wat is de doelgroep en het kennisniveau? 2. Welke doelstelling
Nadere informatieInformatiearchitectuur P14-15 Ontwerpspecificaties Rabb-it avonden mobiele applicatie
Informatiearchitectuur P14-15 Ontwerpspecificaties Rabb-it avonden mobiele applicatie in opdracht van het Down The Rabbit Hole Festival Bart Oude Elferink Studentnummer 500708575 Docent: Koop Reynders
Nadere informatie