تجربهٔ کاربریِ راست‌چین: پنج اصلِ کاربردی

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

در این یادداشت پنج اصلِ کوچک و کاربردی را می‌نویسم که در ماه‌های گذشته، در حینِ بررسیِ محصول‌های فرستاده‌شده به mahsoolhunt.ir/submit، بارها و بارها به آن‌ها برخورده‌ام. هیچ‌کدام تئوریِ ناب نیستند؛ همه از خطاهایی آمده‌اند که زیاد دیده‌ام و از تصحیح‌هایی که نتیجه داده.

جریانِ نگاه — چشمِ فارسی‌خوان از کجا شروع می‌کند

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

نتیجه؟ کاربر اولین ثانیه را صرفِ پیدا کردنِ هویتِ سایت می‌کند، نه فهمیدنِ محتوا. لوگو، عنوانِ اصلی، و مهم‌ترین CTA باید در ناحیهٔ راستِ بالا یا مرکزِ بالا قرار بگیرند. منوی اصلی از راست به چپ چیده شود و آیتم‌های پرتکرارتر — مثل «صفحهٔ اصلی» یا «محصولات» — در راست‌ترین موقعیت باشند، نه چپ‌ترین.

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

آیکن‌های جهت‌دار — کدام‌ها قرینه می‌شوند، کدام‌ها نه

این بخش جایی است که بیشترین خطاها را می‌بینم. قانونِ کلی ساده است: آیکن‌هایی که جهتِ حرکت یا روایت را نشان می‌دهند، باید قرینه شوند. آیکن‌هایی که شیءِ مستقلِ دنیای واقعی را نشان می‌دهند، نباید.

فلشِ «بازگشت» در راست‌چین رو به راست است، نه چپ. آیکنِ «ارسال پیام» که کاغذِ کاغذی‌اش به سمتی شلیک می‌شود، باید به چپ شلیک کند (چون پیام از راستِ کاربر به سمتِ چپِ مخاطب می‌رود). نوارِ پیشرفت از راست پر می‌شود. breadcrumb از راست به چپ خوانده می‌شود و جداکننده‌اش هم باید جهتش را عوض کند.

اما ساعت، دوربین، چرخ‌دنده، قفل، سطلِ زباله، قلب، ستاره — اینها قرینه نمی‌شوند. یک قلبِ قرینه‌شده هنوز قلب است، فقط مصنوعی به نظر می‌رسد. در عوض، آیکنِ «undo» که یک فلشِ منحنی است، حتماً باید قرینه شود وگرنه به نظر «redo» می‌آید.