SlideShare ist ein Scribd-Unternehmen logo
1 von 84
Voor online succes is meer nodig dan een website Stageterugkomdag Media Technologie 14 oktober 2010
Ik ben @rubenbos
Creative Director bij Mangrove
Emerging Media
Collega
maar ook voormalig
Mediatechnologiestudent
Grafi- Mediatechnologiestudent
In 2003 gestart
Voor de tijdsgeest:
was dit dé hipste telefoon
En hij de grote winnaar  van het jaar…
Websiteontwikkeling zag er meestal nog zo uit:
 
Code soms nog zo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Social networks ongeveer zo
Facebook bestond nog niet Mark Zuckerberg wrote Facemash, the predecessor to Facebook, on October 28, 2003
En op GMT
Mochten we naar het Grafisch Lyceum voor multiple choice vragen Javascript
Of om te plotten Ken je dat?
En dan snel de tram pakken voor je les Datacommunicatie
Case H8: Interconnectie Door de fusie van twee advocatenkantoren in Den Haag is  één kantoor ontstaan  dat gevestigd is in  één gebouw met verschillende verdiepingen. Op de  derde verdieping is een token-ring-LAN  geinstalleerd met een  snelheid van 16 Mbps .  Na de fusie zijn alle servers van dit token-ring-LAN uitgefaseerd en de bestanden en programma’s zijn verplaatst naar het Ethernet-LAN op de tweede verdieping. De oorspronkelijke pc’s blijven op de token ring gehandhaafd.  Op de databaseserver bevinden zich alle documenten en bestanden van de klanten van de gefuseerde advocatenkantoor. De aangesloten pc’s kunnen gebruik maken van alle programma’s, documenten en bestanden die op de servers staan. De pc’s hebben allemaal dezelfde configuratie maar met netwerkkaarten behorend bij het LAN waarop ze zijn aangesloten. Aan het apparaat Z is een aantal asynchrone terminals gekoppeld. Zie voor een situatieschets na de fusie figuur 8.17 Op de  verdiepingen 1 en 2 bevinden zich Ethernet-LAN’s  volgens de specificatie  10Base2.  Het token-ring-LAN is via een  bridge  gekoppeld met de Ethernet-LAN’s. De Ethernet-LAN’s zijn gekoppeld via een  repeater.  Het Ethernet-LAN op  verdieping 2  heeft voor de gehele organisatie centraal  één fileserver  en  één databaseserver  beschikbaar.
wij kregen presentaties van een drukkerij uit Oestgeest
Samengevat:  zelfs de opleiding was best  “een beetje zoekende”
Net als jullie begon ik in mijn 3e jaar met stage lopen
Ik besloot niet te gaan plotten.
Maar te gaan werken bij Mangrove een full-service internetbureau
Je eerste stage is het moment grote stappen te maken om erachter te komen wat je leuk vind
Wat je vak inhoudt.
En waar je vakgebied naar  toe gaat
Zelfs duaal blijven hangen kon “toen nog”
Om uiteindelijk précies te weten wat mijn vak was.
Zelfs zo zeker dat ik als afstudeerproject een boek schreef om het aan opdrachtgevers uit te leggen
 
“ Alles wat je als opdrachtgever moet weten om een website te laten bouwen”
Toen ik in 2006 begon te schrijven was mijn doel deze zo tijdloos mogelijk te maken.
Toch zal ik 'Webdesign Rules!', niet zo snel meer aanraden. 
Er is namelijk iets veranderd aan ons vakgebied
Niet omdat websites steeds gecompliceerder zijn
Niet omdat een website inmiddels verder gaat dan een online “visitekaartje”
Maar:
Er is in de afgelopen 3 á 4 jaar een metamorfose geweest van het totale online landschap.
Het gaat niet meer alleen om de website die op je computer prijkt.
Het verschil met 2006 is dat je als bedrijf, het zomaar kan "verliezen" door alleen nog maar een website te hebben.
“ Ze” komen misschien wel nooit meer op de website van je opdrachtgever
maar zijn ondertussen wel fan van de concurrent op Facebook.
Krijgen directe klantenservice van de andere concurrent op Twitter.
Boeken hotelkamers niet op de website van de opdrachtgever, maar een ander kanaal  (waar jouw concurrent wél te vinden is).
Oftewel, je opdrachtgever maakt nog geen onderdeel uit van het online landschap.
Toen BOVAG langskwam
 
 
[object Object]
 
 
[object Object]
[object Object]
Twitter
Facebook
[object Object]
[object Object]
 
