Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
24 commits
Select commit Hold shift + click to select a range
6fa9928
docs:uxw-localization-in-support
tokyojen Jul 21, 2026
b7c90cd
Update docs/guidelines/language/support-and-resources/uxw-localizatio…
tokyojen Jul 21, 2026
e09e7a3
docs:localization fix
tokyojen Jul 21, 2026
db43fb5
docs:localization tabs
tokyojen Jul 21, 2026
79dd70b
docs:localization headers
tokyojen Jul 21, 2026
efb0c6a
docs:localization infobox
tokyojen Jul 21, 2026
cd16219
Merge branch 'main' into uxw-localization
tokyojen Jul 22, 2026
f969be0
docs:localization fixes
tokyojen Jul 22, 2026
756ab86
Merge branch 'uxw-localization' of https://github.com/siemens/ix-docs…
tokyojen Jul 22, 2026
4dd4f71
docs:localization puctuation fix
tokyojen Jul 22, 2026
7180697
docs:support and resources ordering fix
tokyojen Jul 22, 2026
d6b4252
docs:localization align design system formatting
tokyojen Jul 22, 2026
5dd74e5
docs:localization formatting
tokyojen Jul 22, 2026
6705751
Merge branch 'main' into uxw-localization
tokyojen Aug 5, 2026
0d0bd6a
docs:localization conflict fixed
tokyojen Aug 5, 2026
81f8266
docs: fix text problem
tokyojen Aug 6, 2026
7381405
Apply suggestion from @kathrinschalber
tokyojen Aug 12, 2026
39c9479
Apply suggestion from @kathrinschalber
tokyojen Aug 12, 2026
3af15a6
Apply suggestion from @kathrinschalber
tokyojen Aug 12, 2026
360577f
docs:localization updates
tokyojen Aug 12, 2026
ca8def6
Merge branch 'main' into uxw-localization
tokyojen Aug 12, 2026
e5a6cb3
revert(package.json): remove accidental @babel/runtime dependency add…
tokyojen Aug 12, 2026
8d3fffb
docs:code files reverted
tokyojen Aug 12, 2026
cb8424a
docs:revert the revert back
tokyojen Aug 12, 2026
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions blog/tags.yml
Original file line number Diff line number Diff line change
Expand Up @@ -2,3 +2,7 @@ release:
description: 'Blog posts about new Industrial Experience design system releases'
merging:
description: 'Merging activities from other design systems at Siemens'
ux:
description: 'User experience patterns, recommendations, and writing guidance'
development:
description: 'Developer-focused implementation tips, APIs, and code practices'
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
sidebar_position: 2
sidebar_position: 4
sidebar_label: AI and UX writing
title: AI and UX writing
doc-type: "banner"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
sidebar_position: 1
sidebar_position: 2
sidebar_label: UX writing principles
title: UX writing principles
doc-type: 'banner'
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
sidebar_position: 4
sidebar_position: 5
sidebar_label: UX writing resources
title: UX writing resources
doc-type: "banner"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
sidebar_position: 3
sidebar_position: 1
sidebar_label: UX writer role
title: UX writer role
doc-type: 'banner'
Expand Down Expand Up @@ -115,4 +115,4 @@ Continuous collaboration improves quality and speed, prevents terminology gaps,
## Related

- [UX writing principles](./UX-writing-principles.md)
- UX writing support and resources (coming soon)
- UX writing support and resources (coming soon)
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
{
"label": "Localization",
"position": 3
}
Comment thread
tokyojen marked this conversation as resolved.
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
---
doc-type: "tabs"
description: 'Localization (l10n) is the adaptation of a product or content for a specific language, locale, region or market.'
title: 'Localization'
deprecated:
---
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
---
doc-type: 'tab-item'
sidebar_label: 'Localization'
description: 'Overview'
---

#

## Overview

Localization adapts a product to a specific language, region, and culture. It includes
Comment thread
tokyojen marked this conversation as resolved.
translation, formats, visual conventions, legal requirements, and user expectations.
Comment thread
tokyojen marked this conversation as resolved.
Comment thread
tokyojen marked this conversation as resolved.

## Language and tone

Language and tone must be clear, accurate, and appropriate for the target audience. Good
localization preserves meaning, not just words, and must also account for plural rules and
punctuation.

### Best practice

- Support translatable strings and integration with translation frameworks.
- Support fallback text for missing translations.
- Use the [UX Writing Guidelines](../../writing-style-guide-getting-started.md) for tone or wording.

## Imagery and colors

Images, symbols, and colors can have different meanings across markets. Review them for cultural
fit and local expectations.

### Best practice

- Validate visuals and semantics per market.

## Currency, date, time, measurement, and measurement system formats

Users expect values to follow local conventions. This includes currencies, dates, times, numbers,
units, and measurement systems such as Β°C/Β°F, km/mi, or kg/lb.
Comment thread
tokyojen marked this conversation as resolved.

### Best practice

- Use locale-aware formatting for dates, times, numbers, percentages, and currencies.
Comment thread
tokyojen marked this conversation as resolved.
- Allow users locale selection and persistence, e.g. via the `SiLocaleService`.
- Use translated unit labels in components where units are shown.
Comment thread
tokyojen marked this conversation as resolved.

## User experience and design

Localized interfaces must work with different text lengths and different reading directions. Use
design options such as flexible growing areas, line wrapping, or fixed layouts with scrollbars,
and plan enough space for longer translations.

## LTR and RTL {#ltr-rtl}

LTR (Left-to-Right) refers to languages and scripts that are written and read from left to right.

RTL (Right-to-Left) refers to languages and writing systems that are written and read from right to left.
RTL can require mirrored navigation, icon direction, alignment, and interaction patterns.
Comment thread
tokyojen marked this conversation as resolved.

### Best practice

- Support RTL-aware behavior in components and overlays.
- Provide dynamic directionality support for Angular CDK integrations.
- Layout and design with variable text length in mind.

## Payment methods

Payment expectations differ by country, including preferred methods, flows, and trust signals.

## Legal and safety

Legal notices, safety texts, consent flows, and compliance content may vary by market and
jurisdiction.

### Best practice

- Request local lawyers to provide tailored legal artifacts for relevant markets and regions.
- Manage market-specific legal and safety requirements, compliance logic, and legal services in your application.

:::info
The About and Legal components require specific content to comply with Siemens AG regulations. The official content and guidelines are exclusively available for Siemens employees and can be accessed [here](https://code.siemens.com/siemens-ix/ix-brand-theme/-/blob/main/apps/documentation/src/pages/about-legal-information.md?ref_type=heads).
:::

## Customer support

Support channels, contact details, hours, and escalation paths often differ by country or
Comment thread
tokyojen marked this conversation as resolved.
language.

## Localization (l10n) vs. Internationalization (i18n)

Internationalization (i18n) is the technical preparation that makes localization possible without
code changes. Typical activities include separating translatable text from code, enabling
locale-aware formatting, supporting plural rules, and preparing layouts for text expansion and
Comment thread
tokyojen marked this conversation as resolved.
RTL.

Localization (l10n) is the adaptation of content and behavior for a specific market, language, or
region. Typical activities include translation, terminology review, adapting formats and units,
Comment thread
tokyojen marked this conversation as resolved.
checking imagery and legal content, and validating the user experience for the target audience.
Loading
Loading