Inmatningsdialoger

Inmatningsdialoger är användargränssnittskomponenter som används för att samla in data från användaren eller bekräfta ett beslut. De presenteras vanligtvis som ett litet fönster över den aktuella skärmen och kan innehålla textfält, alternativval, datumväljare eller andra kontroller, ofta med knappar för att bekräfta eller avbryta.

Typer och egenskaper

Inmatningsdialoger kan vara enkla prompts eller mer omfattande formulär med flera fält. De kan vara modala, vilket tvingar användaren att svara innan man går vidare, eller icke-modala, som tillåter fortsatt interaktion med huvudgränssnittet. Vanliga element är etiketter, inmatningsfält, hashtalet text, rutnäts- eller radioknappar, samt åtgärdsknappar som OK och Avbryt. Dialoger kan också innehålla validering och felmeddelanden för att hjälpa användaren att skriva rätt data.

Design och användbarhet

Bra inmatningsdialoger bör vara tydliga och koncisa, med en entydig fråga eller instruktion och relevanta förifyllda värden. De bör stödja tangentbordsnavigering, ha fokushantering när de öppnas och stängs, samt anpassa storlek och layout för olika skärmar. Feedback vid fel och tydliga felmeddelanden förbättrar användarupplevelsen. För varje dialog bör betydelsen av datan klargöras och minimal diskussion brytas av.

Tillgänglighet och lokalisering

Dialogerna bör implementeras med tillgänglighet i åtanke: rätt etiketter för fält, tydliga ARIA-roller (till exempel dialog, aria-modal), och fokus som återförs till relevanta element vid stängning. Lokaliserade texter, datum- och sifferformat samt kulturella konventioner bör beaktas vid flera språk.

Säkerhet och integritet

Seriösa inmatningsdialoger ska skydda användarens data genom säkra överföringskanaler där tillämpligt, maskera känsliga fält som lösenord och validera och sanera indata för att motverka felaktig eller farlig användning.