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

  • Werkgeluk & werkgezondheid

    Geschreven door: op woensdag 22 januari 2020

    Werkgeluk en werkgezondheid, dit zijn termen die steeds meer in de media verschijnen. De essentie van deze termen is het in dienst hebben van gelukkige medewerkers. Medewerkers die zowel geestelijk al ...

    Bekijk het artikel »
  • Tabellen in HTML

    Geschreven door: op maandag 30 december 2019

    Met UL, OL en LI maak je opsommingen. Met DL, DT en DD maak je lijsten van definities. Naast opsommingen en definities is er ook nog tabulaire data: gegevens die in een tabel staan, waarbij je rijen h ...

    Bekijk het artikel »
  • SQL en het gebruik van For XML: Explicit en Path

    Geschreven door: op maandag 30 december 2019

    In mijn vorige blog hebben we For XML Raw en For XML Auto besproken. In deze blog zullen we For XML Explicit en For XML Path doornemen. Hieronder eerst wat uitleg over beide:EXPLICIT: Met ...

    Bekijk het artikel »
Bel 072 5345 888
Meer dan 40 bedrijven vertrouwen op ons
Onze Middelen en Technologieën
microsoft silver partner
Adobe partner
fd-gazellen-2018.jpg
Google analytics
partners-logo.jpg
Op de hoogte blijven?

Meld u aan voor de gratis nieuwsbrief om op de hoogte te blijven van onze activiteiten