Het concept van beperkingen in ontwerp kan worden gedefinieerd als de praktijk van het beperken van gebruikersacties op een systeem.
Beperkingen beperken de acties die door de gebruiker kunnen worden uitgevoerd, waardoor de bruikbaarheid van het ontwerp wordt vergroot en de kans op fouten van de gebruiker wordt verkleind.
Er zijn twee beperkende modellen: fysiek en psychologisch. Fysieke beperkingen verminderen de gevoeligheid van bedieningselementen en voorkomen of vertragen ongewenste acties. Psychologische beperkingen helpen de begrijpelijkheid van uw ontwerp en maken het intuïtiever.
Laten we de fijnere punten van naderbij bekijken.
Het eerste model, fysieke beperking, verwijst naar de mogelijkheid om de acties van de gebruiker te beperken met behulp van een fysiek object, of het nu feitelijk of virtueel is. Er zijn drie soorten fysieke beperkingen: paden, assen en barrières.
Paden beperken de gebruikersactie tot lineaire of kromlijnige bewegingen. Dit wordt het vaakst bereikt door het gebruik van groeven of kanalen. Paden zijn met name handig bij besturingselementen waarbij het bereik van de regelvariabele relatief klein is. Een bekend voorbeeld is de volumebalk op de iTunes-interface. Zoals u kunt zien, is er geen manier om deze module te misbruiken.
Assen bepalen gebruikersactie in rotatiebeweging. Dit heeft verschillende voordelen, met name het mogelijk maken van de controle van expansief of oneindig in lengte, maar toch in staat om te bestaan in een kleine ruimte. Een voorbeeld hiervan is het gereedschap Roteren in het dialoogvenster Reflect in Illustrator CS6. Hier krijgt u de optie om het object 360 graden te draaien met een op as gebaseerde besturing die uw beweging begeleidt.
Belemmeringen absorberen of begeleiden gebruikersacties. Door dit te doen, kunnen barrières acties van gebruikers vertragen, afweren of stoppen die niet bevorderlijk zijn voor een succesvolle ervaring. Een goed voorbeeld van het creëren van een barrière is het algemene "Weet u zeker dat u deze actie wilt uitvoeren?" Dialoogvenster dat op veel interfaces te vinden is, met name e-commerce-interfaces.
Het tweede model, psychologische beperking, verwijst naar de techniek van het beperken van mogelijke gebruikersacties door gebruik te maken van de manier waarop mensen hun omgeving waarnemen. Er zijn drie methoden voor het uitvoeren van psychologische beperkingen: symbolen, conventies en mapping.
Symbolen communiceren via tekst, pictogrammen en geluiden. Symbolen zijn handig voor het categoriseren, verduidelijken en waarschuwen van gebruikers over bepaalde acties. Een goed voorbeeld van symbolen die worden gebruikt voor beperking in ontwerp is het foutgeluid dat een pc maakt wanneer een item onvolledig of ongeldig is. Dit dient als een waarschuwing voor de gebruiker dat aanvullende acties noodzakelijk zijn.
Conventies beperken gebruikersactie door geleerde gebruiken en oefeningen aan te roepen. Beeld bijvoorbeeld een rode knop in naast een groene. Men hoeft niet heel hard na te denken over de implicatie van het gebruik van de ene tegen de andere.
Toewijzingen beïnvloeden het gebruikersgedrag door een waargenomen relatie tussen elementen van een bepaald ontwerp te creëren. Een reeks radioknoppen die dicht bij een keuzelijst zijn geplaatst, impliceert bijvoorbeeld de relatie tussen de twee elementen. Mappings zijn handig voor het illustreren van mogelijke acties voor de gebruiker op basis van bekendheid, positie en uiterlijk van de bedieningselementen.
Hoewel het beperken van gebruikersgedrag in plaats van inschakelen in eerste instantie contra-intuïtief lijkt, door te beperken welke acties gebruikers kunnen ondernemen, kunnen we ons richten op het perfectioneren van die beperkte opties. Het begrijpen en implementeren van beperkingen helpt bij het gebruik en helpt uw gebruikers bij het ontwerpen van uw ontwerp met minimale fouten, waardoor een effectievere algehele ervaring wordt gecreëerd.
Welke vormen van constraint zijn het meest effectief? Hoe zorgvuldig plant u beperkingen in uw UI-ontwerp? Laat het ons weten in de comments.
Uitgelichte afbeelding / thumbnail, contraint beeld via Shutterstock.