kennissessie mobile proof - roos van de vooren
DESCRIPTION
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?TRANSCRIPT
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 [email protected]