January 24, 2013 1/26

Sleep je aeelding in dit vak

Maak vanaf deze kant beide titelvakken even breed als de tekst in elk vak

Roos van de Vooren

De mobiele revolutie in 2013 Is jouw website mobile-proo!?

January 24, 2013 2/26

Wie ben ik?

§  Roos van de Vooren

§  Frontend developer

§  6 jaar werkzaam bij Info.nl

§  Accessibility

§  Specialist mobiele optimalisatie

January 24, 2013 3/26

Sleep je aeelding in dit vak

January 24, 2013 4/26

De website is het hart van jouw merkbeleving

January 24, 2013 5/26

Sleep je aeelding in dit vak

Maak vanaf deze kant beide titelvakken even breed als de tekst in elk vak

Is uw website daar wel klaar voor?

Is jouw website hier klaar voor? .

January 24, 2013 6/26

Sleep je aeelding in dit vak

Maak vanaf deze kant beide titelvakken even breed als de tekst in elk vak

Websites op mobiel Hoe zien websites er nu uit op smartphones?

January 24, 2013 7/26

Sleep je aeelding in dit vak

Maak vanaf deze kant beide titelvakken even breed als de tekst in elk vak

Etos Met moeten inzoomen verlies je gelijk

al publiek

January 24, 2013 8/26

Sleep je aeelding in dit vak

Maak vanaf deze kant beide titelvakken even breed als de tekst in elk vak

Blokker Op kortingbanners na, onleesbaar en niet te navigeren zonder inzoomen

January 24, 2013 9/26

Sleep je aeelding in dit vak

Maak vanaf deze kant beide titelvakken even breed als de tekst in elk vak

Bart Smit Onleesbaar, lange laadtijd en niet te navigeren

January 24, 2013 10/26

Sleep je aeelding in dit vak

Maak vanaf deze kant beide titelvakken even breed als de tekst in elk vak

Wat zijn de problemen? En wat wil de gebruiker?

January 24, 2013 11/26

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 12/26

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 13/26

Maak vanaf deze kant beide titelvakken even breed als de tekst in elk vak

Mogelijke oplossingen

January 24, 2013 14/26

§  Gebruik van native functionaliteit van het device (GPS en camera)

§  Snelheid

§  Specifieke gebruikservaring

§  Branding (merk staat in appstore)

Voordelen

We bouwen een app

January 24, 2013 15/26

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 16/26

§  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)

Een mobiele website?

January 24, 2013 17/26

Nadelen mobiele site

§  Klant komt op andere website terecht dan gewend

§  Onderhouden meerdere domeinen kan intensiever zijn (aankelijk van CMS)

§  Hoe bepaal je wat relevant is?

§  Voor elk device een andere site bouwen?

January 24, 2013 18/26

Sleep je aeelding in dit vak

January 24, 2013 19/26

§  Voorbereid op toekomstige resoluties

§  Alle pagina’s bereikbaar

§  Indexeerbaar voor zoekmachines

§  Eén website om te onderhouden

§  Maakt gebruik van nieuwe standaard technieken en is daardoor future proof

§  Gebruiksvriendelijk

§  Bij applicatieve sites moet je keuzes maken in wat je responsive maakt

§  Het design proces kan langer duren omdat er goed nagedacht moet worden over gedrag op kleinere resoluties

Voordelen Nadelen

Responsive

January 24, 2013 20/26

Sleep je aeelding in dit vak

January 24, 2013 21/26

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 22/26

Sleep je aeelding in dit vak

Wanneer doe je wat?

January 24, 2013 23/26

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 24/26

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 25/26

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 26/26

Maak vanaf deze kant beide titelvakken even breed als de tekst in elk vak

Bedankt Roos van de Vooren roos@info.nl