Material design: zegen of vloek?

Material design: zegen of vloek?

23 jun 2016
Door: Martijn Wijmer

Onbewust is een ieder die wel eens gewerkt heeft met de producten van Google bekend met Material Design.

Of dit nu is bij het intypen van een zoekterm in Google Chrome, een mailtje versturen vanuit Gmail, de reistijd berekenen in Google Maps of het gebruik van apps op een Android smartphone: al deze toepassingen maken gebruik van Material Design (MD). Maar wat is dit nu precies? 

Wat is Material Design?

Material design is een designtaal ontwikkeld door Google. Deze designtaal is ontwikkeld en doorgevoerd in het besturingssysteem van Android 5.0 (Lollipop). Dus we hebben het nu over een designtaal. Maar wat is dan een designtaal?

Een designtaal beschrijft hoe de vormgeving en interactie van een website of app werkt en eruit ziet. Welk kleurenpallet wordt gebruikt, welk lettertype wordt gebruikt, welke visuele feedback geeft een button, in welk stramien wordt de lay-out opgemaakt? Dit zijn onderwerpen die zijn vastgelegd in een designtaal. Een soort van huisstijlhandboek voor digitale toepassingen.

 

De designtaal van MD is gebasseerd op alledaagse materialen die iedereen kent. Een vierkant wit vlak als papier en een cirkel als knop. Hierdoor ontstaat een strak, modern design dat logisch en natuurlijk oogt en ook logisch en natuurlijk aanvoelt in het gebruik. Ieder visueel component is een eigen object, of material. Vandaar de naam Material Design.

MD-Orthographic

Wanneer is Material design interessant voor mij?

Material design is dus een designtaal ontwikkeld door Google. En een designtaal is een soort van huisstijlhandboek voor digitale toepassingen. Leuk, maar wat heb ik daaraan? Het toepassen van Material Design principes in een (bestaande) website heeft een aantal voordelen, waar je wellicht niet meteen aan zou denken.

  1. Responsive
    De layout van MD is responsive opgezet. Responsive betekent dat de layout van de website zich aanpast aan het formaat van het device waar de website op bekeken wordt. Aangezien MD eerst is toegepast op het besturingssysteem Android, is het logisch dat het “mobile-first” principe is toegepast. Daarnaast maakt Google zich al een tijd hard voor het toepassen van responsive design. Wanneer je website niet responsive is, heeft dit direct gevolgen voor de ranking van je website in Google Search (lees meer hierover in dit artikel). Is je website nog niet responsive, dan is het overwegen van het implementeren van deze designtaal zeker de moeite waard!
  1. Grid
    Daarnaast beschikt het standaard over een grid; een vastomlijnd stramien waarbij verschillende combinaties in kolommen gemaakt kan worden. Dit grid waarborgt een strakke lay-out maar geeft wel de vrijheid om zelf de lay-out te bepalen.
  1. Eenduidige vormgeving = positieve User Experience
    Eenduidige vormgeving zorgt voor herkenning bij de gebruiker. Wanneer een button altijd een cirkel is met een icoon, zal een gebruiker dit veel sneller herkennen als zijnde een button. Een eenduidige vormgeving draagt dus bij aan een positieve User Experience.
    MD-buttons

Risico's Material Design

Eigenlijk kent MD maar één groot risico; het ondermijnt het onderscheidend vermogen van je website. De eenduidige vormgeving is een zegen en een vloek. Enerzijds draagt het bij aan een positive User Experience, anderzijds gaat je eigen identiteit verloren op je website. Toch denken wij dat deze designtaal, mits goed toegepast, een verrijking kan zijn in het design proces. Tijdens het (re)design van een website zal er een gezonde mix gevonden moeten worden tussen enerzijds de bestaande huisstijl en anderzijds de goede elementen van MD. Een goede basis voor dit laatste is Material Design Lite. Dit is een uitgeklede versie van MD, waarbij elementen hergebruikt kunnen worden maar waar nog voldoende ruimte is om in de vormgeving de eigen identiteit duidelijk naar voren te laten komen.

Heeft u vragen hierover of bent u geïnteresseerd in het toepassen van Material Design in uw huidige site? Neem dan vooral contact op.

Netcreators heeft de website van de gemeente Maastricht ontworpen op basis van material design.

Deel dit bericht op 0 mensen
vinden dit leuk
naar nieuwsoverzicht

Lees ook

Netcreators is genomineerd voor een TYPO3 Award

De door Netcreators gerealiseerde nieuwe website van de Waarderingskamer is genomineerd voor een TYPO3 Award.

Lees meer

Drupal support video

We hebben Drupal support video gemaakt die laat zien welke vier punten wij oplossen met onze supportformule.

Lees meer

Material design: zegen of vloek?

Onbewust is een ieder die wel eens gewerkt heeft met de producten van Google bekend met Material Design.

Lees meer

Netcreators opgenomen in Toegankelijkheidsregister

Netcreators heeft dit keurmerk als één van de eerste internetbedrijven gekregen.

Lees meer
Meer nieuws