SlideShare ist ein Scribd-Unternehmen logo
1 von 18
Downloaden Sie, um offline zu lesen
Hoe ‘Mobile Proof’ is uw website?
Lezing MKB-Noord / VNO-NCW
Dinsdag 21 april 2015
Corné Kox & Hans Blaettler
Corné Hans
Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
De geschiedenis van het web
Van Arpanet naar het World Wide Web
Corné Hans
Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
Feiten en cijfers
Groei van mobiel dataverkeer
Corné Hans
Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
Feiten en cijfers
Groei van Mobile Commerce
Corné Hans
Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
Feiten en cijfers
Google en mobile search – 21 april – Mobilegeddon
Corné Hans
Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
‘Mobile proof’
Web of App, waar kies je voor?
Corné Hans
Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
‘Mobile proof’
De techniek achter responsive web design
Corné Hans
Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
CSS3
Media Queries, styling voor ieder apparaat
Corné Hans
Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
Flexibel grid
De techniek achter responsive web design
Corné Hans
Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
Flexibele media
De techniek achter responsive web design
Corné Hans
Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
‘Mobile first’ aanpak
Wat is er minimaal nodig voor een goede gebruikerservaring?
Corné Hans
Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
Responsive webdesign
Twee methoden, de voor- en de nadelen
Corné Hans
Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
De website als centrale hub
De marketingmix er omheen
Corné Hans
Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
'Mobile Proof' - De scan
Waar hebben we op gelet en wat is belangrijk?
Corné Hans
Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
W3C mobileOK Checker
Gericht op de markup van een webdocument
Corné Hans
Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
W3C mobileOK Checker
Gericht op de markup van een webdocument
Corné Hans
Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
Deze tool gebruikt de W3C's Mobile Web Best Practices 1.0 richtlijnen.
Dat zijn er 60 stuks, gericht op het verbeteren van de user experience van
het web bij gebruik via browsers op mobiele apparaten.
Enkele criteria:
– valid markup
– external resources (images, style sheets, etc) liefst <10, zeker <20
– geen frames
– geen pop-ups als linkdoelen
Testize
Gericht op de accessibility en usability van je website in de belangrijkste
browsers en devices (20+)
Checks: SEO, Content, Performance, Optimization, Mobile, CrossBrowser
Corné Hans
Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
Mobile experience = key
De belangrijkste voorwaarde voor 'Mobile Proof'
Corné Hans
Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015

Weitere ähnliche Inhalte

Andere mochten auch

Social media house_of_design
Social media house_of_designSocial media house_of_design
Social media house_of_designCorné Kox
 
Syntens presentatie groningen
Syntens presentatie groningenSyntens presentatie groningen
Syntens presentatie groningenCorné Kox
 
SPD Groningen - van website naar webshop
SPD Groningen - van website naar webshopSPD Groningen - van website naar webshop
SPD Groningen - van website naar webshopCorné Kox
 
You got your social in my crm
You got your social in my crmYou got your social in my crm
You got your social in my crmTristan Bishop
 
2012 09-18-pdsg-open-3 d-environments.pptx
2012 09-18-pdsg-open-3 d-environments.pptx2012 09-18-pdsg-open-3 d-environments.pptx
2012 09-18-pdsg-open-3 d-environments.pptxRoland Klemke
 

Andere mochten auch (8)

8.6
8.68.6
8.6
 
20060308 Mediaseks
20060308 Mediaseks20060308 Mediaseks
20060308 Mediaseks
 
Social media house_of_design
Social media house_of_designSocial media house_of_design
Social media house_of_design
 
Syntens presentatie groningen
Syntens presentatie groningenSyntens presentatie groningen
Syntens presentatie groningen
 
SPD Groningen - van website naar webshop
SPD Groningen - van website naar webshopSPD Groningen - van website naar webshop
SPD Groningen - van website naar webshop
 
You got your social in my crm
You got your social in my crmYou got your social in my crm
You got your social in my crm
 
2012 09-18-pdsg-open-3 d-environments.pptx
2012 09-18-pdsg-open-3 d-environments.pptx2012 09-18-pdsg-open-3 d-environments.pptx
2012 09-18-pdsg-open-3 d-environments.pptx
 
CRM has gone Social
CRM has gone SocialCRM has gone Social
CRM has gone Social
 

Ähnlich wie Presentatie mobile proof - April 2015 - MKB Noord

