Colons in UI segmentation
In internationalization, a common usage of the colon :
is as a "segmental colon". Below are some examples of colons used in Apple's Weather app, used in English and in Arabic:
The translations strings would look like this, with the colon segmenting the label and value in the text using string interpolation:
{
"low_temp": "L:{{temp, number}}°",
"high_temp": "H:{{temp, number}}°",
"sunrise_time": "Sunrise: {{time}}",
"sunset_time": "Sunset: {{time}}",
"air_quality_scale": "Scale: {{name}}"
}
Initially I was unsure whether the colon was an appropriate way to segment text for all locales. If it wasn't, it could have implications on how to internationalize user interfaces.
So after browsing through various writing systems on Wikipedia, and switching the language setting in the Weather app for iOS, it appears that the colon is not an unfamiliar concept in several languages. I've not tested all languages, but non-latin writing systems like Japanese, Korean, Chinese, Hindi, Arabic, and Hebrew all seem to use it somewhere.