Telenav Arabic Navigation

Rebuilding GM’s in-car navigation right to left so Arabic drivers could read it at a glance.

Automotive Navigation · In-Car Software · UAE

·

Telenav

Scroll to explore

var(--variable-lVkmgb23s)

Telenav Arabic Navigation

Rebuilding GM’s in-car navigation right to left so Arabic drivers could read it at a glance.

Automotive Navigation · In-Car Software · UAE

·

Telenav

Scroll to explore

var(--variable-lVkmgb23s)

Scroll to explore

Telenav Arabic Navigation

Rebuilding GM’s in-car navigation right to left so Arabic drivers could read it at a glance.

Automotive Navigation · In-Car Software · UAE

·

Telenav

var(--variable-lVkmgb23s)

Telenav Arabic Navigation

Rebuilding GM’s in-car navigation right to left so Arabic drivers could read it at a glance.

Automotive Navigation · In-Car Software · UAE

·

Telenav

Scroll to explore

var(--variable-lVkmgb23s)

PROJECT OVERVIEW

I rebuilt Telenav’s Arabic in-car navigation right to left: mirrored layouts, Arabic type and digits, a new icon set, and written rules engineers could build from. It relaunched in GM cars across the Middle East from model year 2018.

CLIENT

Telenav

MY ROLE

Design Lead, via Plexable

SCOPE

RTL research, Arabic typography and digit rules, mirrored layouts and controls, category icon set, interface design across search and guidance, written UI behaviour rules for engineers, driver testing support, and a competitor benchmark

VALIDATION

Tested with drivers in Dubai; 23 issues found, 4 of them high severity

TIMELINE

2015 - 2017

TEAM

Delivered through Plexable with Telenav’s product team; UX research led by Maher Jilani

The context

Telenav builds the navigation inside GM cars. Its Arabic version was already on the road in the Gulf, but parts of it still read left to right and many labels had been translated word for word.

Telenav asked for a complete Arabic version: every screen rebuilt right to left with the correct Arabic type, new category icons, and written rules engineers could build from. Between 2015 and 2017 I did that across both of its systems, Denali and ARP, supported the driver testing run in Dubai, and joined a carmaker meeting as Telenav's Middle East localization expert.

My responsibility

My job was to make the Arabic build feel native rather than corrected, across both of Telenav's systems. That meant treating reading direction as a system rule instead of a per-screen fix, and writing it down so engineers could apply it without me in the room.

Maher Jilani led the UX research track, including the driver testing in Dubai and the report that came out of it. I turned its findings into design changes.

The turning point was a question of scope. Telenav had an Arabic build on the road and wanted it corrected. What the screens actually showed was that reading direction had been applied as a translation rather than as a rule.

Telenav's own 2014 tests in California showed drivers liked the English version, so the bar was already set. I argued that matching it meant a rebuild, not another pass over the labels.

01

What I owned

I owned the Arabic design across both systems, Denali and ARP: the mirroring rules, Arabic typography and digit handling, the category icon set, every screen from search and place details through turn guidance, junction views and the instrument cluster, and the written text-behaviour rules engineers built from.

01

What I owned

I owned the Arabic design across both systems, Denali and ARP: the mirroring rules, Arabic typography and digit handling, the category icon set, every screen from search and place details through turn guidance, junction views and the instrument cluster, and the written text-behaviour rules engineers built from.

02

How I led

I kept the argument on evidence rather than taste. The Dubai report gave every recommendation a severity and a fix, so the decisions became which problem to solve first instead of whose opinion won. I also represented the work directly, sitting in a carmaker meeting as Telenav's Middle East localization expert.

02

How I led

I kept the argument on evidence rather than taste. The Dubai report gave every recommendation a severity and a fix, so the decisions became which problem to solve first instead of whose opinion won. I also represented the work directly, sitting in a carmaker meeting as Telenav's Middle East localization expert.

CONSTRAINTS & TRADE-OFFS

Three things were fixed before I started. The product was already shipping in cars. The English version was the benchmark drivers liked. And Arabic brings its own behaviour: longer words, two styles of digits, and a different address order.

01

The constraint

Nothing could start from scratch. Every change had to work inside a live product and survive a driver glancing at a screen at speed, which ruled out anything that added a step or a second of reading.

01

The constraint

Nothing could start from scratch. Every change had to work inside a live product and survive a driver glancing at a screen at speed, which ruled out anything that added a step or a second of reading.

02

The trade-off

I kept Telenav's palette exactly as it was so the Arabic build still read as the same product, and chose Noto Naskh Arabic because it is widely used in the region and sits well beside Roboto rather than because it was the most distinctive option. On digits I picked one style per screen and held to it, instead of letting Arabic and Hindi numerals appear together.

02

The trade-off

I kept Telenav's palette exactly as it was so the Arabic build still read as the same product, and chose Noto Naskh Arabic because it is widely used in the region and sits well beside Roboto rather than because it was the most distinctive option. On digits I picked one style per screen and held to it, instead of letting Arabic and Hindi numerals appear together.

● RESEARCH & CONTEXT

The research changed what we were building

Testing with drivers turned opinion into a list, and three problems came back hardest. Parts of the Arabic build still ran left to right, which made the route hard to follow; that was rated the most serious issue. Some labels had been translated word for word instead of by meaning, and a few were still in English. Arabic and Hindi digits appeared side by side, where drivers needed one style used everywhere.

Those three set the order of the work: reading direction first, then language, then numerals.

● PRODUCT DECISIONS

Three tracks that turned a translation into a rebuild

01

RTL research first

A study of mirroring, Arabic type, word length, digits, address order and local road signs, plus a review of the region’s biggest Arabic apps.

01

RTL research first

