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.

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 |
|---|---|---|
| 1.234,50 € | 12.11.2026 |
| €1,234.50 | 12/11/2026 |
| €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
Läs vidare
Alla artiklar







Design & UX med ASES
Användarupplevelse, gränssnitt och varumärke

