Een widget is een klein, op zichzelf staand stukje van een gebruikersinterface dat één specifieke taak afhandelt. Een zoekvak, een datumkiezer, een live-chatbubbel, een weerpaneel: elk daarvan is een widget. Je plaatst hem in een scherm en hij doet zijn werk, zonder dat de rest van de pagina hoeft te weten hoe hij vanbinnen werkt. Dat op zichzelf staan is precies waar het om draait.
Zie widgets als keukenapparaten op het aanrecht. De waterkoker kookt water, de broodrooster maakt toast, de blender mixt, en elk is een net stukje op zichzelf dat je kunt verplaatsen of vervangen zonder de hele keuken te verbouwen. In software maakt datzelfde idee interfaces makkelijker te bouwen en te onderhouden, en daarom verzamelen teams hun beproefde widgets in een componentenbibliotheek en hergebruiken ze die op meerdere pagina’s. Bouw één keer een degelijke datumkiezer en je hoeft hem niet bij elk nieuw formulier opnieuw te maken. Een widget is eigenlijk één stukje van de grotere user interface.
Sommige widgets bouw je zelf en andere komen van derden, zoals een ingesloten boekingsagenda of een chattool die je in je site plakt. Hoe dan ook blijven goede widgets consistent met de rest van het ontwerp en werken ze netjes op verschillende schermformaten. De keerzijde van een externe widget is controle. Je hebt hem in een paar minuten draaien, maar hij laadt zijn eigen code, dus check wat het doet met je laadsnelheid voordat je ervoor kiest.
Bij TopDevs bouwen we widgets als herbruikbare onderdelen tijdens het UI-design, zodat een agenda of een statspaneel er overal in je product hetzelfde uitziet en zich hetzelfde gedraagt.
