Effectieve websites op alle apparaten Responsive design

Even voorstellen

Online consultant

3

HAVE A NICE DAY Just ask friday

•  Door ontwikkeling toepassingen •  Door ontwikkeling technologie

Responsive design  het internet leeft

4

HAVE A NICE DAY Just ask friday

Responsive design  ontwikkeling technologie

PC 1920px

Laptop Tablet Smartphone 320px

5

HAVE A NICE DAY Just ask friday

explosieve groei Mobiel internet verkeer

6

HAVE A NICE DAY Just ask friday

3 op de 4 mensen in Nederland heeft een smartphone. 1 op de 2 een tablet.

7

HAVE A NICE DAY Just ask friday

Een gemiddelde Nederlander kijkt zo’n 150x per dag op zijn mobiel.

8

HAVE A NICE DAY Just ask friday

Het aandeel van mobiel in het zoekverkeer groeit hard: van 30% naar 40% het afgelopen jaar.

9

HAVE A NICE DAY Just ask friday

Google: 50% van alle retailgerelateerde zoekopdrachten afgelopen feestdagen van smartphones afkomstig.

10

HAVE A NICE DAY Just ask friday

Meer dan 60% van alle e-mails wordt geopend op smartphones.

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

12

HAVE A NICE DAY Just ask friday

Responsive design  Google & responsiveness

13

Responsive design  hoe kunnen we reageren op de toename van mobiel internetgebruik

APP Mobiele website

vs

vs Responsive design

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.

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)

16

HAVE A NICE DAY Just ask friday

Responsive design  hoe werkt responsive design?

1920 px 320px

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  

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  

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  

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  

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

VOORBEELDEN responsive design

23

HAVE A NICE DAY Just ask friday

Responsive design  niet responsive

Appel.nl

24

HAVE A NICE DAY Just ask friday

Responsive design  niet responsive

Appel.nl

25

HAVE A NICE DAY Just ask friday

Responsive design  niet responsive

Kurage.nl

26

HAVE A NICE DAY Just ask friday

Responsive design  wel responsive

Rijksmuseum.nl

27

HAVE A NICE DAY Just ask friday

Responsive design  wel responsive

alphabetoccasions.nl

28

HAVE A NICE DAY Just ask friday

Responsive design  wel responsive

29

HAVE A NICE DAY Just ask friday

Responsive design  wel responsive

Regionale omroepen

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

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.

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/

Bedankt Voor jullie aandacht

33

Vragen