Gå til indholdet

Planlæg en flersproget brugerflade med en konkret opgave

Et portaleksempel viser, hvordan du planlægger lange tekster, lokale tal- og datoformater, manglende oversættelser og sprogskift under en opgave.

Julia Hoffmann2 min. læsetid
Smartphone med blåt topfelt, to felter med forskellig bredde og pile i modsatte retninger.

Begynd med en post, der ikke ændres

Planlæg en flersproget brugerflade ud fra en hel opgave: at åbne, gennemgå og godkende en anmodning. Tekster skal forblive forståelige, og forretningsdata skal bevare deres betydning. En liste med oversatte knapper viser ikke disse sammenhænge.

En fiktiv projektportal skal understøtte ti sprog. Anmodningen R-18 indeholder det numeriske beløb 1234.5, valutaen EUR og kalenderdatoen 2026-11-12. I denne opgave ændrer brugerfladens sprog hverken valuta, beløb, dato eller godkendelsesstatus. En engelsk brugerflade gør ikke beløbet til dollars.

Fastlæg visningsformater udtrykkeligt

Teamet vælger disse tre sprog- og regionsindstillinger, til sammenligningen. Beløbet vises som valuta med to decimaler, datoen med tocifret dag og måned samt fuldt årstal. Datosammenligningen bruger udtrykkeligt tidszonen UTC.

Sprog og region

Vist beløb

Vist dato

de-DE

1.234,50 €

12.11.2026

en-GB

€1,234.50

12/11/2026

tr-TR

€1.234,50

12.11.2026

Intl.NumberFormat og Intl.DateTimeFormat understøtter sådanne sprogafhængige visninger. Sprog, region og øvrige indstillinger vælges udtrykkeligt; computerens standard må ikke ændre sammenligningen ubemærket. En dato, der kun angiver en kalenderdag, må ikke flytte til en anden dag ved sprogskift. Hvis personer indtaster et beløb, kræves der også passende regler for indtastning og kontrol: formateret outputtekst definerer ikke i sig selv en sikker parser til input.

Planlæg lange tekster og manglende tilstande

Kontroller de faktiske betegnelser i smalle og brede visninger. I eksemplet skal knappen »Godkend projektanmodning efter gennemgang« bevare betydningen, selv om en oversættelse kræver mere plads. Planlagt linjeombrydning eller en anden placering er mere nyttig end en uforståelig forkortelse. En fast forøgelsesprocent garanterer ikke, at alle tekster passer.

Sprogdækning omfatter også tomme lister, indlæsning og fejlmeddelelser. Mangler oversættelsen af approval.confirm i eksemplet, blokerer portalen godkendelsen og viser en forståelig forklaring på det valgte sprog. Et blandet reservesprog accepteres ikke stiltiende i dette kritiske trin. Det er den valgte produktregel, ikke en automatisk egenskab ved et oversættelsesbibliotek.

Kontrollér sprogskift under opgaven

Åbn samme anmodning på hvert planlagt sprog, og skift under redigeringen. I eksemplet skal indtastninger bevares; sprogskift må ikke udløse godkendelse. Kontroller derefter, at beløb, kalenderdag og den fortsat åbne status er bevaret.

Kunstigt forlængede testtekster kan tidligt vise layoutproblemer. Du skal alligevel læse de endelige oversættelser i sammenhæng og kontrollere dem i hele opgaven. Noter for hvert sprog, om godkendelse er forståelig og mulig uden datatab, eller hvilken konkret tilstand der stadig mangler.

Kilder

Skrevet af

  • Julia HoffmannRedaktør for design og UXJulia Hoffmann har ansvaret for det redaktionelle indhold om design og brugeroplevelse hos ASES. Hendes artikler handler om brugen af websites og applikationer, design af brugergrænseflader og digital tilgængelighed.

Følg ASES

Læs videre

Alle artikler

Design & UX med ASES

Brugeroplevelse, brugerflader og brandets udtryk