Een mobiele website of een responsive design?

Ranjith

Dit artikel dateert van 2015. Intussen zijn smartphones én mobiele webstandaarden verder geëvolueerd, waardoor de keuze voor een responsive website de de facto standaard is geworden. Benieuwd naar de argumenten in de toenmalige context? Lees dan vooral verder!

 

In dit artikel gaan we dieper in op de verschillen tussen een mobiele website en een responsive design. Kom te weten wat de verschillen zijn tussen beide webtoepassingen en ontdek, dankzij de pro's en cons, welke oplossing het dichtst aansluit bij jouw business en/of online project. Tot slot: een klein beetje uitleg over de Context-module van Drupal.


 

Mobiele website

Mobiele websites zijn specifiek ontworpen voor het gebruik op tablets en smartphones. Die websites verschillen echter van een app die je installeert: de websites functioneren immers binnen standaard webbrowsers. Vaak heeft men het over de 'm.' websites, waarmee we dus mobiele websites bedoelen. De website zal zich naargelang het toestel aanpassen, waardoor de gepaste versie wordt ingeladen. Het gaat om een website met een eigen URL, die specifiek voor smartphones en soms ook tablets is bedoeld. Een mobiele website is vaak de eenvoudigere versie van de hoofdwebsite met minder content en minder functionaliteit. Het gaat hier om een heel specifiek ontwerp voor mobile zonder rekening te moeten houden met de website. Een andere opzet is ook mogelijk. De data wordt echter uit dezelfde informatiebron gehaald maar wordt optimaal gepresenteerd voor mobile.  

  • De server zorgt ervoor dat jouw website op kleinere schermen kan worden getoond en ook gemakkelijk is om te navigeren. De inhoud van jouw website verschilt van die op een desktop. 
  • Je moet een nieuwe domeinnaam creëren voor jouw mobiele website. 
  • Het herwerken van jouw mobiele website kan nodig zijn om up-to-date te blijven met de nieuwe generatie telefoons en mobiele browsers. Dat alles kan een groter onderhoud en hogere kosten vereisen. 

De Pro's

 

  • User Experience: Je hebt een website die speciaal is geoptimaliseerd voor mobiele toestellen, rekening houdend met alle voordelen en beperkingen van het platform. 
  • Snelheid: Je website zal heel snel en gemakkelijk laden op mobiele platformen. 
  • Kost: Een mobiele website bouwen is geen goedkope toepassing maar je krijgt waarde voor je geld. 

De Cons 

 

  • Meerdere URL's:  Je bezoeker moet ten minste twee URL's onthouden of wordt geredirect (doorverwezen) naar de mobiele website. Dat kan enkele seconden in beslag nemen.
  • Duplicate content: Een slechte zaak voor jouw Google-rankings. 
  • Onderhoud: Je moet twee websites onderhouden. 
  • Niet universeel compatibel: er zijn twee types van mobiele toestellen: touchscreens en keyboard navigatie. Een single mobiele website zal verschillend zijn op elk toestel wat betreft de werking en design. 
  • Voor content-driven websites, websites waarbij het vinden van informatie het belangrijkste is voor de bezoeker, zijn mobiele websites nadelig. 

Responsive design

Je website zal zich automatisch aanpassen, afhankelijk van de resolutie van het scherm. De content en de lay-out van jouw website passen zich hier aan op basis van de schermgrootte. Zowel op tablets, desktops, smart-TV’s als op smartphones zal jouw website zo optimaal mogelijk verschijnen. 

  • Responsive design laat jouw eigen domeinnaam gebruiken. Het enige dat zal veranderen is de code in de back-end. 
  • Link equity wordt behouden, aangezien de nieuwe code in de back-end van jouw website ziet. 
  • Deze technologie is meer forward-thinking. Eenmaal toegevoegd aan de website zal deze werken op de toestellen van komende generaties zonder dat er verder programmeerwerk nodig is. 
  • De performance van jouw mobile website omhelzen vanaf de start is gemakkelijker. 
  • Indien responsive jouw enige wapen is, dan kan een performance probleem jouw conversies verhinderen. 
  • 72% van de responsive websites leveren dezelfde hoeveelheid aan bytes, ongeacht de schermgrootte, zelf op trage mobiele netwerken. Niet alle gebruikers wachten tot wanneer jouw website is geladen. 

