• Spring naar de hoofdnavigatie
  • Door naar de hoofd inhoud
  • Spring naar de voettekst

+351 914 128 590

info@alva-design.com

  • Facebook
  • LinkedIn
  • Twitter
Alva Design

Alva Design

Webdesign, grafisch ontwerp en advies

  • Webdesign
    • Maatwerk website
    • Professional website
    • Starter website
    • E-mail nieuwsbrief
    • Hosting en onderhoud
  • Grafisch ontwerp
  • Advies
    • Website verbeteren
    • Zoekmachine optimalisatie (SEO)
    • WordPress hulp
    • Veel gestelde vragen
  • Portfolio
    • Websites
    • Nieuwsbrieven
  • Blog
Contact

Mobile First

Laatst bijgewerkt op 19 september 2020 Reageer

Mobile First betekent denken vanuit mobiele apparaten. Het kleine mobiele scherm is de basis voor de lay-out (indeling) van de website. Op grotere schermen wordt een aangepaste versie getoond. Eerst zorg je dat de pagina op het kleine scherm van een smartphone goed bruikbaar is en daarna pas je eventueel de lay-out aan voor grotere schermen. Daar is bijvoorbeeld ruimte voor een extra kolom met aanvullende informatie.

Voordelen van Mobile First

  • Content First

    Mobile First betekent ook: inhoud eerst. Als je klein begint móet je wel focussen op de essentiële inhoud. Die wordt dan dus altijd goed getoond. Behalve bezoekers maak je ook zoekmachines daar blij mee.

  • Je website laadt sneller op mobiel

    Een ander voordeel van Mobile First is dat alle extra code voor grote schermen niet geladen wordt bij kleine schermen. Op je smartphone laadt zo’n website dus super snel.

Hoe werkt het?

Zowel Responsive Design als Mobile First Design werken  met CSS media queries. Een media query checkt eerst de afmetingen van het browservenster en past vervolgens de lay-out en stijl voor die grootte aan.

Responsive Design

Responsieve webdesign bestaat al wat langer en is de standaard geworden in 2012. De responsieve aanpak neemt de grotere schermen als basis en biedt aangepaste versies voor mobiele schermen. Je begint met een mooie – vaak ingewikkelde – layout met meerdere kolommen voor grote schermen, daarna maak je een simpeler versie voor mobiele schermen.

Responsieve webdesign verbergt soms ook bepaalde onderdelen of vereenvoudigt deze voor mobiele gebruikers. Maar de code is er nog wel en deze wordt altijd geladen. Ook waar deze code niet nodig is. Dit maakt de website onnodig traag.

Responsive vs Mobile First webdesign

Hieronder zie je duidelijk het verschil tussen Mobile First en Responsive.

  • Responsive begint vanuit het grootste scherm en vereenvoudigt bij kleinere schermen.
  • Mobile First begint vanuit het kleinste scherm en krijgt een complexere lay-out bij grotere schermen.

Aan de slag!

Wil je zelf een Mobile First website maken dan kan ik je dit boekje aanbevelen. Let op: Je hebt daarvoor kennis nodig van HTML, CSS en FTP.

In het Nederlands te koop bij Bol.com.
In het Engels te koop bij A Book Apart (ook verkrijgbaar als e-book).

Vind je dit te moeilijk?

Dan help ik je graag. Neem contact met me op om de mogelijkheden te bespreken.

Category iconTips Tag iconmobiel,  Mobile First,  responsive design,  usability,  webdesign

In mijn blog geef ik gratis tips voor het verbeteren van je website. Wil je een e-mail ontvangen als er een nieuwe tip is? Meld je dan aan voor de nieuwsbrief.

Aanmelden

Lees Interacties

Geef een antwoord Reactie annuleren

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Kan ik je helpen bij jouw project?

Mail of bel me voor een gratis advies en prijsindicatie.

Neem contact op

Footer

Alva Design

Voor een professionele website met een design dat bij je past.

+351 914 128 590

info@alva-design.com

  • Webdesign
  • Grafisch ontwerp
  • Advies
  • Portfolio
  • Blog
  • FAQ
  • Wie?
  • Contact
  • Privacy
  • Cookie policy (EU)

Gratis tips voor je website

In mijn blog geef ik gratis tips voor het verbeteren van je website. Wil je een e-mail ontvangen als er een nieuwe tip is? Meld je dan aan voor de nieuwsbrief.

Aanmelden
  • Facebook
  • LinkedIn
  • Twitter

Copyright © 2022 Alva Design

Beheer cookie toestemming
Alva Design gebruikt cookies op deze website.
Functioneel Altijd actief
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Voorkeuren
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistieken
The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
Beheer opties Beheer diensten Beheer leveranciers Lees meer over deze doeleinden
Voorkeuren bekijken
{title} {title} {title}