Når en bruker besøker et nettsted, kan hans beslutning om å holde seg på det området eller flytte til et annet område bli betydelig påvirket av det grafiske brukergrensesnittet , eller GUI , på nettsiden eller applikasjonen . Studier har vist at hvis en bruker har til å tenke på hvordan de skal samhandle med en web- skjerm for enda en liten bit av gangen , kan han danne et dårligere inntrykk av nettstedet, eller miste interessen og navigere et annet sted . Bra brukergrensesnitt design gjør bruk av skjermen kontroller som er godt anerkjent , forstått og egnet for sitt formål på skjermen. Tekstbokser

Tekstruter er vanlige brukergrensesnitt kontroller som tillater en bruker å gå inn utskrivbare tegn fra tastaturet . Tekstbokser kan begrenses til bare å tillate et visst antall tegn , for eksempel når du taster inn et 5 -sifret kode . Multi-line tekstbokser kan brukes til å godta avsnitt med tekst som går over flere linjer . Noen flere linjer tekstbokser utvide sin lengde dynamisk som tekst er lagt til og andre aktiver rullefelt når tekst helt fyller rommet allokert til tekstboksen på skjermen.
Combox Bokser

Når en bruker trenger å velge en verdi fra en liste med forhåndsdefinerte akseptable verdier, for eksempel et land, er en kombinasjonsboks typisk skjermen kontroll av valget. Kombinasjonsboksen viser det valgte elementet ved siden av en ned - pil som , når den klikkes , viser en liste over alle elementene brukeren kan velge. En bruker kan bla gjennom listen , finne ønsket valg og klikk på den . At valget vises deretter i kombinasjonsboksen . Noen kombinasjonsbokser tillate brukere å velge mer enn én oppføring .
Dato - Pickers

slik at brukerne kan enkelt legge inn en gyldig dato er målet for date- picker styrer . Det er mange forskjellige dato - plukkere som web-designere og utviklere kan innlemme i sine søknader , avhengig av språk og verktøy som brukes . De fleste date - plukkere presentere brukeren med en miniatyr kalender som viser en eller to måneder. En bruker kan bla gjennom kalenderen ved hjelp av navigeringsknappene til å finne og velge en ønsket dato . Noen dato - picker kontroller vil også tillate en bruker å manuelt skrive inn en dato i stedet for å bruke date- fargevelgeren.
Spin Styrer

Snarere enn å ha en bruker nøkkel i et antall , noen anvendelser brukes en spin kontroll på skjermen. En spin control inneholder vanligvis en boks med en numerisk verdi. På den side av boksen er to små piler som peker opp og ned. Når en bruker klikker på pil opp , den numeriske verdien trinn . Når en bruker klikker på pil ned , den numeriske verdien svekkelser . Holde nede museknappen over en pil kontinuerlig økning eller reduserer verdien til knappen slippes . En bruker kan vanligvis angi en verdi i boksen i stedet for å bruke spin kontroll.