Mobile App Development

Arabic App Localisation: How to Build RTL Apps for the UAE

How to localise an app for Arabic and English in the UAE: right-to-left layout, typography, content, numbers, testing and common mistakes.

Rahul Mathur · 5 min read
Illustration of a smartphone showing an app interface for the article: Arabic App Localisation: How to Build RTL Apps for the UAE
In this article
  1. Key takeaways
  2. Localisation is more than translation
  3. Right-to-left layout: what changes
  4. Arabic typography
  5. Numbers, dates and currency
  6. Writing for Arabic users
  7. Images and cultural fit
  8. Language switching, input and search
  9. Testing a bilingual app
  10. Cost and effort
  11. Localisation checklist

Arabic app localisation is one of the most important and most underestimated parts of building an app for the UAE. Your users speak Arabic, English and many other languages, often switching between them in the same day, and an app that feels natural in both wins trust quickly. Localisation is not just translation. It changes layout, typography, numbers, tone and testing. This guide explains what to plan for, so you avoid expensive rework after launch.

Key takeaways

  • Plan Arabic and English from the first design. Adding right-to-left support later costs far more than building it in.
  • Right-to-left (RTL) means more than flipping text. Layouts, navigation, icons with direction and animations need to mirror.
  • Use professional Arabic writers and test on real devices. Machine translation and unchecked layouts show immediately.
  • Both Flutter and React Native support RTL layouts, so you can build one codebase for iOS and Android.

Localisation is more than translation

Translation converts words from one language to another. Localisation adapts the whole experience for a language and culture. For Arabic, that includes reading direction, how numbers and dates are shown, the tone of the writing, imagery, and even which features matter. A well-localised app feels like it was designed for Arabic readers, not translated for them.

What a mobile app costs by complexity (USD)
Basic app$5.4k to $7.2kMedium app$9k to $14.4kAdvanced app$14.4k and up$0k$5k$10k$15k$20k

Source: Arka Softwares indicative pricing. Single platform, excluding VAT.

Right-to-left layout: what changes

Arabic is read from right to left, so the whole interface should mirror. Users scan screens from the right, and an interface that does not mirror feels awkward and unprofessional.

  • Screen layout. Content that sits on the left in English moves to the right in Arabic, and vice versa.
  • Navigation. Back buttons, menus and tab order mirror. The "back" arrow points right in RTL.
  • Icons with direction. Arrows, progress indicators and sliders mirror. Icons that show real objects, such as a phone or a clock, usually do not.
  • Animations. Slide-in and swipe gestures follow the reading direction.
  • Forms and lists. Labels, input alignment and list items align to the right.
  • What does not mirror. Media controls such as play and pause, charts with time on the horizontal axis in many cases, and logos usually stay the same.

Arabic typography

Arabic letters join and change shape, so typography needs care.

  • Choose a font that supports both scripts and looks good at small sizes. Test it in your real screens.
  • Allow more line height. Arabic has tall and low marks, and tight spacing makes text hard to read.
  • Do not add letter spacing. It breaks the connection between letters.
  • Avoid italics and heavy text effects. Arabic has no true italic, and artificial slanting looks wrong.
  • Check text length. Arabic and English take different amounts of space, so buttons and labels must have room to grow.

Numbers, dates and currency

Decide how to show numbers and keep to it. Many UAE apps use Western digits (0 to 9) in both languages for clarity, while others show Arabic-Indic digits in Arabic. Test the choice with your audience. Dates may use the Gregorian calendar, and some products also show the Hijri date, which matters for religious occasions. For prices, show the currency clearly, such as AED, and make sure the symbol and number order read correctly in both directions.

Writing for Arabic users

  • Use professional Arabic writers, not machine translation, and have a native speaker review the screens in context.
  • Choose the right register. Modern Standard Arabic is understood across the region. A friendlier, conversational tone suits some products, but keep it clear for a mixed audience.
  • Be careful with humour and idioms, which rarely translate well.
  • Keep the two languages in step. Update both versions together, so users in either language see the same features and prices.

Images and cultural fit

Pictures should look natural to your audience. Use photographs and illustrations that reflect the people and settings of the region, and avoid imagery that could cause offence. If your app offers seasonal features, consider Ramadan hours, prayer times where relevant and local holidays. These details show respect and increase trust.

  • Let users choose. Offer a clear language switch in settings and remember the choice.
  • Handle mixed content. Names, addresses and brands often mix Arabic and English in one line, so test how text flows.
  • Support Arabic keyboards and input. Make sure forms accept Arabic characters and validate phone numbers and addresses correctly.
  • Make search work in Arabic. Good search handles spelling variations and different ways of writing the same word.
  • Localise notifications and emails in the user's chosen language.

Testing a bilingual app

  • Test every screen in both languages on real iPhone and Android devices.
  • Look for clipped text, overlapping elements and icons that point the wrong way.
  • Test with long Arabic and English strings, and with mixed-direction text.
  • Run the key journeys, such as sign-up and checkout, fully in Arabic.
  • Ask native Arabic speakers who are not part of the project to use the app and report anything that feels off.

Cost and effort

Designing for RTL from the start adds a modest amount of design and testing effort. Adding it to a finished English-only app costs much more, because layouts, assets and code need rework. Professional translation and review are extra, and they grow with the amount of content. Our indicative prices for a basic app start at USD 5,400 and bilingual design is part of how we scope. See our mobile app cost guide for Dubai for budgeting.

How long the build takes
Basic app2 to 3 monthsMedium app3 to 5 monthsAdvanced app5 months or more0m2m4m6m8m10m

Source: Arka Softwares typical timelines, from kick-off to launch. Scope changes the timeline.

Localisation checklist

  • Arabic and English are in the first designs, not added later.
  • Layouts, navigation and directional icons mirror correctly.
  • Fonts support both scripts and have enough line height.
  • Numbers, dates and currency are consistent and clear.
  • Arabic copy is written and reviewed by native speakers.
  • Notifications, emails and store listings are localised.
  • Every key journey has been tested in Arabic on real devices.

Both frameworks used for cross-platform apps handle RTL well. Compare them in our guide to Flutter vs React Native for UAE businesses, or see our Flutter and React Native services.

For the full picture, read our complete guide to mobile app development in UAE. When you are ready, see our mobile app development services in Dubai or book a free consultation.

Frequently asked questions

Do I need an Arabic version of my app in the UAE?

Most UAE apps benefit from Arabic and English. Designing for both from the start costs much less than adding Arabic later.

What is RTL in app design?

RTL means right-to-left. It describes mirrored layouts, navigation and icons so the app reads naturally in Arabic.

Can Flutter and React Native support Arabic?

Yes. Both support right-to-left layouts, Arabic fonts and translated content. Quality depends on careful design and testing.

Is machine translation good enough for an app?

No. Machine translation often produces wrong or awkward text. Use professional Arabic writers and have native speakers review the screens in context.

Should I use Arabic or Western numerals?

Both are used in the UAE. Many apps use Western digits for clarity. Test with your audience and stay consistent.

How do I test an Arabic app?

Test every screen on real devices in both languages, check for clipped text and wrong-direction icons, and have native speakers run the key journeys.

Let’s build something great together!

Just take one step forward and we can build history.

0 + 0 =
(Max 10MB)