Hoe smart(-phone) is jouw website?

Optimale webervaring vanaf je mobiel, je tablet, je laptop en je desktop. Dat bereiken we o.a. met responsive en mobiele websites. Wat is nu precies een responsive website en wanneer kies je voor een mobiele template.

Responsive website

Het ontwerp van een responsive website schaalt mee met de afmetingen van het scherm dat je gebruikt, zonder in te leveren op leesbaarheid van tekst of bruikbaarheid van de gebruikersinterface (waarmee interactie tussen jou als mens en jouw computer mogelijk wordt gemaakt). Dezelfde informatie wordt dus anders (beter leesbaar) op mobiel weergegeven.

Voordelen

• Goed zichtbaar op ieder formaat en ieder apparaat
• Content onderhouden via één site
• Slechts één URL

Nadelen

• Niet alle content relevant voor mobiel gebruik
• Langere laadtijd door laden van volledige site
• Gebruikerservaring is niet optimaal voor mobiel ingericht

Mobiele website

Bij een aparte mobiele site kun je ervoor kiezen om beperkte informatie te tonen. Informatie die voor gebruikers specifiek op een mobiel apparaat van toepassing is. Denk daarbij bijvoorbeeld aan een routebeschrijving op basis van je huidige locatie (GPS). Mobiel bezoekers zijn namelijk veelal onderweg. Belangrijk bij mobiele bezoekers is dat informatie snel, toegankelijk en leesbaar is.

Voordelen

• Snelle laadtijd
• Speciaal ontworpen voor smartphone en tablet
• Optimale gebruikerservaring speciaal afgestemd op mobiele gebruikers
• Betere lokale ranking bij zoekmachines

Nadelen

• Extra URL (desktop versie en mobiele site)
• Onderhouden van een extra website (mobiele variant)

Afhankelijk van je doelgroep, inhoud en moment van bezoek bepaal je welke oplossing het beste past.

Mobile first

Enigeen ontwikkelt nieuwe websites vanuit de behoefte van de gebruikers en het principe ‘mobile-first’. We gaan dan in eerste instantie uit van het kleinste scherm (smartphone) en vervolgens schalen we de functionaliteiten en het ontwerp op naarmate de ‘viewport’ groter wordt. Als je klein begint, weet je immers zeker dat je focust op de essentiële inhoud, die dan ook altijd goed getoond wordt.

 

Enkele voorbeelden van responsive websites die Enigeen ontwikkelde:

 

LVO Goed Vooruitzicht Responsive Website

Responsive website Goed vooruitzicht

Kaliber Kunsteschool Responsive Website
Responsive website voor Kaliber Kunstenschool

 

Enkele voorbeelden van een mobiele sites die Enigeen ontwikkelde:

LVO-in-MAC
Mobiele website Limburg zoekt docenten

Case_Academia_Aemstel_Mobiele_template

Mobiele website voor Academia Aemstel

Meer weten over responsive ontwikkeling van je website of een mobiele site toegepast op je doelgroep(en) en hun behoefte? Neem contact met ons op. We vertellen je er graag meer over.