A study of mirroring, Arabic type, word length, digits, address order and local road signs, plus a review of the region’s biggest Arabic apps.

02

Testing on Dubai roads

Two UX experts reviewed the Arabic system and tested it with drivers in Dubai. The report listed 23 issues, 4 of them high severity, each with a fix.

02

Testing on Dubai roads

Two UX experts reviewed the Arabic system and tested it with drivers in Dubai. The report listed 23 issues, 4 of them high severity, each with a fix.

03

Benchmarking a rival

In 2017 we drove a competing in-car system around Dubai with four Arabic-speaking drivers, then showed how Telenav’s design solved its biggest problem.

03

Benchmarking a rival

In 2017 we drove a competing in-car system around Dubai with four Arabic-speaking drivers, then showed how Telenav’s design solved its biggest problem.

● PRODUCT ARCHITECTURE

The blueprint and evolution

The system was flipped as a whole rather than screen by screen. Layout first: text, lists and numbers read from the right, and scroll bars moved to the right side with them. Then controls: back and close swapped places, and any arrow that points a direction was redrawn instead of mirrored.

Those rules held across both products, Denali and ARP, and across every screen family: search and auto-suggest, place categories and details, route overview and turn lists, junction views, and the instrument cluster.

● PROCESS & EVIDENCE

Everything was written down as it went. The RTL study became the reference for how Arabic behaves on screen: how far words run before they truncate, which digit style to use, what order an address reads in, and how local road signs are set.

The Dubai sessions became a 49-page report, each of the 23 issues carrying a severity and a fix. The 2017 benchmark was recorded the same way, as a side-by-side a product team could act on rather than a set of impressions.

01.

Right to left, all the way

I mirrored more than the text: back and close buttons, lists, scroll bars and turn arrows.

04.

Arabic search and suggestions

Search, auto-suggest and the Arabic keyboard were designed together, so drivers find a place in a few taps.

02.

Arabic that reads naturally

Words chosen by meaning instead of word for word, one style of digits per screen, and a typeface sized for Arabic.

05.

Guidance that reads right to left

Turn cards, lane guidance, junction views and the instrument cluster, all laid out for Arabic.

03.

Less thinking at the wheel

Every decision aimed to cut the time a driver spends reading the screen.

06.

Rules engineers could build from

Written text-behaviour rules: how Arabic wraps, shortens and sits next to numbers in each component.

01.

Right to left, all the way

I mirrored more than the text: back and close buttons, lists, scroll bars and turn arrows.

03.

Less thinking at the wheel

Every decision aimed to cut the time a driver spends reading the screen.

05.

Guidance that reads right to left

Turn cards, lane guidance, junction views and the instrument cluster, all laid out for Arabic.

02.

Arabic that reads naturally

Words chosen by meaning instead of word for word, one style of digits per screen, and a typeface sized for Arabic.

04.

Arabic search and suggestions

Search, auto-suggest and the Arabic keyboard were designed together, so drivers find a place in a few taps.

06.

Rules engineers could build from

Written text-behaviour rules: how Arabic wraps, shortens and sits next to numbers in each component.

01.

Right to left, all the way

I mirrored more than the text: back and close buttons, lists, scroll bars and turn arrows.

02.

Arabic that reads naturally

Words chosen by meaning instead of word for word, one style of digits per screen, and a typeface sized for Arabic.

03.

Less thinking at the wheel

Every decision aimed to cut the time a driver spends reading the screen.

04.

Arabic search and suggestions

Search, auto-suggest and the Arabic keyboard were designed together, so drivers find a place in a few taps.

05.

Guidance that reads right to left

Turn cards, lane guidance, junction views and the instrument cluster, all laid out for Arabic.

06.

Rules engineers could build from

Written text-behaviour rules: how Arabic wraps, shortens and sits next to numbers in each component.

01.

Right to left, all the way

I mirrored more than the text: back and close buttons, lists, scroll bars and turn arrows.

03.

Less thinking at the wheel

Every decision aimed to cut the time a driver spends reading the screen.

05.

Guidance that reads right to left

Turn cards, lane guidance, junction views and the instrument cluster, all laid out for Arabic.

02.

Arabic that reads naturally

Words chosen by meaning instead of word for word, one style of digits per screen, and a typeface sized for Arabic.

04.

Arabic search and suggestions

Search, auto-suggest and the Arabic keyboard were designed together, so drivers find a place in a few taps.

06.

Rules engineers could build from

Written text-behaviour rules: how Arabic wraps, shortens and sits next to numbers in each component.

FINAL UI

ABOUT ME

null
null
null
null
null
null
null
null
null
null
null
null
null
null
null

RESEARCH

ABOUT ME

null
null

FINAL UI

ABOUT ME

null
null
null
null
null
null
null
null
null
null
null

RESEARCH

ABOUT ME

null
null

OUTCOMES

What shipped, and where

8

Scopes of work

Two years of work, from the first Arabic study in 2015 to the rival benchmark in 2017.

2

Systems made Arabic

Denali and ARP, both rebuilt right to left with rules engineers could build from.

23

Issues, each with a fix

Found while testing with drivers in Dubai, 4 of them high severity.

WHAT I’D IMPROVE

What changed for drivers

Routes, turn lists and search results all read in the direction Arabic drivers read, so the next move is where the eye already is.

One digit style, labels chosen by meaning, and a typeface sized for Arabic cut the time spent reading the screen.

WHAT I LEARNED

What I would carry forward

A right-to-left build is a design system problem, not a translation task. Flip the layout rules once and every screen follows.

Localization earns its keep in the details nobody lists in the brief: digits, word length, and which way an arrow points.

HIRING A HEAD OF PRODUCT DESIGN?