När en användare besöker en webbplats , kan hans beslut att stanna på denna webbplats eller flytta till en annan plats påtagligt påverkas av det grafiska användargränssnittet eller GUI , på webbplatsen eller programmet . Studier har visat att om en användare har att tänka på hur man interagerar med en Web -skärm för ännu en liten bit av tid , kan han bilda ett sämre intryck av webbplatsen eller förlora intresset och navigera på annat håll . Bra design av användargränssnitt använder skärmen kontroller som är väl erkända , klart och lämpade för sitt ändamål på skärmen . Textrutor
textrutor gemensamt användargränssnitt kontroller som tillåter en användare att skriva in utskrivbara tecken från tangentbordet . Textrutor kan begränsas att endast tillåta ett visst antal tecken , till exempel när du skriver en 5 - siffrig kod . Multi - line textrutor kan användas för att ta emot textstycken som spänner över flera rader . Några flera linjer textrutor utöka sin längd dynamiskt när text läggs och andra aktiverar rullningslister när texten helt fyller upp utrymmet som allokerats till textrutan på skärmen . Addera Combox Boxar
När en användare behöver för att välja ett värde från en lista med fördefinierade acceptabla värden , såsom ett land , är en kombinationsruta typiskt skärmen kontroll över valet . I kombinationsrutan visar det markerade objektet bredvid en ned - pil som , när du klickar på den, visar en lista över alla objekt som användaren kan välja . En användare kan bläddra igenom listan , hittar önskat val och klicka på den . Detta val visas sedan i listrutan . Några kombinationsrutor tillåta användare att välja mer än en post .
Date- Plockare
Aktivera användare att enkelt skriva in ett giltigt datum är målet för dagen - plockare styr . Det finns många olika Date- plockare att webbdesigners och utvecklare kan integrera i sina applikationer , beroende på språk och verktyg som används. De flesta Date- plockare presentera användaren med en miniatyr kalender som visar en eller två månader . En användare kan bläddra i kalendern med hjälp av navigeringsknapparna för att lokalisera och välja önskat datum . Vissa datum - picker kontroller kommer också att tillåta en användare att manuellt skriva in ett datum i stället för att använda datum - plockare .
Spin Controls
Hellre än att ha en användare nyckel i ett antal , vissa program använder en spin kontroll på skärmen . En spin kontroll innehåller vanligen en låda med ett numeriskt värde . På sidan av lådan finns två små pilar som pekar upp och ner. När en användare klickar på uppåtpilen , det numeriska värdet steg . När en användare klickar på nedåtpilen , det numeriska värdet minskningar . Håller ned musknappen över en pil ständigt ökar eller minskar värdet tills knappen släpps . En användare kan oftast ange ett värde i rutan istället för att använda spin kontroll .