Naar de inhoud

Een meertalige interface rond een concrete taak plannen

Een portaalvoorbeeld laat zien hoe u lange teksten, lokale getal- en datumnotaties, ontbrekende vertalingen en taalwissels tijdens een taak plant.

Julia Hoffmann2 min leestijd
Smartphone met blauwe kop, twee velden van verschillende breedte en pijlen in tegengestelde richtingen.

Begin met een record dat gelijk blijft

Plan een meertalige interface rond een volledige taak: een aanvraag openen, beoordelen en goedkeuren. Tekst moet begrijpelijk blijven en bedrijfsgegevens moeten hun betekenis behouden. Een lijst vertaalde knoppen laat die samenhang nog niet zien.

Een fictief projectportaal gaat tien talen ondersteunen. Aanvraag R-18 bevat het numerieke bedrag 1234.5, valuta EUR en kalenderdatum 2026-11-12. Voor deze taak blijven valuta, bedrag, datum en goedkeuringsstatus bij een taalwissel gelijk. Een Engelse interface maakt er geen dollarbedrag van.

Leg weergaveformaten expliciet vast

Het team kiest deze drie locales, dus taal- en regiovarianten, voor de vergelijking. Het bedrag verschijnt als valuta met twee decimalen; de datum met tweecijferige dag en maand en een volledig jaar. Voor de datumvergelijking is de tijdzone expliciet UTC.

Locale

Getoond bedrag

Getoonde 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 en Intl.DateTimeFormat ondersteunen zulke taalafhankelijke weergaven. Locale en opties worden expliciet gekozen; de computerstandaard mag de vergelijking niet ongemerkt veranderen. Een datum die alleen een kalenderdag aangeeft, mag bij een taalwissel niet naar een andere dag verschuiven. Als mensen bedragen invoeren, zijn daarnaast passende invoer- en validatieregels nodig: opgemaakte uitvoertekst definieert op zichzelf geen veilige invoerparser.

Houd rekening met lange tekst en ontbrekende toestanden

Controleer de echte labels in smalle en brede weergaven. In het voorbeeld moet de knop ‘Projectaanvraag na beoordeling goedkeuren’ zijn betekenis behouden, ook als een vertaling meer ruimte vraagt. Geplande tekstomloop of een andere indeling is nuttiger dan een onbegrijpelijke afkorting. Een vast vergrotingspercentage garandeert niet dat elke tekst past.

Taaldekking omvat ook lege lijsten, laadstatussen en foutmeldingen. Ontbreekt in het voorbeeld de vertaling voor approval.confirm, dan blokkeert het portaal goedkeuring en toont het een begrijpelijke uitleg in de gekozen taal. Voor deze kritieke stap wordt een gemengde terugvaltaal niet stilzwijgend geaccepteerd. Dit is de gekozen productregel, geen automatische eigenschap van een vertaalbibliotheek.

Controleer taalwissels tijdens de taak

Open dezelfde aanvraag in iedere bedoelde taal en wissel tijdens het bewerken. In het voorbeeld moet invoer behouden blijven; de taalwissel mag geen goedkeuring activeren. Controleer daarna of bedrag, kalenderdag en de nog openstaande status behouden zijn.

Kunstmatig verlengde testtekst kan lay-outproblemen vroeg zichtbaar maken. U moet de definitieve vertalingen toch in context lezen en tijdens de volledige taak controleren. Leg per taal vast of goedkeuren begrijpelijk en zonder gegevensverlies mogelijk is, of welke concrete toestand nog ontbreekt.

Bronnen

Geschreven door

  • Julia HoffmannRedacteur design en UXJulia Hoffmann is bij ASES verantwoordelijk voor de redactionele content over design en user experience. Haar artikelen gaan over het gebruik van websites en applicaties, het ontwerp van gebruikersinterfaces en digitale toegankelijkheid.

ASES volgen

Verder lezen

Alle artikelen

Design & UX met ASES

Gebruikerservaring, interfaces en merkuitstraling