[object Object]
Dat online landschap:
 
Zonder een ecosysteem zal je klant het binnen enkele jaren niet meer redden.
Wat dat voor jou vakgebied betekent?
Jouw klant wil online succes hebben en geen roemloze online dood sterven.
Hij wil weten wat de onderdelen van het ecosysteem zijn
niet alleen een goede website hebben
Hoe technisch hoogstandje ook.
Leer hoe de kanalen werken
En niet alleen Twitter aanmaken
Gebruik niet alleen Facebook, maar duik in hun complete Developer toolkit
jullie technische kennis
combineren van je technische kennis met jullie creativiteit
En blijf iedereen voor.
Dat soort mensen zijn zeldzaam
De kern van je vakgebied is misschien hetzelfde als toen ik begon
Maar gaat inmiddels veel verder dan een website.
Exit 'Webdesign Rules!' dus.
Je vakgebied is geen webdesign maar online.
Online Rules!
Thanks! @rubenbos mangrove.nl / @mangrove

Weitere ähnliche Inhalte

Ähnlich wie Online Rules!

XML tekortkomingen en pluspunten
XML   tekortkomingen en pluspuntenXML   tekortkomingen en pluspunten
XML tekortkomingen en pluspuntenMarc de Graauw
 
FewebPlus @ microsoft 19 april 2010 microsoft en web agencies
FewebPlus @ microsoft 19 april 2010 microsoft en web agenciesFewebPlus @ microsoft 19 april 2010 microsoft en web agencies
FewebPlus @ microsoft 19 april 2010 microsoft en web agenciesTom Crombez
 
Joost van der Schee - Mobiel
Joost van der Schee - MobielJoost van der Schee - Mobiel
Joost van der Schee - MobielContent Power
 
Getting Real [Dutch]
Getting Real [Dutch]Getting Real [Dutch]
Getting Real [Dutch]Niels Bruin
 
Design rationale&productbiografieprojectinteractionmitchkappenv1.0.8
Design rationale&productbiografieprojectinteractionmitchkappenv1.0.8Design rationale&productbiografieprojectinteractionmitchkappenv1.0.8
Design rationale&productbiografieprojectinteractionmitchkappenv1.0.8MitchKappen
 
Kort Kort 19 Maart 2010 Tekstnet20
Kort Kort 19 Maart 2010 Tekstnet20Kort Kort 19 Maart 2010 Tekstnet20
Kort Kort 19 Maart 2010 Tekstnet20Dolf Weverink
 
Functioneel Ontwerp - brochure
Functioneel Ontwerp - brochureFunctioneel Ontwerp - brochure
Functioneel Ontwerp - brochureAnne-Mieke.nl
 
Werken in de websector: iets voor jou?
Werken in de websector: iets voor jou?Werken in de websector: iets voor jou?
Werken in de websector: iets voor jou?Lodestar
 
Webdesign: Website Design Bedrijf Versus Permanente Ontwerpers
Webdesign: Website Design Bedrijf Versus Permanente OntwerpersWebdesign: Website Design Bedrijf Versus Permanente Ontwerpers
Webdesign: Website Design Bedrijf Versus Permanente Ontwerpersfastchum6963
 
Evolutie van technologie in design design field
Evolutie van technologie in design design fieldEvolutie van technologie in design design field
Evolutie van technologie in design design fieldDomaz Sa Jenkkins
 
SEO - Uitgebreid boek met Google tips
SEO - Uitgebreid boek met Google tipsSEO - Uitgebreid boek met Google tips
SEO - Uitgebreid boek met Google tipsGezondheid Acties
 
Succesvol Website Bouwen
Succesvol Website BouwenSuccesvol Website Bouwen
Succesvol Website BouwenBram Boertjes
 
25 handige extensies voor Chrome
25 handige extensies voor Chrome25 handige extensies voor Chrome
25 handige extensies voor ChromeIDG Nederland
 
