Hoppa till innehållet

Planera ett flerspråkigt gränssnitt med en konkret uppgift

Ett portalexempel visar hur du planerar långa texter, lokala tal- och datumformat, saknade översättningar och språkbyte under en uppgift.

Julia Hoffmann2 min läsning
Mobil med blå överdel, två fält med olika bredd och pilar i motsatta riktningar.

Börja med en post som förblir oförändrad

Planera ett flerspråkigt gränssnitt utifrån en hel uppgift: öppna, granska och godkänna en begäran. Texter måste förbli begripliga och verksamhetsdata behålla sin betydelse. En lista med översatta knappar visar inte de sambanden.

En fiktiv projektportal ska stödja tio språk. Begäran R-18 innehåller det numeriska beloppet 1234.5, valutan EUR och kalenderdatumet 2026-11-12. I denna uppgift ändrar gränssnittsspråket varken valuta, belopp, datum eller godkännandestatus. Ett engelskt gränssnitt gör inte beloppet till dollar.

Bestäm visningsformat uttryckligen

Teamet väljer dessa tre språk- och regioninställningar, för jämförelsen. Beloppet visas som valuta med två decimaler, datumet med tvåsiffrig dag och månad samt fullständigt årtal. Datumjämförelsen använder uttryckligen tidszonen UTC.

Språk och region

Visat belopp

Visat datum

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 och Intl.DateTimeFormat stöder sådana språkberoende visningar. Språk, region och övriga alternativ väljs uttryckligen; datorns standard får inte ändra jämförelsen obemärkt. Ett datum som bara anger en kalenderdag får inte flyttas till en annan dag vid språkbyte. Om personer matar in ett belopp behövs också lämpliga regler för inmatning och validering: formaterad utmatning definierar inte i sig en säker indatatolk.

Planera för långa texter och saknade tillstånd

Kontrollera de faktiska etiketterna i smala och breda vyer. I exemplet ska knappen ”Godkänn projektbegäran efter granskning” behålla betydelsen även om en översättning behöver mer utrymme. Planerad radbrytning eller en annan placering är mer användbar än en obegriplig förkortning. En fast förstoringsprocent garanterar inte att varje text får plats.

Språktäckningen omfattar även tomma listor, laddning och felmeddelanden. Om översättningen för approval.confirm saknas i exemplet blockerar portalen godkännandet och visar en begriplig förklaring på valt språk. Ett blandat reservspråk accepteras inte tyst i detta kritiska steg. Det är den valda produktregeln, ingen automatisk egenskap hos ett översättningsbibliotek.

Kontrollera språkbyte under uppgiften

Öppna samma begäran på varje avsett språk och byt under redigeringen. I exemplet måste inmatningen bevaras; språkbyte får inte utlösa ett godkännande. Kontrollera sedan att belopp, kalenderdag och den fortsatt öppna statusen finns kvar.

Artificiellt förlängda testtexter kan visa layoutproblem tidigt. Du måste ändå läsa slutöversättningarna i sitt sammanhang och kontrollera hela uppgiften. Anteckna för varje språk om godkännandet är begripligt och möjligt utan dataförlust, eller vilket konkret tillstånd som fortfarande saknas.

Källor

Skriven av

  • Julia HoffmannRedaktör för design och UXJulia Hoffmann ansvarar för det redaktionella innehållet om design och användarupplevelse på ASES. Hennes artiklar handlar om hur webbplatser och applikationer används, utformning av användargränssnitt och digital tillgänglighet.

Följ ASES

Läs vidare

Alla artiklar

Design & UX med ASES

Användarupplevelse, gränssnitt och varumärke