Hoe bereik ik een onzichtbaar ontwerp?
Een onzichtbaar ontwerp is dus een goed ontwerp. Maar hoe bereik je eigenlijk een onzichtbaar ontwerp? We hebben hieronder een aantal tips verzameld die je kunnen helpen.
Visuele consistentie
Het menselijk oog heeft de neiging om een relatie op te bouwen tussen gelijksoortige elementen in een ontwerp. Je kunt gelijkenis bereiken met basiselementen zoals typografie, vormen, kleuren, spatiëring en grootte.

Een component stijlgids is de beste manier om visuele consistentie te brengen in je product. Deze moet alle belangrijke richtlijnen bevatten voor de identiteit en de stem van je product. Elementen die op dezelfde manier worden waargenomen vormen de visuele consistentie. Dit verlaagt de leercurve, bijvoorbeeld voor nieuwe schermen die dezelfde visuele elementen gebruiken.
Functionele consistentie
Het principe van functionele consistentie lijkt erg op visuele consistentie. Als de functionaliteit van je product consistent is, wordt het bruikbaarder en makkelijker te leren voor gebruikers als vergelijkbare acties, formulieren en elementen op dezelfde manier werken en/of zich op dezelfde manier gedragen.

Vergelijkbare patronen die zich op dezelfde manier gedragen vergroten de voorspelbaarheid van het ontwerp, en voorspelbaarheid leidt ertoe dat gebruikers zich veilig en zeker voelen.
Minder is meer!
Vereenvoudig je gebruikersstromen door je stappen tot een minimum te beperken om verwarring te voorkomen. Laat je gebruikers niet merken wat ze aan het doen zijn, laat ze zo min mogelijk nadenken door eenvoudige en duidelijke stappen.
Als een actie die vier stappen vergt gemakkelijk in twee stappen kan worden voltooid, moet je altijd kiezen voor taken met het minimum aantal gemakkelijk uit te voeren acties.
Toon van de stem
De toon van je stem is niet wat je zegt, maar hoe je het zegt. Het is de manier waarop je zinnen opbouwt, de taal die je gebruikt, de klank van je woorden en de persoonlijkheid die je overbrengt.
Het gebruik van één vaste toon in teksten en andere vormen van communicatie maakt het ontwerp consistent en herkenbaar. Het geeft je ook een manier om vertrouwen op te bouwen bij je gebruikers, omdat ze weten wat ze van je kunnen verwachten.
Visuele stroom
Visuele stroming gaat over beweging en richting, en het oog van het ene deel van een compositie naar het andere leiden in de richting waarin jij wilt dat het zich beweegt. Je kunt flow creëren door een combinatie van visueel gewicht en visuele richting.
Voeg elementen toe die als barrières dienen om de richting waarin het oog beweegt te veranderen. Creëer open paden in de lege ruimte zodat je gemakkelijk door en tussen je positieve ontwerpelementen kunt bewegen. Dit zorgt voor evenwicht en harmonie in je ontwerp.
Hieronder staan een paar voorbeelden. Je kunt op de miniaturen klikken om naar de echte webpagina te gaan en deze in meer detail te bekijken.

Met de beweging in de illustraties (pijl die naar beneden wijst en diagonale illustratie) kun je je gebruikers door de pagina leiden.

Het zichtbare (witte) blok & tekst binnen een viewport suggereert dat de gebruiker naar beneden kan scrollen voor meer inhoud.

De achtergrondillustratie (linksonder) en een open leeg pad tussen secties suggereren dat er meer inhoud is onder wat momenteel zichtbaar is.
UI-patronen
Mensen zoeken overal naar patronen, zelfs op het web. We zoeken relaties tussen de dingen die we zien en haken in op patronen die deze relaties bevestigen. Dus waarom het wiel opnieuw uitvinden als het gaat om de manier waarop mensen door een site, app of formulier navigeren? Gebruik patronen die gebruikers gewend zijn te gebruiken. We gebruiken het web tenslotte al geruime tijd en er zijn al bruikbare, beproefde oplossingen.
Gebruikersinterface (UI) patronen zijn herbruikbare oplossingen voor veelvoorkomende bruikbaarheidsproblemen. Wanneer gebruikers dezelfde oplossing geïmplementeerd zien in verschillende producten, zijn dergelijke oplossingen niet alleen vertrouwd voor hen geworden, maar worden ze ook verwacht.
Testen
Testen biedt de kans om vroeg in het proces feedback van gebruikers te verzamelen en je ontwerpbeslissingen te onderbouwen voordat je iets gaat bouwen.
Met een klikbaar prototype kun je de interactie van gebruikers met het ontwerp observeren. Stel een duidelijk doel vast voor uw prototype en volg uw vooraf bepaalde eisen. Je kunt al vroeg in het ontwikkelproces het gedrag van gebruikers bestuderen en aanpassingen maken aan je ontwerp om de ervaring van de gebruiker te verbeteren.
Er zijn verschillende tools die we binnen onze teams gebruiken. Dit zijn de belangrijkste:Adobe XD,Marvel enInvision.
Iets over consistentie
Zoals je misschien al hebt gemerkt,is consistentie een belangrijk ontwerpprincipe voor onzichtbaar ontwerpen. Consistentie voorkomt verwarring! Als gebruikers elke keer een nieuwe manier moeten vinden om een soortgelijk probleem op te lossen tijdens het werken in een ontwerp, zullen ze verward en gefrustreerd raken. Een bruikbaar en gebruiksvriendelijk ontwerp biedt altijd een consistente ervaring.