responsive online design - robert van den hanenberg
TRANSCRIPT
![Page 1: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/1.jpg)
Effectieve websites op alle apparaten Responsive design
![Page 2: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/2.jpg)
Even voorstellen
Online consultant
![Page 3: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/3.jpg)
3
HAVE A NICE DAY Just ask friday
• Door ontwikkeling toepassingen • Door ontwikkeling technologie
Responsive design het internet leeft
![Page 4: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/4.jpg)
4
HAVE A NICE DAY Just ask friday
Responsive design ontwikkeling technologie
PC 1920px
Laptop Tablet Smartphone 320px
![Page 5: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/5.jpg)
5
HAVE A NICE DAY Just ask friday
explosieve groei Mobiel internet verkeer
![Page 6: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/6.jpg)
6
HAVE A NICE DAY Just ask friday
3 op de 4 mensen in Nederland heeft een smartphone. 1 op de 2 een tablet.
![Page 7: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/7.jpg)
7
HAVE A NICE DAY Just ask friday
Een gemiddelde Nederlander kijkt zo’n 150x per dag op zijn mobiel.
![Page 8: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/8.jpg)
8
HAVE A NICE DAY Just ask friday
Het aandeel van mobiel in het zoekverkeer groeit hard: van 30% naar 40% het afgelopen jaar.
![Page 9: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/9.jpg)
9
HAVE A NICE DAY Just ask friday
Google: 50% van alle retailgerelateerde zoekopdrachten afgelopen feestdagen van smartphones afkomstig.
![Page 10: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/10.jpg)
10
HAVE A NICE DAY Just ask friday
Meer dan 60% van alle e-mails wordt geopend op smartphones.
![Page 11: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/11.jpg)
11
HAVE A NICE DAY Just ask friday
“Het is niet de sterkste soort die overleeft, noch de meest
intelligente.
Het is degene die zich het beste kan aanpassen.”
Charles Darwin
![Page 12: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/12.jpg)
12
HAVE A NICE DAY Just ask friday
Responsive design Google & responsiveness
![Page 13: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/13.jpg)
13
Responsive design hoe kunnen we reageren op de toename van mobiel internetgebruik
APP Mobiele website
vs
vs Responsive design
![Page 14: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/14.jpg)
14
HAVE A NICE DAY Just ask friday
Responsive design wat is responsive design?
• Een website die zich aanpast aan het beeldscherm van het apparaat.
![Page 15: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/15.jpg)
15
HAVE A NICE DAY Just ask friday
Responsive design wat is responsive design?
• Een website die zich aanpast aan het beeldscherm van het apparaat.
• Een website die inspeelt op de specifieke behoeftes per apparaat. (adaptive design)
![Page 16: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/16.jpg)
16
HAVE A NICE DAY Just ask friday
Responsive design hoe werkt responsive design?
1920 px 320px
![Page 17: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/17.jpg)
17
HAVE A NICE DAY Just ask friday
Responsive design waarom responsive design?
1 2 3 4
• De behoefte van een bezoeker op desktop is anders dan de behoefte van de bezoeker op mobiel toestel
• Tijdens de klantreis worden er steeds vaker verschillende devices gebruikt.
• Een goede gebruikerservaring heeft positieve impact op de conversie.
Een positieve gebruikerservaring is essentieel
5
![Page 18: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/18.jpg)
18
HAVE A NICE DAY Just ask friday
Responsive design waarom responsive design?
5 1 2 3 4 5
• 2/3 van alle Facebook-bezoeken komen van
Social media zorgt voor een toename van mobiele bezoekers
![Page 19: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/19.jpg)
19
HAVE A NICE DAY Just ask friday
Responsive design waarom responsive design?
5 1 2 3 4 5
• Slechts één website • Het maakt de content beter deelbaar • Effectief beheer van de content
Een Responsive website is zeer zoekmachinevriendelijk
![Page 20: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/20.jpg)
20
HAVE A NICE DAY Just ask friday
Responsive design waarom responsive design?
5 1 2 3 4 5
Een snelle website is van groot belang
![Page 21: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/21.jpg)
21
HAVE A NICE DAY Just ask friday
Responsive design waarom responsive design?
5 1 2 3 4 5
Voorbereid op toekomstige apparaten
• Meer dan enkel een reactie op mobiel gebruik
![Page 22: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/22.jpg)
VOORBEELDEN responsive design
![Page 23: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/23.jpg)
23
HAVE A NICE DAY Just ask friday
Responsive design niet responsive
Appel.nl
![Page 24: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/24.jpg)
24
HAVE A NICE DAY Just ask friday
Responsive design niet responsive
Appel.nl
![Page 25: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/25.jpg)
25
HAVE A NICE DAY Just ask friday
Responsive design niet responsive
Kurage.nl
![Page 26: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/26.jpg)
26
HAVE A NICE DAY Just ask friday
Responsive design wel responsive
Rijksmuseum.nl
![Page 27: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/27.jpg)
27
HAVE A NICE DAY Just ask friday
Responsive design wel responsive
alphabetoccasions.nl
![Page 28: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/28.jpg)
28
HAVE A NICE DAY Just ask friday
Responsive design wel responsive
![Page 29: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/29.jpg)
29
HAVE A NICE DAY Just ask friday
Responsive design wel responsive
Regionale omroepen
![Page 30: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/30.jpg)
30
HAVE A NICE DAY Just ask friday
Responsive design voordelen responsive design samengevat
• Een positieve gebruikerservaring • Voorbereid op toenemend mobiel bezoek vanuit Social Media • Is zoekmachinevriendelijk • Een snelle website op alle apparaten • Voorbereid op toekomstige apparaten
![Page 31: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/31.jpg)
31
HAVE A NICE DAY Just ask friday
Responsive design ons advies
Ken je doelgroep (wat betekent een effectieve en gebruiksvriendelijke website voor hen?) • Verplaats je in de klant en maak de klantreis (of klantreizen). • Bekijk de statistieken van de huidige website.
![Page 32: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/32.jpg)
32
HAVE A NICE DAY Just ask friday
Responsive design Handige links
Responsive check https://www.google.com/webmasters/tools/mobile-friendly/?utm_source=wmc-blog&utm_medium=referral&utm_campaign=mobile-friendly Of http://ami.responsivedesign.is/
Google speed check https://developers.google.com/speed/pagespeed/insights/
![Page 33: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/33.jpg)
Bedankt Voor jullie aandacht
33
![Page 34: Responsive online design - Robert van den Hanenberg](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c39df9bb61ebf3558b45e6/html5/thumbnails/34.jpg)
Vragen