Presentatie ContentKings CMS Congres 19-05-2009 - Hemel Of Hel Voor Uw Webred...
Presentatie ContentKings CMS Congres 19-05-2009 - Hemel Of Hel Voor Uw Webred...Presentatie ContentKings CMS Congres 19-05-2009 - Hemel Of Hel Voor Uw Webred...
Presentatie ContentKings CMS Congres 19-05-2009 - Hemel Of Hel Voor Uw Webred...Rob Punselie
 
PFZ Workshop - Automatiseren van functionele tests
PFZ Workshop - Automatiseren van functionele testsPFZ Workshop - Automatiseren van functionele tests
PFZ Workshop - Automatiseren van functionele testsRichard Tuin
 
CMBO Café - Nieuwe businessmodellen met SaaS
CMBO Café - Nieuwe businessmodellen met SaaSCMBO Café - Nieuwe businessmodellen met SaaS
CMBO Café - Nieuwe businessmodellen met SaaSPeter van Teeseling
 

Ähnlich wie Online Rules! (20)

XML tekortkomingen en pluspunten
XML   tekortkomingen en pluspuntenXML   tekortkomingen en pluspunten
XML tekortkomingen en pluspunten
 
FewebPlus @ microsoft 19 april 2010 microsoft en web agencies
FewebPlus @ microsoft 19 april 2010 microsoft en web agenciesFewebPlus @ microsoft 19 april 2010 microsoft en web agencies
FewebPlus @ microsoft 19 april 2010 microsoft en web agencies
 
Joost van der Schee - Mobiel
Joost van der Schee - MobielJoost van der Schee - Mobiel
Joost van der Schee - Mobiel
 
Getting Real [Dutch]
Getting Real [Dutch]Getting Real [Dutch]
Getting Real [Dutch]
 
Design rationale&productbiografieprojectinteractionmitchkappenv1.0.8
Design rationale&productbiografieprojectinteractionmitchkappenv1.0.8Design rationale&productbiografieprojectinteractionmitchkappenv1.0.8
Design rationale&productbiografieprojectinteractionmitchkappenv1.0.8
 
Kort Kort 19 Maart 2010 Tekstnet20
Kort Kort 19 Maart 2010 Tekstnet20Kort Kort 19 Maart 2010 Tekstnet20
Kort Kort 19 Maart 2010 Tekstnet20
 
Mis02 Hc6
Mis02 Hc6Mis02 Hc6
Mis02 Hc6
 
Functioneel Ontwerp - brochure
Functioneel Ontwerp - brochureFunctioneel Ontwerp - brochure
Functioneel Ontwerp - brochure
 
The Need For Speed
The Need For SpeedThe Need For Speed
The Need For Speed
 
Werken in de websector: iets voor jou?
Werken in de websector: iets voor jou?Werken in de websector: iets voor jou?
Werken in de websector: iets voor jou?
 
Webdesign: Website Design Bedrijf Versus Permanente Ontwerpers
Webdesign: Website Design Bedrijf Versus Permanente OntwerpersWebdesign: Website Design Bedrijf Versus Permanente Ontwerpers
Webdesign: Website Design Bedrijf Versus Permanente Ontwerpers
 
Evolutie van technologie in design design field
Evolutie van technologie in design design fieldEvolutie van technologie in design design field
Evolutie van technologie in design design field
 
SEO - Uitgebreid boek met Google tips
SEO - Uitgebreid boek met Google tipsSEO - Uitgebreid boek met Google tips
SEO - Uitgebreid boek met Google tips
 
Succesvol Website Bouwen
Succesvol Website BouwenSuccesvol Website Bouwen
Succesvol Website Bouwen
 
Html5 App
Html5 AppHtml5 App
Html5 App
 
25 handige extensies voor Chrome
25 handige extensies voor Chrome25 handige extensies voor Chrome
25 handige extensies voor Chrome
 
PWA VS Mobile - Picqer meet and grill 2018
PWA VS Mobile - Picqer meet and grill 2018PWA VS Mobile - Picqer meet and grill 2018
PWA VS Mobile - Picqer meet and grill 2018
 