Een paar truken om bestaande responsive oplossingen te optimaliseren: 

  • Lever elk document op alle toestellen met dezelfde URL en dezelfde content, maar niet noodzakelijk dezelfde structuur. 
  • Als je van nul begint volg je best een mobile-first-aanpak. 
  • Test de website op échte mobiele toestellen en bekijk wat er gebeurt bij het laden/downloaden. Vertrouw niet enkel en alleen op het verkleinen van je webbrowser om te testen.
  • Maak gebruik van optimalisatietools om jouw performance te meten en te verbeteren. 

Eén HTML voor alles

Een typische responsive design levert één enkele HTML voor alle toestellen: televisies, desktops, tablets, smartphones en feature phones. Dit klinkt super maar er zijn toch enkele problemen. Zo kan, bijvoorbeeld, jouw responsive HTML correct verschijnen op mobile, maar niet zo snel als dat het zou moeten zijn. Dat kan dan weer je conversie nadelig beïnvloeden.

De Pros

  • Eén enkele website: Het is gemakkelijk om één website te onderhouden voor alle toestellen. 
  • Eén URL: dit biedt zekerheid aan de bezoekers, zij kunnen jouw vinden op mobiele toestellen zonder te moeten wachten op redirects - een steun op tragere verbindingen. 
  • Gemakkelijke marketing: Er is geen extra werk nodig voor het marketing departement om jouw mobile website te promoten. 
  • Lage kost: Eén website is goedkoper dan twee. 

De Cons

  • Eén enkele website: Eén website voor alle toestellen is gemakkelijk voor de webredactie, maar niet altijd voor de bezoekers van de website. Je zult vaak verschillende focuspunten moeten lanceren op jouw website voor verschillende pagina's en voor verschillende toestellen om conversie te optimaliseren. 
  • Heel technisch: Een responsive webdesign is een relatief nieuwe technologie. Er zijn dus sommige toestellen met een oude browser waarbij de website heel traag zal laden of zelfs niet volledig zal inladen. 
  • User experience: Het mobiele gebruik is een heel andere ervaring dan bij desktops. Het hebben van eenzelfde (responsive) website kan jouw algemene "User Experience" schaden. 

Een tussenmodel is de Drupal Context module. Hier worden er templates aangemaakt per type toestel. Dit neigt uiteraard het meest naar een mobiele versie. Met de Drupal context module gaat men detecteren op welk toestel de surfer zit en op basis daarvan zal de gepaste template worden ingeladen. 

De USER EXPERIENCE (UX) is en blijft het belangrijkste van al! Ontwikkel niet snel snel een mobiele versie zonder te denken aan performance. Bezoekers jaag je op deze manier eerder weg dan dat je ze zal aantrekken. Een goed functionerende mobiele website met aangepaste content en een goede laadtijd is alles wat nodig is om succesvol te zijn. Zorg ervoor dat de bezoekers de website niet verlaten.  

Zoals je leest hebben beide toepassingen voor- en nadelen, dus wat nu de beste oplossing is hangt af van persoon tot persoon, business tot business, doel tot doel.  Je kunt gebruikers verliezen als jouw responsive web design je enige mobiele strategie is. Ga voor User Experience, zorg ervoor dat jouw bezoekers op gelijk welk toestel jouw website als heel aangenaam en efficiënt ervaren. Op deze manier zal er sneller overgegaan worden tot conversie en zorg jij voor (online) succes.

 

Meer weten? Neem contact op!

Populaire blogposts
Drupal Mythes
Wat betekent Drupal 8 voor uw business?
Schrijven voor het web met de juiste keywords, gebruik Google Keyword Planner
Fairtrade Belgium bouwt eigen subsites
Is branding enkel het logo van mijn bedrijf?