BNS 20 jaar viering
BNS 20 jaar vieringBNS 20 jaar viering
BNS 20 jaar vieringBart Gysens
 
Hoe pas mobiel binnen uw cross-channel strategie?
Hoe pas mobiel binnen uw cross-channel strategie?Hoe pas mobiel binnen uw cross-channel strategie?
Hoe pas mobiel binnen uw cross-channel strategie?webwinkelvakdag
 
Kennissessie: Ontwikkelen van een succesvolle recruitmentsite met klantcase "...
Kennissessie: Ontwikkelen van een succesvolle recruitmentsite met klantcase "...Kennissessie: Ontwikkelen van een succesvolle recruitmentsite met klantcase "...
Kennissessie: Ontwikkelen van een succesvolle recruitmentsite met klantcase "...Jordy van Gent
 
Online zaken doen - Google eTown conferentie wijchen
Online zaken doen - Google eTown conferentie wijchenOnline zaken doen - Google eTown conferentie wijchen
Online zaken doen - Google eTown conferentie wijchenJoost de Valk
 
Starten met een succesvolle webwinkel - Safe Shopping concept van Indie Group
Starten met een succesvolle webwinkel - Safe Shopping concept van Indie GroupStarten met een succesvolle webwinkel - Safe Shopping concept van Indie Group
Starten met een succesvolle webwinkel - Safe Shopping concept van Indie GroupIndie Group
 
Hoe realiseert u een hoger conversiepercentage op mobiel dan op desktop?
Hoe realiseert u een hoger conversiepercentage op mobiel dan op desktop?Hoe realiseert u een hoger conversiepercentage op mobiel dan op desktop?
Hoe realiseert u een hoger conversiepercentage op mobiel dan op desktop?valantic NL
 
Unit4 Internet Solutions Slideshare Referenties
Unit4 Internet Solutions Slideshare ReferentiesUnit4 Internet Solutions Slideshare Referenties
Unit4 Internet Solutions Slideshare ReferentiesRWGWalsh
 
Sessie introductie-ism-online-marketing-event
Sessie introductie-ism-online-marketing-eventSessie introductie-ism-online-marketing-event
Sessie introductie-ism-online-marketing-eventvalantic NL
 
Mobile strategy event orange valley google
Mobile strategy event orange valley googleMobile strategy event orange valley google
Mobile strategy event orange valley googleOrangeValley
 
OrangeValley klantendag 2015 - Online Marketing trends en ontwikkelingen
OrangeValley klantendag 2015 - Online Marketing trends en ontwikkelingenOrangeValley klantendag 2015 - Online Marketing trends en ontwikkelingen
OrangeValley klantendag 2015 - Online Marketing trends en ontwikkelingenOrangeValley
 
Digitale marketing & media-aankoop: de wereld is in beta!
Digitale marketing & media-aankoop: de wereld is in beta!Digitale marketing & media-aankoop: de wereld is in beta!
Digitale marketing & media-aankoop: de wereld is in beta!AB the unbound agency
 
Storm insights app analytics wac 2014
Storm insights   app analytics wac 2014Storm insights   app analytics wac 2014
Storm insights app analytics wac 2014Jasper Dijkstra
 
Seminar gevonden worden op internet - Xtra Marketing & Sales
Seminar  gevonden worden op internet - Xtra Marketing & SalesSeminar  gevonden worden op internet - Xtra Marketing & Sales
Seminar gevonden worden op internet - Xtra Marketing & SalesJan Enderink
 
Presentatie Technology Day Frans Appels, directeur Netprofiler
Presentatie Technology Day Frans Appels, directeur NetprofilerPresentatie Technology Day Frans Appels, directeur Netprofiler
Presentatie Technology Day Frans Appels, directeur Netprofilertravconnect
 

Ähnlich wie Presentatie mobile proof - April 2015 - MKB Noord (20)

BNS 20 jaar viering
BNS 20 jaar vieringBNS 20 jaar viering
BNS 20 jaar viering
 
Hoe pas mobiel binnen uw cross-channel strategie?
Hoe pas mobiel binnen uw cross-channel strategie?Hoe pas mobiel binnen uw cross-channel strategie?
Hoe pas mobiel binnen uw cross-channel strategie?
 
