طراحی فارسی؛ راست‌به‌چپ فقط جهت صفحه نیست

جهت هر بخش را از محتوایش بگیر

عنوان و توضیح فارسی معمولاً راست‌به‌چپ‌اند. نشانی اینترنتی و قطعهٔ کد جهت مستقل می‌خواهند. در طراحی فنی، ویژگی dir و عناصر جداسازی جهت مانند bdi به کنترل متن ترکیبی کمک می‌کنند. برای مقدارهایی که جهتشان از قبل معلوم نیست، جداسازی از متن اطراف مهم است.

یک نام انگلیسی وسط جملهٔ فارسی، عدد منفی، بازهٔ تاریخ و درصد را با دادهٔ واقعی آزمایش کن. یک مثال کوتاه همیشه مشکلات جملهٔ طولانی را نشان نمی‌دهد.

فونت را با متن واقعی بسنج

اندازهٔ یکسان در دو فونت الزاماً خوانایی یکسان نمی‌دهد. توضیح چندخطی، عنوان طولانی و دکمهٔ کوچک را کنار هم ببین. فاصلهٔ خط باید اجازه بدهد چشم بدون گم‌کردن سطر جلو برود.

در موبایل، دکمه را برای جا شدن متن بی‌دلیل کوچک نکن. ابتدا فاصله‌ها و شکستن منطقی سطر را بررسی کن. متن ضروری نباید فقط با هاور یا بریدگی انتهای جمله قابل فهم باشد.

اعداد را به واحد و زمینه وصل کن

عدد بدون واحد ممکن است زیبا اما مبهم باشد. در جدول، واحد را در عنوان ستون یا کنار مقدار نشان بده. برای نمودار، جهت محور باید با نوع داده سازگار باشد؛ صرفاً چون عنوان فارسی است، ترتیب زمانی یا عددی را برعکس نکن.

جداکنندهٔ هزارگان، علامت منفی و اعشار را یکدست نگه دار. برای متن قابل کپی مثل شناسه یا کد، نمایش تزئینی نباید مقدار واقعی را عوض کند.

مسیر خواندن را در صفحه دنبال کن

با صفحه‌کلید از لینک‌ها و دکمه‌ها عبور کن و ببین ترتیب تمرکز با ترتیب دیداری سازگار است یا نه. عنوان‌ها باید ساختار منطقی داشته باشند و کاربر بداند بعد از بستن پنجره به کجا برگشته است.

یک مثال قبل و بعد

این مثال آموزشی را با ورودی واقعی خودت جایگزین کن. هدف، روشن‌کردن چیزی است که باید تحویل بگیری.

یک تمرین برای امروز

سه دادهٔ آزمایشی بساز: یک نام طولانی فارسی، یک ایمیل لاتین و یک مبلغ با واحد تومان. هر سه را در فرم و صفحهٔ نتیجه ببین. سپس با صفحه‌کلید بین فیلدها حرکت کن. ترتیب تمرکز باید با ترتیب منطقی کار هماهنگ باشد. یک پیام خطا را نیز عمداً ایجاد کن تا معلوم شود کاربر چطور راه اصلاح را پیدا می‌کند.