Gå til innholdet

Planlegg et flerspråklig grensesnitt med en konkret oppgave

Et portaleksempel viser hvordan du planlegger lange tekster, lokale tall- og datoformater, manglende oversettelser og språkbytte under en oppgave.

Julia Hoffmann2 min lesetid
Smarttelefon med blå topp, to felt med ulik bredde og piler i motsatte retninger.

Begynn med en post som ikke endres

Planlegg et flerspråklig grensesnitt ut fra en hel oppgave: åpne, vurdere og godkjenne en forespørsel. Tekster må være forståelige, og forretningsdata må beholde betydningen sin. En liste med oversatte knapper viser ikke disse sammenhengene.

En fiktiv prosjektportal skal støtte ti språk. Forespørselen R-18 inneholder det numeriske beløpet 1234.5, valutaen EUR og kalenderdatoen 2026-11-12. I denne oppgaven endrer grensesnittspråket verken valuta, beløp, dato eller godkjenningsstatus. Et engelsk grensesnitt gjør ikke beløpet til dollar.

Fastsett visningsformater eksplisitt

Teamet velger disse tre språk- og regioninnstillingene, for sammenligningen. Beløpet vises som valuta med to desimaler, datoen med tosifret dag og måned og fullt årstall. Datosammenligningen bruker eksplisitt tidssonen UTC.

Språk og region

Vist beløp

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 støtter slike språkavhengige visninger. Språk, region og øvrige alternativer velges eksplisitt; datamaskinens standard må ikke endre sammenligningen ubemerket. En dato som bare angir en kalenderdag, må ikke flyttes til en annen dag ved språkbytte. Hvis personer skriver inn beløp, trengs også passende regler for inndata og validering: formatert utdata definerer ikke alene en sikker parser for inndata.

Planlegg lange tekster og manglende tilstander

Kontroller de faktiske etikettene i smale og brede visninger. I eksemplet skal knappen «Godkjenn prosjektforespørsel etter gjennomgang» beholde betydningen selv om en oversettelse trenger mer plass. Planlagt linjebryting eller en annen plassering er mer nyttig enn en uforståelig forkortelse. En fast forstørrelsesprosent garanterer ikke at hver tekst får plass.

Språkdekningen omfatter også tomme lister, innlasting og feilmeldinger. Mangler oversettelsen for approval.confirm i eksemplet, blokkerer portalen godkjenningen og viser en forståelig forklaring på valgt språk. Et blandet reservespråk godtas ikke stilltiende i dette kritiske trinnet. Det er den valgte produktregelen, ikke en automatisk egenskap ved et oversettelsesbibliotek.

Kontroller språkbytte under oppgaven

Åpne samme forespørsel på hvert planlagt språk, og bytt under redigeringen. I eksemplet må inndata beholdes; språkbyttet må ikke utløse godkjenning. Kontroller deretter at beløp, kalenderdag og den fortsatt åpne statusen er bevart.

Kunstig forlengede testtekster kan vise layoutproblemer tidlig. Du må likevel lese de endelige oversettelsene i sammenheng og kontrollere hele oppgaven. Noter for hvert språk om godkjenningen er forståelig og mulig uten datatap, eller hvilken konkret tilstand som fortsatt mangler.

Kilder

Skrevet av

  • Julia HoffmannRedaktør for design og UXJulia Hoffmann har ansvaret for det redaksjonelle innholdet om design og brukeropplevelse hos ASES. Artiklene hennes handler om bruken av nettsteder og applikasjoner, utforming av brukergrensesnitt og digital tilgjengelighet.

Følg ASES

Les videre

Alle artikler

Design og UX med ASES

Brukeropplevelse, grensesnitt og merkevare