Kennissessie: Ontwikkelen van een succesvolle recruitmentsite met klantcase "...
Kennissessie: Ontwikkelen van een succesvolle recruitmentsite met klantcase "...Kennissessie: Ontwikkelen van een succesvolle recruitmentsite met klantcase "...
Kennissessie: Ontwikkelen van een succesvolle recruitmentsite met klantcase "...
 
Online zaken doen - Google eTown conferentie wijchen
Online zaken doen - Google eTown conferentie wijchenOnline zaken doen - Google eTown conferentie wijchen
Online zaken doen - Google eTown conferentie wijchen
 
Starten met een succesvolle webwinkel - Safe Shopping concept van Indie Group
Starten met een succesvolle webwinkel - Safe Shopping concept van Indie GroupStarten met een succesvolle webwinkel - Safe Shopping concept van Indie Group
Starten met een succesvolle webwinkel - Safe Shopping concept van Indie Group
 
science
sciencescience
science
 
Jurjen Jongejan ISM WWV
Jurjen Jongejan ISM WWVJurjen Jongejan ISM WWV
Jurjen Jongejan ISM WWV
 
Hoe realiseert u een hoger conversiepercentage op mobiel dan op desktop?
Hoe realiseert u een hoger conversiepercentage op mobiel dan op desktop?Hoe realiseert u een hoger conversiepercentage op mobiel dan op desktop?
Hoe realiseert u een hoger conversiepercentage op mobiel dan op desktop?
 
Unit4 Internet Solutions Slideshare Referenties
Unit4 Internet Solutions Slideshare ReferentiesUnit4 Internet Solutions Slideshare Referenties
Unit4 Internet Solutions Slideshare Referenties
 
Sessie introductie-ism-online-marketing-event
Sessie introductie-ism-online-marketing-eventSessie introductie-ism-online-marketing-event
Sessie introductie-ism-online-marketing-event
 
Mobile strategy event orange valley google
Mobile strategy event orange valley googleMobile strategy event orange valley google
Mobile strategy event orange valley google
 
Cross device metrics | iProspect @DML!
Cross device metrics | iProspect @DML!Cross device metrics | iProspect @DML!
Cross device metrics | iProspect @DML!
 
OrangeValley klantendag 2015 - Online Marketing trends en ontwikkelingen
OrangeValley klantendag 2015 - Online Marketing trends en ontwikkelingenOrangeValley klantendag 2015 - Online Marketing trends en ontwikkelingen
OrangeValley klantendag 2015 - Online Marketing trends en ontwikkelingen
 
Digitale marketing & media-aankoop: de wereld is in beta!
Digitale marketing & media-aankoop: de wereld is in beta!Digitale marketing & media-aankoop: de wereld is in beta!
Digitale marketing & media-aankoop: de wereld is in beta!
 
Storm insights app analytics wac 2014
Storm insights   app analytics wac 2014Storm insights   app analytics wac 2014
Storm insights app analytics wac 2014
 
Seminar gevonden worden op internet - Xtra Marketing & Sales
Seminar  gevonden worden op internet - Xtra Marketing & SalesSeminar  gevonden worden op internet - Xtra Marketing & Sales
Seminar gevonden worden op internet - Xtra Marketing & Sales
 
Presentatie Technology Day Frans Appels, directeur Netprofiler
Presentatie Technology Day Frans Appels, directeur NetprofilerPresentatie Technology Day Frans Appels, directeur Netprofiler
Presentatie Technology Day Frans Appels, directeur Netprofiler
 
Rapport Webanalytics
Rapport WebanalyticsRapport Webanalytics
Rapport Webanalytics
 
Webanalytics: van data naar inzicht o.b.v. REAN-model - GAUC 2013
Webanalytics: van data naar inzicht o.b.v. REAN-model - GAUC 2013Webanalytics: van data naar inzicht o.b.v. REAN-model - GAUC 2013
Webanalytics: van data naar inzicht o.b.v. REAN-model - GAUC 2013
 
Adobe summit EMEA 2013
Adobe summit EMEA 2013Adobe summit EMEA 2013
Adobe summit EMEA 2013
 

Mehr von Corné Kox

Social Media voor Toeristische Sector - Hanze Connect
Social Media voor Toeristische Sector - Hanze ConnectSocial Media voor Toeristische Sector - Hanze Connect
Social Media voor Toeristische Sector - Hanze ConnectCorné Kox
 
