Hoppa till innehållet

Fokusordning

Fokusordningen bestämmer vägen genom element som kan få fokus. Den ska bevara betydelse och användbarhet även vid dynamiska ändringar.

Även känt somFocus Order
Design & UX

Fokusordningen beskriver i vilken följd element som kan få fokus nås vid stegvis navigering. För användningen är det viktigt att vägen håller innehållets samband och de nödvändiga handlingarna begripliga.

Bevara ett sammanhängande flöde

I ett påhittat ärendeformulär följs kontaktuppgifter av ett val om ärendet. Om fokus hoppar fram och tillbaka mellan grupperna kan sambandet gå förlorat. Efter en dynamisk ändring behöver även ett nyvisat område en begriplig plats i flödet.

Varje avvikelse är inte ett fel

W3C kräver en meningsfull, användbar följd och tillåter flera logiska ordningar. Fokusordningen behöver inte alltid motsvara den synliga placeringen exakt. Kontrollera vägen med en konkret uppgift, inklusive nyvisat innehåll och återgång från dialoger. En välordnad layout visar inte ensam tangentbordets faktiska ordning genom gränssnittet.

Källor

Relaterade begrepp

Artiklar om ämnet

Guider · Design & UX2 minTesta en leveransadressdialog med tangentbordetEtt genomarbetat exempel visar fokusordning, avbrytande och sparande i en adressdialog så att tangentbordsfel kan återskapas.Julia Hoffmann13 nov. 2026
Insights · Design & UX2 minEnhetlig design kan ha olika sidlayouterEn lista hjälper vid jämförelse; en bekräftelse behöver de avgörande detaljerna. Välbekanta kontroller kan fortfarande vara gemensamma.Julia Hoffmann13 nov. 2026
Insights · Design & UX2 minÖversättningstäckning bevisar inte en slutförd uppgiftKompletta språkfiler hjälper till att kontrollera att alla texter finns. Godkännande av ett flerspråkigt gränssnitt kräver även ett fungerande flöde.Anna Neumann13 nov. 2026
Insights · Design & UX2 minBedöm användarönskemål utifrån uppgift och effektEtt tänkt lagerexempel kopplar önskemålens frekvens till följderna för arbetet och de faktiska användningsförhållandena.Julia Hoffmann13 nov. 2026
Insights · Design & UX2 minBedöm formulär genom en hel uppgiftEn fiktiv jämförelse visar vad som är öppet efter designgodkännande: rättelse, bevarad inmatning och bekräftat mottagande.Julia Hoffmann13 nov. 2026
Guider · Design & UX2 minUtforma webbplatsmenyn efter konkreta användaruppgifterKoppla befintliga sidor till besökarnas uppgifter. Ett exempel tydliggör menytexter, målsidor och den efterföljande granskningen.Julia Hoffmann13 nov. 2026
Guider · Design & UX2 minPlanera ett flerspråkigt gränssnitt med en konkret uppgiftEtt portalexempel visar hur du planerar långa texter, lokala tal- och datumformat, saknade översättningar och språkbyte under en uppgift.Julia Hoffmann13 nov. 2026
Guider · Design & UX2 minPlanera projektformulär med tydliga fält och felmeddelandenEtt formulärförslag visar obligatoriska uppgifter, begripliga fälttexter och konkreta fel. Inmatade uppgifter finns kvar när något rättas.Julia Hoffmann13 nov. 2026

Design & UX med ASES

Användarupplevelse, gränssnitt och varumärke

Begär offertMer om Design & UX