تخطَّ إلى المحتوى
كل الأعمال
واجهات عربية RTL · الجوّال2025

قوائم رقمية عربية

واجهتا قائمة رقمية عربية (RTL) بمنهج الجوّال أولًا — تنقّل بين التصنيفات وبنية متجاوبة ووضوح قراءة على الهاتف.

نظرة عامة

المشاريع
مطعم أبو رمانة · Finzione
النوع
قوائم رقمية · واجهات RTL بمنهج الجوّال أولًا
الدور
مطوّر ووردبريس / منفّذ واجهات · مطوّر واجهات أمامية
السنة
2025
التقنيات
WordPress · HTML · CSS · RTL · تصميم متجاوب
الموقع
aburumanah.com/menu · finzione.innovo.sa
قوائم رقمية عربية — لقطة من الموقع
aburumanah.com/menu
Finzione — لقطة من الموقع
finzione.innovo.sa

لقطة من الموقع الحيّ بتاريخ

01

السياق

القائمة الرقمية تُقرأ وقوفًا، على هاتف، في ثوانٍ. وهذا هو قيد التصميم بأكمله.

واجهتا قائمة لمطعمين، كلتاهما عربية وكلتاهما بمنهج الجوّال أولًا. القائمة من الواجهات النادرة التي يمكنك فيها افتراض الجهاز ووضعية القارئ ونيّته — ما يجعل التصميم لغير ذلك خطأً.

تُعرضان معًا لأنهما تحلّان المشكلة نفسها بالقيود نفسها: العربية RTL، والتنقّل بين التصنيفات، ووضوح القراءة على شاشة صغيرة.

02

التحدّي

الـ RTL اتجاه تخطيط لا ترجمة.

كثير من الواجهات العربية تُبنى بترجمة النص وترك التخطيط في اتجاهه الخاطئ. فالمحاذاة وترتيب القراءة والأيقونات الاتجاهية والتنقّل يجب أن تنعكس معه، وإلا بدت النتيجة قالبًا أجنبيًا.

يُضاف إلى ذلك أن القوائم طويلة. والتنقّل بين التصنيفات يجب أن يتيح الوصول إلى قسم دون المرور بكل ما فوقه.

03

دوري

مطعم أبو رمانة
تنفيذ قائمة رقمية عربية (RTL) بمنهج الجوّال أولًا وصفحات سياسات، ببنية نظيفة متجاوبة مهيّأة للتصفّح على الهاتف.
Finzione
بناء واجهة قائمة رقمية بمنهج الجوّال أولًا مع دعم RTL وتنقّل بين التصنيفات وبنية بصرية سهلة.
04

المنهج

  1. 01

    البدء من 375 بكسل

    الهاتف هو الحالة الأساسية، لذا يُصمَّم تخطيط الهاتف أولًا وتتبعه التخطيطات الأوسع.

  2. 02

    الاتجاه أولًا

    التعامل مع RTL كقرار بنيوي منذ البداية، لتكون المحاذاة وترتيب القراءة صحيحة لا مُرقَّعة.

  3. 03

    التنقّل بالتصنيف

    تنقّل بين التصنيفات لتبقى القائمة الطويلة في المتناول دون تمرير لا ينتهي.

  4. 04

    الحفاظ على الوضوح

    ضبط الخط والتباعد والتجميع لقراءة قائمة بسرعة لا لدراسة صفحة.

05

العمل التقني

تنفيذ العربية RTL
تنفيذ تخطيط من اليمين لليسار بشكل صحيح — المحاذاة وترتيب القراءة والعناصر الاتجاهية، لا عكسًا لاحقًا.
بنية الجوّال أولًا
بناء التخطيط من أصغر نقطة توقّف صعودًا، وهو الترتيب الصحيح حين يكون الهاتف هو الجهاز الفعلي.
التنقّل بين التصنيفات
تنقّل بين أقسام القائمة مبني لتبقى القائمة الطويلة قابلة للاستخدام.
التنفيذ المتجاوب
HTML وCSS داخل ووردبريس، مفحوصة عبر عروض الأجهزة.
الصفحات المساندة
تنفيذ صفحات السياسات بالبنية المتجاوبة نفسها لمطعم أبو رمانة.
06

الواجهة وتجربة الاستخدام

مقروءة على بُعد ذراع
تجميع عناصر القائمة وتباعدها للمسح السريع، مع تسلسل يحمله الخط لا الصناديق.
عربية تُقرأ كعربية
الواجهة مُخطَّطة لقارئ عربي لا مُترجَمة إليه.
بلا تطبيق
قائمة ويب تُفتح فورًا أجدى من تطبيق لا يثبّته أحد وهو جالس إلى طاولة.
07

النتيجة

  • تسليم قائمة رقمية عربية (RTL) بمنهج الجوّال أولًا وصفحات سياسات لمطعم أبو رمانة.
  • تسليم واجهة قائمة رقمية بمنهج الجوّال أولًا مع دعم RTL وتنقّل بين التصنيفات لـ Finzione.
  • كلاهما سُلّم كتنفيذ متجاوب مهيّأ للتصفّح على الهاتف.
معرض
الجوّالرسم توضيحي
بنية قائمة RTL مع التنقّل بين التصنيفات — رسم توضيحي. رسم توضيحي: قائمة جوّال من اليمين لليسار مع شريط تصنيفات وصفوف عناصر.
تفصيلرسم توضيحي
ترتيب القراءة والمحاذاة في وضع RTL — رسم توضيحي. رسم توضيحي: قائمة جوّال من اليمين لليسار مع شريط تصنيفات وصفوف عناصر.

الرسوم في هذه الصفحة مخطّطات رُسمت لهذا الملف، وليست لقطات شاشة من القوائم الحقيقية.

التواصل

لديك موقع أو متجر يحتاج أن يعمل بشكل أفضل؟

أخبرني بما يحدث وفي أي صفحة. فالتشخيص وحده مُخرَج أول مفيد.

أقرأ كل رسالة بنفسي وأردّ خلال يوم عمل — غالبًا بسؤال أو اثنين أولًا، لأن أي نطاق يستحق تسعيرة يحتاج إجابتهما.

متاح للعمل عن بُعد بما يتوافق مع توقيت EST
مصطفى نوح — صورة شخصية

مصطفى نوح

مطوّر ويب متكامل وبانٍ للمنتجات

الموقع الجغرافي
مصر · عن بُعد