Skip to content
Al Khobar, Saudi Arabia

Arabic UX design

Arabic that feels native, not mirrored

A flipped English layout reads as a translation, and users notice. We design right-to-left flows, Arabic typography and interface copy from the start, then test them with people who read Arabic every day.

2 to 3

weeks for an RTL audit and fix plan

2

directions designed and tested together

All

screens reviewed for mixed-direction text

Right-to-left layoutsArabic typographyMixed-direction textNumeral conventionsMirrored iconographyArabic UX writingForm and address patternsHijri and Gregorian datesNative-speaker testingRTL audit report

The direct answer

Arabic UX design is the design of interfaces for people who read right to left. It covers layout direction, Arabic type, number and date conventions, mixed Arabic and Latin text, and the wording of buttons and messages. It fits any product serving Saudi or GCC users, whether you are localizing an English product or designing Arabic first.

Before and after

What this removes.

The Arabic version looks like a translation

Today

Labels were swapped but the layout, icons and tone still follow English conventions.

With the system

Layout, icons and wording follow how Arabic readers scan a page, so the product feels written for them.

Text breaks when Arabic and English mix

Today

Order numbers, brand names and punctuation jump around inside Arabic sentences and confuse users.

With the system

Bidirectional text is handled in the design and the markup, so mixed strings read in the right order.

Fonts look thin or cramped

Today

An English typeface was reused for Arabic, so letters collide and diacritics get clipped.

With the system

An Arabic typeface is chosen and tuned for size, weight and line height, and tested on real devices.

Wrong dates, numbers and addresses

Today

Forms assume Western address and date formats, and users cannot enter a Saudi national address cleanly.

With the system

Forms support Hijri and Gregorian dates, chosen numerals and short-address entry that matches local habits.

What we build

What lands in your hands.

RTL audit

A screen-by-screen review of an existing product with a ranked fix list.

Right-to-left layout design

Mirrored flows, navigation and components, with exceptions called out.

Arabic typography

Typeface selection, size and line-height scales, tested on common phones.

Bidirectional text rules

How mixed Arabic, Latin and number strings are marked up and displayed.

Arabic UX writing

Buttons, errors and empty states written in clear Modern Standard Arabic.

Native-speaker testing

Sessions with Arabic readers to catch what an audit cannot.

In depth

How it works, and what to decide.

What mirroring gets right and what it gets wrong

Mirroring the layout is the right starting point. Reading order, navigation, progress indicators, sliders, back and forward arrows, and the placement of primary actions all reverse. But mirroring is a rule with exceptions. Media controls such as play and rewind usually keep their direction. Charts with a time axis often stay left to right. Phone dials, clocks and many logos do not mirror at all.

We keep a written exceptions list for every product so designers and developers apply the same judgment. Icons need a case-by-case check: a mirrored arrow is correct, a mirrored check mark or a mirrored letter is wrong. The audit stage finds these one by one in your existing screens and gives each fix a priority, so a team with a live product can repair the worst problems before a full redesign.

Bidirectional text, type and numerals

Real Arabic interfaces mix scripts constantly: a customer name in Arabic next to an invoice number, a product code, a URL, or an English brand. Without correct markup these strings reorder themselves and punctuation lands on the wrong side. The fix lives in the code as much as the design: setting the dir attribute, isolating inline Latin runs and testing with realistic data. The W3C Internationalization pages on bidirectional text are our working reference.

Typography needs the same care. Arabic is a joined script with context-dependent letter shapes, so text must never be split by character or truncated in the middle of a word. It needs more vertical space than Latin, and weights that survive small sizes on mid-range Android phones. Numerals are a decision, not a default: Western digits are common in commerce and banking apps, Arabic-Indic digits appear in some official and healthcare contexts. We expose this as a setting, and let the choice follow your audience.

Writing and testing in Arabic

Interface wording is design work. We write in clear Modern Standard Arabic at a Saudi business register, short and direct, avoiding calques from English such as literal translations of button labels. A good test is whether the text could have been written by an Arabic speaker with no English source. We also write error and empty-state messages so they tell the user what to do next, not just what went wrong.

Then we test. A native-speaker usability round of five to eight participants, run in Arabic, finds problems an audit misses: a label that is correct but unnatural, an icon that reads as the opposite of its meaning, a form that asks for information in the wrong order. A typical engagement runs two to three weeks for an audit and fix plan, and four to eight weeks if it includes redesign of the main flows.

The delivery plan

Five stages. You sign off every one.

Read each stage as a small contract: what we need from you, what lands in your hands, and the sentence that has to be true before we move on.

01 / 04

RTL audit

1 week

We review your current screens in Arabic and list every direction, type, text and wording problem by severity.

What you do
  • Give us access to the product or a build
  • Share the analytics for Arabic users
  • Name the flows that matter most
What we deliver
  • A screen-by-screen audit report
  • A ranked fix list
  • A list of mirror exceptions for your product
Exit criteria

We move on when you have agreed which problems are fixed first.

02 / 04

Direction and type design

1 to 2 weeks

We set the RTL layout rules, choose the Arabic typeface and define numeral and date conventions.

What you do
  • Approve the typeface choice
  • Decide numeral and date defaults
  • Confirm the supported devices
What we deliver
  • RTL layout rules for each component
  • An Arabic type scale
  • Bidirectional text guidelines for developers
Exit criteria

We move on when the layout, type and text rules are approved and visible in sample screens.

03 / 04

Screens and Arabic copy

2 to 4 weeks

We redesign the main flows right to left and write the interface copy in Arabic.

What you do
  • Review screens weekly
  • Check terminology with your business team
  • Provide real data for testing
What we deliver
  • High-fidelity RTL screens
  • Arabic interface copy deck
  • An annotated handoff for developers
Exit criteria

We move on when the main flows pass review with real Arabic and mixed-direction data.

04 / 04

Native-speaker validation

1 week

We test the redesigned flows with Arabic readers and fix what the sessions reveal.

What you do
  • Help recruit Arabic-speaking participants
  • Observe a session
  • Approve the final fixes
What we deliver
  • A test findings summary
  • Updated screens and copy
  • A final RTL checklist for future releases
Exit criteria

We move on when participants complete the main tasks in Arabic without confusion over layout or wording.

Buyer questions

Asked before signing.

Is Arabic UX just mirroring the English design?

No. Mirroring handles reading order and navigation, but icons, charts, media controls, mixed Arabic and Latin text, numerals, typography and the wording itself all need separate decisions. A mirrored layout without those still feels like a translation.

Can you fix an existing product that has a poor Arabic version?

Yes. We start with a screen-by-screen audit and a ranked fix list, so you can repair the worst problems first. Many teams fix the main flows in a few weeks and plan a deeper redesign later.

Which Arabic fonts do you use and can they be used commercially?

We select typefaces for legibility at small sizes and for license terms that fit your use in apps and websites. Where an open-license font works well, we use it. We confirm the license before the font enters the design.

Do you write the Arabic interface copy too?

Yes. We write buttons, errors, empty states and onboarding text in clear Modern Standard Arabic at a Saudi business register, and we validate it with native readers. Your team can supply approved terminology, which we follow.

Does this work for both web and mobile apps?

Yes. The same rules apply on web, iOS and Android, with platform differences handled in the design. We specify how each platform's native components behave in right-to-left mode so developers do not have to guess.

Make your product read naturally in Arabic

Send us the product link or a build. We will review the Arabic experience and tell you what to fix first.