Når en bruger besøger et websted, kan hans beslutning om at blive på den hjemmeside eller flytte til et andet sted være væsentligt påvirket af den grafiske brugergrænseflade , eller GUI , af hjemmesiden eller anvendelsen . Undersøgelser har vist, at hvis en bruger har til at tænke over, hvordan at interagere med en Web -skærm for selv en lille smule tid , kan han danne et mindre positivt indtryk af hjemmesiden , eller mister interessen og navigere andetsteds. God brugergrænseflade design gør brug af skærmen kontroller, der er velkendte , klart forstået og egner sig til deres formål på skærmen. Tekstbokse
Tekstbokse er fælles brugergrænseflade kontroller, der tillader brugeren at indtaste printbare tegn fra tastaturet. Tekstbokse kan begrænses til kun at tillade et bestemt antal tegn , for eksempel når du indtaster en 5-cifret kode. Multi- line tekstfelter kan bruges til at acceptere tekstafsnit der strækker sig over flere linier . Nogle flere linjer tekstbokse udvide deres længde dynamisk som tekst er tilføjet og andre aktiverer rullepaneler når teksten udfylder den plads afsat til tekstfeltet på skærmen.
Combox bokse
< br >
Når en bruger har behov for at vælge en værdi fra en liste over foruddefinerede acceptable værdier såsom et land, en kombinationsboks er typisk screen styring af valg. Kombinationsboksen viser den aktuelt valgte element ved siden af en pil ned , der ved aktivering , viser en liste over alle elementer , som brugeren kan vælge. En bruger kan rulle gennem listen, finde det ønskede valg , og klik på det. At udvælgelsen vises derefter i kombinationsboksen . Nogle kombinationsboksene muligt for brugerne at vælge mere end én post .
Date- plukkere
Aktivering brugere til nemt at indtaste en gyldig dato er målet for date- picker styrer . Der er mange forskellige dato - plukkere , at web- designere og udviklere kan indarbejde i deres ansøgninger , afhængigt af sproget og anvendte værktøjer . De fleste date- plukkere præsentere brugeren for en miniature kalender , der viser en eller to måneder . En bruger kan rulle gennem kalenderen ved hjælp navigationsknapperne til at finde og vælge den ønskede dato. Nogle dato - picker kontroller vil også tillade en bruger at manuelt indtaste en dato i stedet for at bruge den dato - picker .
Spin Controls
Snarere end at have en bruger nøgle i en række , bruge nogle programmer en spin kontrol på skærmen. En spin kontrol indeholder typisk en kasse med en numerisk værdi. På den side af kassen er to små pile, der peger op og ned . Når en bruger klikker på pil op , den numeriske værdi intervaller . Når en bruger klikker på pil ned , den numeriske værdi formindskelser . Hvis du holder museknappen over en pil stadighed øges eller reduceres værdien indtil knappen slippes. En bruger kan normalt angive en værdi i boksen i stedet for at bruge spin kontrol .