Social Media (Facebook en Twitter) Servicepunt Detailhandel Groningen
Social Media (Facebook en Twitter) Servicepunt Detailhandel GroningenSocial Media (Facebook en Twitter) Servicepunt Detailhandel Groningen
Social Media (Facebook en Twitter) Servicepunt Detailhandel GroningenCorné Kox
 
Syntens social media
Syntens social mediaSyntens social media
Syntens social mediaCorné Kox
 
Praktijkcase mijneigenvlag.nl
Praktijkcase mijneigenvlag.nlPraktijkcase mijneigenvlag.nl
Praktijkcase mijneigenvlag.nlCorné Kox
 
Web20 Communities Equites
Web20 Communities EquitesWeb20 Communities Equites
Web20 Communities EquitesCorné Kox
 

Mehr von Corné Kox (6)

Social Media voor Toeristische Sector - Hanze Connect
Social Media voor Toeristische Sector - Hanze ConnectSocial Media voor Toeristische Sector - Hanze Connect
Social Media voor Toeristische Sector - Hanze Connect
 
Social Media (Facebook en Twitter) Servicepunt Detailhandel Groningen
Social Media (Facebook en Twitter) Servicepunt Detailhandel GroningenSocial Media (Facebook en Twitter) Servicepunt Detailhandel Groningen
Social Media (Facebook en Twitter) Servicepunt Detailhandel Groningen
 
Social Media
Social MediaSocial Media
Social Media
 
Syntens social media
Syntens social mediaSyntens social media
Syntens social media
 
Praktijkcase mijneigenvlag.nl
Praktijkcase mijneigenvlag.nlPraktijkcase mijneigenvlag.nl
Praktijkcase mijneigenvlag.nl
 
Web20 Communities Equites
Web20 Communities EquitesWeb20 Communities Equites
Web20 Communities Equites
 

Presentatie mobile proof - April 2015 - MKB Noord

  • 1. Hoe ‘Mobile Proof’ is uw website? Lezing MKB-Noord / VNO-NCW Dinsdag 21 april 2015 Corné Kox & Hans Blaettler Corné Hans Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
  • 2. De geschiedenis van het web Van Arpanet naar het World Wide Web Corné Hans Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
  • 3. Feiten en cijfers Groei van mobiel dataverkeer Corné Hans Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
  • 4. Feiten en cijfers Groei van Mobile Commerce Corné Hans Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
  • 5. Feiten en cijfers Google en mobile search – 21 april – Mobilegeddon Corné Hans Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
  • 6. ‘Mobile proof’ Web of App, waar kies je voor? Corné Hans Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
  • 7. ‘Mobile proof’ De techniek achter responsive web design Corné Hans Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
  • 8. CSS3 Media Queries, styling voor ieder apparaat Corné Hans Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
  • 9. Flexibel grid De techniek achter responsive web design Corné Hans Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
  • 10. Flexibele media De techniek achter responsive web design Corné Hans Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
  • 11. ‘Mobile first’ aanpak Wat is er minimaal nodig voor een goede gebruikerservaring? Corné Hans Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
  • 12. Responsive webdesign Twee methoden, de voor- en de nadelen Corné Hans Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
  • 13. De website als centrale hub De marketingmix er omheen Corné Hans Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
  • 14. 'Mobile Proof' - De scan Waar hebben we op gelet en wat is belangrijk? Corné Hans Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
  • 15. W3C mobileOK Checker Gericht op de markup van een webdocument Corné Hans Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
  • 16. W3C mobileOK Checker Gericht op de markup van een webdocument Corné Hans Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015 Deze tool gebruikt de W3C's Mobile Web Best Practices 1.0 richtlijnen. Dat zijn er 60 stuks, gericht op het verbeteren van de user experience van het web bij gebruik via browsers op mobiele apparaten. Enkele criteria: – valid markup – external resources (images, style sheets, etc) liefst <10, zeker <20 – geen frames – geen pop-ups als linkdoelen
  • 17. Testize Gericht op de accessibility en usability van je website in de belangrijkste browsers en devices (20+) Checks: SEO, Content, Performance, Optimization, Mobile, CrossBrowser Corné Hans Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015
  • 18. Mobile experience = key De belangrijkste voorwaarde voor 'Mobile Proof' Corné Hans Hoe ‘Mobile Proof’ is uw website MKB-Noord / VNO-NCW | 21 april 2015