
Right to left
Design one desktop product screen in a right-to-left locale. Treat this as a real RTL adaptation, not a simple horizontal flip. Start with a familiar SaaS layout: top bar, side navigation, content area, and a primary action.
The page should read naturally for Arabic, Hebrew, or Persian users. Main navigation belongs on the right, content starts from the right edge, and text alignment follows reading order. Mirror only what needs mirroring: directional icons, breadcrumbs, pagination, steppers, and back/forward actions should all point and progress correctly.
Pay attention to mixed-direction content. Numbers, email addresses, product names, and code snippets may remain left-to-right inside an RTL interface, so the layout needs to hold both directions without collapsing hierarchy or spacing. Forms should keep labels, inputs, helper text, and validation aligned in a way that feels native, not translated.
The result should feel like the product was designed for RTL from the start. A user should be able to scan, navigate, and complete the main task without mentally converting the interface back to left-to-right.
Incorporating a UI for right-to-left languages isn't just about flipping text; it’s about providing a seamless experience by mirroring navigation, icons, and layouts to respect cultural norms.
Better at UI design with every challenge
Select complexity and generate challenge.
Pick a platform.
Get design challenge updates in your inbox
New prompts and challenge updates. It’s free.