Responsive websites en mobiele apparaten

Geschreven door: op woensdag 29 juli 2015

Leestijd:

Vandaag de dag is het natuurlijk zeer belangrijk dat een website geschikt is om te bekijken op verschillende (mobiele) apparaten. Mobielvriendelijke (mobile-friendly) websites komen namelijk hoger in de zoekresultaten bij Google. Maar het zorgt ook voor een goede (eerste) indruk bij bezoekers die de website van je bedrijf vanaf een mobiel apparaat bezoeken.

Responsive websites en mobiele apparaten

Een kleiner scherm en andere bediening betekent dat de gehele gebruikerservaring anders is. Daarom wordt er veel gewerkt aan het omzetten van "desktop" websites naar websites die mobielvriendelijk zijn - ofwel het toepassen van een responsive ontwerp.

Een aantal uitgangspunten zijn daarbij van belang. Allereerst moet de navigatie van de website snel te bereiken zijn en eenvoudig te bedienen. Ook de zoekfunctionaliteit van een website zou direct toegankelijk moeten zijn. Bij minder schermruimte is het zaak om goed te kijken naar welke elementen van de oorspronkelijke website kunnen worden getoond. Bepaalde elementen kunnen worden uitgeschakeld of compacter worden weergegeven.

Daarnaast is een mobiele bezoeker misschien op zoek naar andere gegevens. Zo kan het nuttig zijn om contactgegevens prominent weer te geven.

Mobile first

Mobile first

Bij het opzetten van een geheel nieuwe website, kan het zinvol zijn om allereerst uit te gaan van het tonen van de website op mobiele apparaten - "mobile first" dus. Vervolgens kan er voor grotere schermen worden opgeschaald, en extra details worden ingeladen. Dit zorgt in veel gevallen voor snellere laadtijden op mobiele apparaten. Maar het zorgt er ook voor dat de focus van de getoonde inhoud in eerste instantie ligt op het meest noodzakelijke.

Extra mogelijkheden

Er zijn ook nog genoeg aanvullende mogelijkheden of kansen die mobiele apparaten bieden. Je kunt denken aan de locatiebepaling en het direct kunnen bellen (telefoonnummer link). Maar ook je website als web app aanbieden (add to homescreen), en/of zorgen dat er een offline versie beschikbaar is.

Meer weten?

Bij Sigma Solutions hebben wij veel ervaring met het responsive maken van bestaande websites, maar ook van het opzetten van geheel nieuwe websites met oog voor gebruik op alle apparaten. Neem gerust contact met ons op voor meer informatie.


Andere blogartikelen

  • Performance website hoog houden met behulp van SOLR

    Geschreven door: op maandag 3 december 2018

     Websites van onze klanten bevatten soms tienduizenden pagina’s. Dit zijn pagina’s die betrekking op de diensten die zij leveren en waar zij deze diensten leveren. Deze pagina’s worden gevuld me ...

    Bekijk het artikel »
  • HTML tips voor mail templates

    Geschreven door: op zaterdag 10 november 2018

    Bij het bouwen van een e-mail template binnen HTML komen er veel dingen kijken, ik leg in deze post een aantal basiselementen uit hoe je om moet gaan met de HTML van een mail template, en hoe wij daar ...

    Bekijk het artikel »
  • Documenteer je code

    Geschreven door: op zaterdag 27 oktober 2018

    Documenteren van je code is uiteraard een best practice. De code op zich mag zo beschrijvend mogelijk zijn, zodat de documentatie impliciet is, maar bijvoorbeeld een uitleg over het waarom van een bep ...

    Bekijk het artikel »
Bel 072 5345 888
Meer dan 40 bedrijven vertrouwen op ons
Allrig is de alles in een leverancier binnen de energie-industrie
Aliancys is een toonaangevend wereldwijd bedrijf actief in de verkoop van kwaliteitsharsen
ERIKS is een toonaangevende en innovatieve leverancier aan de procesindustrie en aan machinebouwers, die zowel de rol van specialist als die van brede MRO-leverancier vervult
Industrieel dienstverlener Heinen & Hopman Engineering uit Bunschoten is dé wereldwijde specialist op het gebied van klimaatbeheersing
Handicare is een internationale organisatie die ouderen helpt om hun dagelijks leven gemakkelijker te maken door het produceren van hoogwaardige trapliften
Onze Middelen en Technologieën
microsoft silver partner
Adobe partner
fd-gazellen-2018.jpg
Google analytics
partners-logo.jpg