Presentatie ContentKings CMS Congres 19-05-2009 - Hemel Of Hel Voor Uw Webred...
Presentatie ContentKings CMS Congres 19-05-2009 - Hemel Of Hel Voor Uw Webred...Presentatie ContentKings CMS Congres 19-05-2009 - Hemel Of Hel Voor Uw Webred...
Presentatie ContentKings CMS Congres 19-05-2009 - Hemel Of Hel Voor Uw Webred...
 
PFZ Workshop - Automatiseren van functionele tests
PFZ Workshop - Automatiseren van functionele testsPFZ Workshop - Automatiseren van functionele tests
PFZ Workshop - Automatiseren van functionele tests
 
CMBO Café - Nieuwe businessmodellen met SaaS
CMBO Café - Nieuwe businessmodellen met SaaSCMBO Café - Nieuwe businessmodellen met SaaS
CMBO Café - Nieuwe businessmodellen met SaaS
 

Mehr von Ruben Bos

Agile UX Design
Agile UX DesignAgile UX Design
Agile UX DesignRuben Bos
 
Conceptontwikkeling (CMD Talent program)
Conceptontwikkeling (CMD Talent program)Conceptontwikkeling (CMD Talent program)
Conceptontwikkeling (CMD Talent program)Ruben Bos
 
UX design for Mobile (Appsterdam Guru Session)
UX design for Mobile (Appsterdam Guru Session)UX design for Mobile (Appsterdam Guru Session)
UX design for Mobile (Appsterdam Guru Session)Ruben Bos
 
CMD students at Mangrove
CMD students at MangroveCMD students at Mangrove
CMD students at MangroveRuben Bos
 
How the web is changing Dutch Politics [SXSW interactive 2011]
How the web is changing Dutch Politics [SXSW interactive 2011]How the web is changing Dutch Politics [SXSW interactive 2011]
How the web is changing Dutch Politics [SXSW interactive 2011]Ruben Bos
 
Frameworks killed the Front-end Star
Frameworks killed the Front-end StarFrameworks killed the Front-end Star
Frameworks killed the Front-end StarRuben Bos
 
Bureaucratie 2.0
Bureaucratie 2.0Bureaucratie 2.0
Bureaucratie 2.0Ruben Bos
 

Mehr von Ruben Bos (7)

Agile UX Design
Agile UX DesignAgile UX Design
Agile UX Design
 
Conceptontwikkeling (CMD Talent program)
Conceptontwikkeling (CMD Talent program)Conceptontwikkeling (CMD Talent program)
Conceptontwikkeling (CMD Talent program)
 
UX design for Mobile (Appsterdam Guru Session)
UX design for Mobile (Appsterdam Guru Session)UX design for Mobile (Appsterdam Guru Session)
UX design for Mobile (Appsterdam Guru Session)
 
CMD students at Mangrove
CMD students at MangroveCMD students at Mangrove
CMD students at Mangrove
 
How the web is changing Dutch Politics [SXSW interactive 2011]
How the web is changing Dutch Politics [SXSW interactive 2011]How the web is changing Dutch Politics [SXSW interactive 2011]
How the web is changing Dutch Politics [SXSW interactive 2011]
 
Frameworks killed the Front-end Star
Frameworks killed the Front-end StarFrameworks killed the Front-end Star
Frameworks killed the Front-end Star
 
Bureaucratie 2.0
Bureaucratie 2.0Bureaucratie 2.0
Bureaucratie 2.0
 

Online Rules!

Hinweis der Redaktion

  1. (jullie mogen gewoon Emerging Media doen bij Mangrove!)
  2. Een boek dat aan klanten van internetbureaus uitlegt wat ze moeten weten op het gebied van marketing, inhoud, gebruiksvriendelijkheid
  3. De ontwikkelingen gaan nou eenmaal hard, als ik je destijds had verteld dat de ene techniek de andere zou overtreffen was het boek in no-time waardeloos geworden.
  4. Nee, ook deze ontwikkelingen doen niet veel af aan de dingen waar je rekening mee moet houden als je een website laat bouwen
  5. Ah, je bedoelt dat het multi-platform hoort te zijn, dat ook al die hippe nieuwe mobieltjes een geoptimaliseerde website verdienen? Nee, ook die verandering is maar een onderdeel van een groter geheel.
  6. Dat noemen wij het ecosysteem