Iedereen wil apps. In Europa, en zeker in Nederland, zijn we er verslaafd aan. En dat is niet zo gek, want eind vorig jaar had al bijna de helft van de Nederlanders een smartphone. Een mobiele website is een goedkoper alternatief, maar heeft zijn eigen voor- en nadelen. Heeft je organisatie de keus gemaakt om het mobiele pad te bewandelen? Dan is het belangrijk om de (on)mogelijkheden van het mobiele web en van applicaties duidelijk voor ogen te hebben. Want als je eenmaal een weg bent ingeslagen, kun je moeilijk weer terug.
Een mobiele website of een app
Een belangrijk verschil tussen mobiele websites en apps is de functionaliteit. Apps kunnen gebruikmaken van bijvoorbeeld GPS en de camera van je mobiel. Een mobiele site kan de functies van je mobiel maar beperkt aanroepen. Daar tegenover staat dat mobiele websites meestal voor een lagere prijs gebouwd worden dan apps. Je hoeft namelijk maar één website te laten bouwen voor alle besturingssystemen.
In het gebruik verschillen mobiele websites en apps ook van elkaar: gebruikers besteden meestal meer tijd aan het gebruik van een app, dan aan een mobiele website. Kamil van Buuren schreef eerder een artikel over de verschillen tussen die twee en Isaac Huijink schreef over het feit dat de twee elkaar ook kunnen aanvullen. In dit artikel behandel ik twee vormen van een mobiele website, namelijk de dedicated mobiele website en de website met een responsive design. Bij de volgende twee artikelen ga ik meer in op native en hybride apps, om je op weg te helpen bij je keuze in de mobiele wereld.
Mobiel versus desktop
Een mobiele website is een versie van een website, die geoptimaliseerd is voor gebruik op een klein scherm. Het klinkt simpel, maar wat bedrijven vaak vergeten, is dat gebruikers hun telefoon anders gebruiken dan de browser op hun pc. De verschillen op een rij:
- Mensen gebruiken een mobiele site of app vaak als ze verveeld zijn, het druk hebben of verdwaald zijn.
- Achter de pc zijn mensen minder gauw afgeleid, dan bij mobiel gebruik.
- Je smartphone gebruiken is vaak onderdeel van multitasking: je pakt Twitter er bijvoorbeeld bij tijdens het televisiekijken.
- De gebruikersverwachtingen van mobiel zijn hoog: de eerste indruk is nog belangrijker dan bij een desktop-site. Is deze niet naar verwachting, dan is de kans groot dat een gebruiker nooit meer terugkeert.
- De ruimte op het (kleine) scherm is schaars. Omdat je een smartphone met je vingers bedient, en de klikbare items daarom groot moeten zijn, is het optimaal indelen van je content essentieel.
Dedicated mobiele website
Er zijn twee manieren om een website voor een mobiele telefoon te maken. De dedicated mobiele website is daar één van: een website die los staat van de desktop-versie, toegewijd aan de smartphone.
De mobiele site van verzekeraar Blue.nl (m.blue.nl) is een goed voorbeeld van een dedicated mobile website. Hoewel je vrijwel je hele polis mobiel kunt aanvragen, zijn de uitgebreidere functies van de gewone website niet beschikbaar via de mobiele site.
Veel Amerikaanse gebruikers kopen hun spullen al via een mobiele site, terwijl we hiervoor in Europa nog steeds liever een app of volledige (desktop-) website gebruiken. Toch zetten de Amerikanen een trend die langzaam maar zeker overwaait naar Europa. Deze vorm van online verkoop wordt ook wel m-Commerce genoemd. Een voorbeeld hiervan is de mobiele site van skate-merk Etnies (m.etnies.com). Hier kun je verschillende soorten skatekleding via de browser van je smartphone kopen.
Het voordeel van een dedicated site is ook meteen het nadeel: er moet – naast de desktop-versie – een speciale website voor het mobiele toestel gemaakt worden. Meestal herken je ze aan een url die lijkt op m.mijnpagina.nl of www.mijnpagina.nl/mobiel. Als er al een goede desktop-website is, kan dit een goede reden zijn om een dedicated site te maken. Ben je juist van plan je huidige website een nieuwe lik verf te geven of helemaal te verbouwen, dan is een responsive design misschien een betere optie.
Mobiele website met responsive design
Een responsive design is een tweede manier om een website op een mobiel scherm te toveren. Op een normaal scherm is de volledige website zichtbaar, maar zodra je de website opent op een klein scherm, passen de opmaak en de inhoud zich aan. Meer hierover is te lezen in het artikel ‘De zes niveaus van Responsive Design’ van Christiaan W. Lustig en Niels van Midden.
Twee voorbeelden van sites die responsive design toepassen zijn het dConstruct en Google News.
Voor de Britse conferentie dConstruct kozen de designers voor een ontwerp met vier verschillende opmaken, zie de afbeeldingen hierboven.
Ook de Google News-site maakt gebruik van responsive design met vier opmaken. Hierdoor heeft de gebruiker op elk apparaat toegang tot dezelfde, maar toch voor het scherm geoptimaliseerde, content.
Afhankelijk van de internetverbinding
Het nadeel van zowel een dedicated site als een responsive design is dat je in de meeste gevallen afhankelijk bent van de internetverbinding van de gebruiker. Een snelle internetverbinding is moeilijk te garanderen met mobiele netwerken. Gelukkig is er op steeds meer plaatsen toegang tot (gratis) wifi. En met lokale opslag voor mobiele browsers is het steeds vaker mogelijk grote hoeveelheden data op te slaan op het toestel.
Of toch een app?
Ben je op onderweg naar een skivakantie in de Tiroolse Alpen en krijg je onderweg te maken met een ongeval? Dan kan het handig zijn om direct foto’s te uploaden van het ongeval. In zo’n geval kan een native of hybride app interessanter zijn dan een mobiele site. Deze onderwerpen behandel ik in deel twee van deze reeks artikelen over mobiele toepassingen.
Prima eerste artikel, ik ben benieuwd naar de volgende artikelen van deze reeks. Bereid je maar voor de reacties, want dit is een onderwerp waar veel haken en ogen aanzitten. Goed advies is echt maatwerk.
Alvast een toevoeging: responsive web design is niet alleen nuttig voor smartphone-gebruikers, ook voor desktopgebruikers is het prettig. Deze krijgt immers op iedere schermbreedte (boven het absolute minimum) een mooie site te zien, zonder horizontale scrollbar.
Voorbeeld: als je het venster voor Frankwatching.com nu smaller maakt, valt er al snel content rechts van de pagina. Als de site responsive zou zijn, wordt de content netjes opgeschoven. Ga maar eens naar http://responsivewebdesign.com/robot/ en verschuif de breedte van je venster, dan zie je waarom responsive web design ook bij de desktopvariant een must is (of op z’n minst sterk aanbevolen).
Hi Dirk, dank voor je positieve reactie. Ik ben gek op het onderwerp en vind een discussie hierover juist nodig, omdat er nog steeds zoveel gebeurt op het vlak van mobiel.
Wat betreft je toevoeging over responsive design heb je helemaal gelijk, ik deel dezelfde mening en denk dat ik bij de verwijzing naar een “normaal” scherm iets duidelijker de link had moeten leggen met een desktopscherm. De keuze hiervoor (en de mate van schaalbaarheid) is natuurlijk enorm afhankelijk van de context, maar vergroot in de meeste gevallen wel de gebruikerservaring.
@Do Vorige week was ik aanwezig bij Think mobile van Google en dat event richtte zich met name op corporates. Ik zie juist ook veel kansen voor kleinere, lokale ondernemers die met een beperkt budget zelf hun marketinginspanningen verrichten. Zelf, eenvoudig een mobiele website bouwen lijkt dan voor de hand te liggen. Hoe denk jij daar over?
Hi Bernard-Jan, jammer dat ik daar niet bij kon zijn. Volgens mij ligt het voor een hoop lokale ondernemers voor de hand dat ze zelf een website bouwen, of deze nu mobiel is of niet. Zichtbaarheid is voor elke onderneming goed en in principe kan iedereen een simpele webpagina leren bouwen.
Als je net begint met je eigen zaak, zou ik toch aanraden om misschien wat meer geld te steken in je online strategie en toch een responsive design te overwegen. Aangezien er toch nog geen website is kan dit uiteindelijk juist geld schelen, omdat je daardoor niet later nog een aparte mobiele site hoeft te ontwikkelen.
Hi Do, ik ben het voor een deel met je eens. Toch zie je vaak nog bij een responsive design dat er (te)veel van de content wordt overgenomen van de desktop versie. Het is natuurlijk geheel afhankelijk van wat je er mee wilt bereiken maar in mijn beleving moet een goeie mobiele website heel andere informatie geven. Vooral praktische, instant info zoals een ‘bel nu button’ contactformulier, adresgegevens/routekaartje. Maar nogmaals dat is afhankelijk van de doelgroep en het doel. Zelf een mobiele website of actie site met QR code bouwen is overigens inderdaad kinderspel (met http://www.mopact.nl
).
Hi Bernard-Jan, het klopt dat een hoop responsive ontworpen sites veel van de content overnemen van de desktopversie, maar dit is niet nodig. Er zijn een hoop bronnen die hierbij kunnen helpen, waaronder HTML 5 Rocks: http://www.html5rocks.com/en/mobile/responsivedesign/
Wat in jouw beleving een goede mobiele website is, kan voor een ander minder ideaal zijn. Eerlijk, het hangt van zowel doel als doelgroep af. Jakob Nielsen is ook groot voorstander van dedicated mobiele sites, maar veel andere (mobile) usability experts waaronder Luke Wrobelski en Josh Clark hebben hier een hele andere mening over.
Daarom is dit vraagstuk voor mij geen geval van pro-dedicated of pro-responsive maar pro-context en zeker pro-portemonnee.
Hi Do, hele interessante artikel.
Responsive website is vaak qua design wat strakker, maar een mobiele website laad sneller en is informatie is makkelijker te vinden vind ik.
Als je toe bent aan een nieuwe website is het wel slim om een responsive te nemen, zo niet is een mobiele website een hele goede aanvullende oplossing.