Wanneer een gebruiker een website bezoekt , kan zijn beslissing om te blijven op die site of verplaatsen naar een andere site aanzienlijk beïnvloed worden door de grafische gebruikersinterface of GUI , van de website of applicatie . Studies hebben aangetoond dat als een gebruiker heeft om na te denken over hoe de interactie met een web -scherm , zelfs voor een klein beetje van de tijd , kan hij een minder gunstige indruk van de website te vormen of verliest interesse en navigeren elders . Goede user interface design maakt gebruik van het scherm controles die goed worden herkend , duidelijk begrepen en geschikt voor hun doel op het scherm . Tekstvakken
tekstvakken
zijn gemeenschappelijke gebruikersinterface biedt besturingselementen waarmee een gebruiker afdrukbare tekens via het toetsenbord in te voeren . Tekstvakken kan worden beperkt om alleen een bepaald aantal tekens , bijvoorbeeld bij het invoeren van een 5 - cijferige code . Multi -line tekstvakken kan worden gebruikt om leden van de tekst die meerdere regels overspannen accepteren . Sommige multi -line tekstvakken breiden hun lengte dynamisch als tekst wordt toegevoegd en anderen te activeren schuifbalken wanneer de tekst de ruimte om het tekstvak toegewezen op het scherm volledig vult .
Combox Dozen
< br > Wanneer een gebruiker nodig heeft om een waarde uit een lijst met vooraf gedefinieerde aanvaardbare waarden , zoals een land te kiezen , een keuzelijst is meestal het scherm controle van de keuze . De keuzelijst toont het geselecteerde item naast een down - pijl die , wanneer erop geklikt wordt , toont een lijst van alle items die de gebruiker kan selecteren . Een gebruiker kan door de lijst te bladeren , vind de gewenste selectie en klik erop . Die selectie wordt vervolgens weergegeven in de keuzelijst . Sommige keuzelijsten gebruikers toestaan om meer dan een item te selecteren .
Date - Pickers
Enabling gebruikers gemakkelijk invoeren van een geldige datum is het doel van de datum - picker controleert . Er zijn veel verschillende datum - plukkers die webontwerpers en- ontwikkelaars kunnen integreren in hun toepassingen , afhankelijk van de taal en de gebruikte instrumenten . De meeste date - plukkers presenteren de gebruiker met een miniatuur kalender die een of twee maanden weergeeft . Een gebruiker kan via de kalender met navigatieknoppen om een gewenste datum te zoeken en te selecteren scrollen . Sommige date - picker controles zal het ook mogelijk een gebruiker om handmatig invoeren in een datum in plaats van de datum - picker .
Spin Controls
In plaats van een gebruiker sleutel in een aantal , sommige applicaties een ringveld op het scherm. Een Spin Control bevat meestal een doos met een numerieke waarde . Aan de zijkant van de doos zijn twee kleine pijlen omhoog en omlaag . Wanneer een gebruiker de pijl omhoog , de stappen van numerieke waarde klikt. Wanneer een gebruiker de pijl naar beneden , de numerieke waarde verlaagt klikt. Ingedrukt houden van de muisknop boven een pijl voortdurend verhoogt of verlaagt de waarde tot de knop wordt losgelaten . Een gebruiker kan meestal voer een waarde in het vak in plaats van het gebruik van de spin controle .
|
