Design patterns - Componenten benoemen

Autocomplete

Bij het autocomplete pattern worden er suggesties gegeven voor hetgeen wat je op dat moment aan het typen bent. Dit gebeurd doordat er onder een text input in een lijst suggesties worde weergegeven die kunnen worden geselecteerd.

Datalist element

Het datalist is een element waarbij er autocomplete is toegevoegd aan een tekst input. Deze bevat ook een pijl met die ervoor zorgt dat alle beschikbare opties.

Radio buttons

Radio buttons worden gebruikt in een lijst van opties waar er maar één optie geselecteerd kan worden. Ze gaan samen met een label en worden weergegeven in een lijst.

Conclusie

De bovenstaande opties zouden allemaal toegepast kunnen worden bij het benoemen van een componenten. Het wordt echter problematisch wanneer er meer dan 10 opties zouden zijn. De radiobuttons passen dan niet meer en nemen te veel ruimte in. Op dat moment is het handig om een dropdown te gebruiken. Zoals op UI Patterns wordt aangegeven: "Drop-down menus save space. This is the main reason for using them. Otherwise, drop-down menus are not regarded as a technique that increases usability, as they can often be difficult to use".

Omdat de gebruiker wel altijd wil weten welke componentnamen er al bestaan, zal hier de datalist gebruikt worden. Om tijdens het typen aan te geven of de componentnaam al bestaat zal er tijdens het typen ook autocomplete verzorgd worden.