Responsive of adaptive webdesign, native en hybride apps, SocialLocalMobile… Roos van de Vooren van Info.nl vertelt op heldere wijze wat deze buzzwoorden inhouden en wat u ermee kunt. Hoe zorgt u voor toegankelijke mobiele online diensten? En wat is wijsheid: een mobiele site, een native app of een responsive site?

1. De mobiele revolutie in 2013
Is jouw website mobile-proof?
January 24, 2013 Roos van de Vooren 1/26

2. Wie ben ik?
§ Roos van de Vooren
§ Frontend developer
§ 6 jaar werkzaam bij Info.nl
§ Accessibility
§ Specialist mobiele optimalisatie
January 24, 2013 2/26

3. January 24, 2013 3/26

4. De website is het hart van jouw merkbeleving
January 24, 2013 4/26

5. Is jouw website hier klaar voor?
January 24, 2013 5/26

6. Websites op mobiel
Hoe zien websites er nu uit op smartphones?
January 24, 2013 6/26

7. Etos
Met moeten inzoomen verlies je gelijk
al publiek
January 24, 2013 7/26

8. Blokker
Op kortingbanners na, onleesbaar
en niet te navigeren zonder
inzoomen
January 24, 2013 8/26

9. Bart Smit
Onleesbaar, lange laadtijd en niet te
navigeren
January 24, 2013 9/26

10. Wat zijn de problemen?
En wat wil de gebruiker?
January 24, 2013 10/26

11. Problemen websites op mobiel
§ Laadtijd te lang
§ Onleesbare tekst zonder inzoomen
§ Ingezoomd lastig navigeren
§ Uitgezoomd lastig links vinden en klikken
§ Tekstvelden te breed om goed te lezen
§ Elementen die niet werken op touch (denk aan sliders)
§ Websites die beginnen met popup waar je niet op kunt navigeren
§ Webshops op tablet werken vaak niet goed met betalen
January 24, 2013 11/26

12. Wat wil de gebruiker?
§ Content gelijk duidelijk leesbaar
§ Website makkelijk te navigeren
§ Snelle laadtijd
§ Makkelijk vindbare content via zoekmachines
§ Website die niet stuk gaat op een nieuwe resolutie
January 24, 2013 12/26

13. Mogelijke oplossingen
January 24, 2013 13/26

14. We bouwen een app
Voordelen
§ Gebruik van native
functionaliteit van het device
(GPS en camera)
§ Snelheid
§ Specifieke gebruikservaring
§ Branding (merk staat in appstore)
January 24, 2013 14/26

15. Nadelen app
§ Per platform aparte app
§ Gebruiker moet de app downloaden (laag bereik)
§ Hoge ontwikkelkosten
§ Minder controle over updates wegens goedkeuring appstore
§ Indexatie zoekmachines niet mogelijk
January 24, 2013 15/26

16. Een mobiele website?
§ In simpele vorm relatief
goedkoop
§ Een apart domein (m.domein.nl)
geeft meer vrijheid
§ Alleen relevante informatie tonen
§ Wordt ook gevonden in
zoekmachines (maar geeft
verwarring)
January 24, 2013 16/26

17. Nadelen mobiele site
§ Klant komt op andere website terecht dan gewend
§ Onderhouden meerdere domeinen kan intensiever zijn (aankelijk van
CMS)
§ Hoe bepaal je wat relevant is?
§ Voor elk device een andere site bouwen?
January 24, 2013 17/26

18. January 24, 2013 18/26

19. Responsive
Voordelen Nadelen
§ Voorbereid op toekomstige § Bij applicatieve sites moet je
resoluties keuzes maken in wat je responsive
§ Alle pagina’s bereikbaar maakt
§ Indexeerbaar voor zoekmachines § Het design proces kan langer
§ Eén website om te onderhouden duren omdat er goed nagedacht
moet worden over gedrag op
§ Maakt gebruik van nieuwe
kleinere resoluties
standaard technieken en is
daardoor future proof
§ Gebruiksvriendelijk
January 24, 2013 19/26

20. January 24, 2013 20/26

21. Adaptive webdesign
§ Reageert op het device
§ Benut mogelijkheden device (bijv camera)
§ Kijkt naar specifiek behoeften gebruiker (bijv. Locatie en tijd)
§ Benut backend ondersteuning
January 24, 2013 21/26

22. Wanneer doe je wat?
January 24, 2013 22/26

23. Het startpunt is responsive
Met zowel responsive als adaptive design streven we naar de optimale
gebruikservaring op elk device
Elke content-driven website bouwen wij in de basis responsive
We weten niet wat voor devices er over 2 jaar op de markt zijn,
met een responsive website ben je daar op voorbereid
January 24, 2013 23/26

24. Conclusie
§ Met het groeiende mobiele gebruik, loopt jouw bedrijf conversie mis als
de website niet mobile proof is
§ Bouw elke nieuwe website daarom reponsive / adaptive
§ Een content-driven website is gemakkelijk reponsive te bouwen
§ Onderzoek voor complexe functionaliteit mogelijkheden voor een App of
mobiele website
January 24, 2013 24/26

25. Advies
Bouw een nieuwe site vanaf de start responsive
Heb je al een website? Laat ons adviseren hoe je deze
responsive kunt maken
Vraag onze accountmanagers naar de mogelijkheden
January 24, 2013 25/26

26. Bedankt
Roos van de Vooren
roos@info.nl
January 24, 2013 26/26