Dit is al enige jaren een trend: flat design. Dat wil zeggen platte structuren, geen diepte en geen schaduwen. Een minimalistische designtrend die zich doorzet. Het zorgt voor hele strakke en vaak hippe ontwerpen. Flat design is een goed voorbeeld van een ontwerpresultaat dat voortkomt uit het centraal stellen van de gebruiker/bezoeker. Dat noemen we User Interface (UI) design. In het verlengde daarvan ligt User Experience (UX) design. Plat ontwerp zorgt voor een eenvoudige structuur, makkelijk navigeren en helpt bezoekers informatie snel te vinden. Een prettige gebruikservaring, wat een bezoeker meteen een positief gevoel geeft. Omdat de meeste bezoekers gewend zijn geraakt aan aanraakschermen en aan een internet waarin bijna alles aanklikbaar is, hoeven knoppen niet meer op knoppen te lijken. Flat design leent zich ook het beste voor responsive websites. Sites die geschikt zijn voor verschillende beeldformaten en mobiele apparaten.

Recent doet zich wel een ontwikkeling voor die we kunnen typeren als flat 2.0. die meer cachet en diepte geeft aan een website.

• Lange schaduwen en diepte. Schaduwen en daarmee diepte creëren zijn geen taboe meer. Ze worden ingezet zonder echt een concessie te doen aan het minimalistische karakter van flat design. Voorbeeld: http://duffy.com/
• Dynamische kleuren. Om spaarzaam gebruik van visuele effecten goed te maken, worden vaker dynamische kleuren gebruikt, vooral heldere tinten. De energieke contrasterende kleuren voorkomen dat een webpagina met weinig specifieke elementen saai wordt. De site http://flatuicolors.com/ heeft de meest effectieve patronen samengebracht.
• Simpele typografie. De typografie in flat design blijft simpel en makkelijk te lezen. Dat houdt in principe in: schreefloze lettertypes en uniforme diktes.
• Gebruik van ghostbuttons. Een van de nieuwere trends in flat design. Zonder te veel aandacht naar zich toe te trekken, is de vaak transparante en licht omlijnde button toch herkenbaar.
• Minimalisme. Flat design en minimalisme gaan hand in hand. Ze delen dezelfde principes, zoals eenvoud en op content gefocust design. De toepassing van minimalisme is moeilijker dan het lijkt. Omdat je minder elementen tot je beschikking hebt, moet je ze zorgvuldig toepassen.

Dat flat design en minimalisme de boventoon voeren, is niet verrassend. Het bevordert een prettig beeld voor onze ogen. Minimalisme zorgt er bovendien voor dat het ontwerp goed en eenvoudig vertaald kan worden naar verschillende beeldschermformaten.

Met een minimalistisch design laat je content meer spreken. Een extravagant ontwerp zou veel te veel afleiden van de content waarmee je een bezoeker wilt overtuigen. Met een minimalistisch websiteontwerp komt de content veel beter tot zijn recht.

Minimalisme is niet alleen leegte of schaarste. Het is de kunst van het weglaten. Het zich bewust ontdoen van alles wat gebruikers afleidt van de inhoud. Ontwerp dus rond de inhoud, en laat net genoeg secundaire elementen (zoals navigatie, bijvoorbeeld) over, zodat gebruikers niet in de war raken. 

Een niet te onderschatten onderdeel en functionaliteit van een website is interactie met de bezoeker. Aandacht besteden aan interaction design is een must

Interaction design gaat over ontwerptechnieken die helpen een passieve magie van onvergetelijke ervaringen te creëren. ‘Over de zorg voor elk moment van interactie tussen een persoon en het apparaat (of het systeem, of de dienst) dat/die hij op dat moment gebruikt. Deze momenten kunnen expliciet zijn, zoals in gebaren, met tikken, op een knop klikken, of het invullen van een webformulier. Of, meer ongrijpbare momenten, zoals een pauze, terwijl je probeert te begrijpen wat er wordt gevraagd of hoe te antwoorden. Het zijn deze gedachtegesprekken van de gebruikers op een bepaald moment die vaak over het hoofd worden gezien.’ Aldus de Amerikaanse interaction-designgoeroe Stephen P. Anderson.

Interactiviteit is de beste manier om jouw websitebezoeker te bereiken. Het overtuigt mensen omdat ze meer plezier hebben, al struinend door een website. Ze absorberen informatie en boodschappen beter en ze zullen er positiever tegenover staan.

Goed interaction design is gebaseerd op vijf pijlers:

• Doelgericht ontwerp. Website-interacties moeten gebruikers helpen om hun persoonlijke doelstellingen te bereiken. Leer je bezoekers kennen door persona’s (archetypische gebruikers), gebruikscenario’s en experience maps te creëren.
• Gebruiksvriendelijkheid en bruikbaarheid. Een toepassing of onderdeel van een website moet eerst betrouwbaar functioneren voordat het een gebruiker het als prettig kan ervaren.
• Opvallende visuele kenmerken. Visuele prikkels zoals een mailbox icoon of navigatie-patroon laten gebruikers intuïtief en snel door een website leiden en zijn ook geschikt als handige shortcuts naar onderdelen van websites. Handig en bruikbaar voor bijvoorbeeld call-to-actionbuttons.
• Learnability of leerbaarheid. Consistente interfaces zijn voorspelbaarder en van nature beter leerbaar. Door rekening te houden met learnability verbetert de gebruiksvriendelijkheid omdat gebruikers niet of nauwelijks hoeven na te denken.
• Feedback en reactietijd. Een website-eigenaar moet bewust zijn van zijn rol in de conversatie met bezoekers en bij het genereren van feedback.  De interactie moet responsive, menselijk en humaan voelen.

Nederland kent genoeg voorbeelden van flat designwebsites die de vijf pijlers van interaction design hanteren. Een daarvan is de website van Nemo Science Center in Amsterdam. Niet alleen heeft Nemo een eigentijds en inspirerend gebouw. De website heeft alle ontwerpkenmerken van flat design 2.0 in zich en bezoekers kunnen intuïtief door de website navigeren en worden aangemoedigd te klikken, vooral op het eenvoudige maar toch interactieve ontdekgedeelte van de website. Contrasterende kleuren, gebruik van video, animatie en levendige beelden geven de bezoeker een gevoel van beleving, een prettige gebruikservaring. De website prikkelt de nieuwsgierigheid, wellicht een van de primaire doelen van het sciencecentrum. Een flinke stimulans om ook in persoon een bezoek te brengen aan het gebouw in Amsterdam.

Bright Answers wordt gedreven door allerlei ontwikkelingen op het gebied van webtechnologie, -functionaliteit en design. We kennen het internet, de technische en functionele mogelijkheden als geen ander. En we hechten heel veel belang aan vormgeving en interaction design. De gebruiker moet te allen tijde centraal staan. Met dat uitgangspunt bedienen we onze klanten en helpen ze bij de ontwikkeling en vernieuwing van hun websites.

Ben je nieuwsgierig geworden naar hoe Bright Answers jouw onlinepresentatie kan verbeteren? Maak dan snel een afspraak voor een vrijblijvende kennismaking.