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


لقطة من الموقع الحيّ بتاريخ
السياق
القائمة الرقمية تُقرأ وقوفًا، على هاتف، في ثوانٍ. وهذا هو قيد التصميم بأكمله.
واجهتا قائمة لمطعمين، كلتاهما عربية وكلتاهما بمنهج الجوّال أولًا. القائمة من الواجهات النادرة التي يمكنك فيها افتراض الجهاز ووضعية القارئ ونيّته — ما يجعل التصميم لغير ذلك خطأً.
تُعرضان معًا لأنهما تحلّان المشكلة نفسها بالقيود نفسها: العربية RTL، والتنقّل بين التصنيفات، ووضوح القراءة على شاشة صغيرة.
التحدّي
الـ RTL اتجاه تخطيط لا ترجمة.
كثير من الواجهات العربية تُبنى بترجمة النص وترك التخطيط في اتجاهه الخاطئ. فالمحاذاة وترتيب القراءة والأيقونات الاتجاهية والتنقّل يجب أن تنعكس معه، وإلا بدت النتيجة قالبًا أجنبيًا.
يُضاف إلى ذلك أن القوائم طويلة. والتنقّل بين التصنيفات يجب أن يتيح الوصول إلى قسم دون المرور بكل ما فوقه.
دوري
- مطعم أبو رمانة
- تنفيذ قائمة رقمية عربية (RTL) بمنهج الجوّال أولًا وصفحات سياسات، ببنية نظيفة متجاوبة مهيّأة للتصفّح على الهاتف.
- Finzione
- بناء واجهة قائمة رقمية بمنهج الجوّال أولًا مع دعم RTL وتنقّل بين التصنيفات وبنية بصرية سهلة.
المنهج
- 01
البدء من 375 بكسل
الهاتف هو الحالة الأساسية، لذا يُصمَّم تخطيط الهاتف أولًا وتتبعه التخطيطات الأوسع.
- 02
الاتجاه أولًا
التعامل مع RTL كقرار بنيوي منذ البداية، لتكون المحاذاة وترتيب القراءة صحيحة لا مُرقَّعة.
- 03
التنقّل بالتصنيف
تنقّل بين التصنيفات لتبقى القائمة الطويلة في المتناول دون تمرير لا ينتهي.
- 04
الحفاظ على الوضوح
ضبط الخط والتباعد والتجميع لقراءة قائمة بسرعة لا لدراسة صفحة.
العمل التقني
- تنفيذ العربية RTL
- تنفيذ تخطيط من اليمين لليسار بشكل صحيح — المحاذاة وترتيب القراءة والعناصر الاتجاهية، لا عكسًا لاحقًا.
- بنية الجوّال أولًا
- بناء التخطيط من أصغر نقطة توقّف صعودًا، وهو الترتيب الصحيح حين يكون الهاتف هو الجهاز الفعلي.
- التنقّل بين التصنيفات
- تنقّل بين أقسام القائمة مبني لتبقى القائمة الطويلة قابلة للاستخدام.
- التنفيذ المتجاوب
- HTML وCSS داخل ووردبريس، مفحوصة عبر عروض الأجهزة.
- الصفحات المساندة
- تنفيذ صفحات السياسات بالبنية المتجاوبة نفسها لمطعم أبو رمانة.
الواجهة وتجربة الاستخدام
- مقروءة على بُعد ذراع
- تجميع عناصر القائمة وتباعدها للمسح السريع، مع تسلسل يحمله الخط لا الصناديق.
- عربية تُقرأ كعربية
- الواجهة مُخطَّطة لقارئ عربي لا مُترجَمة إليه.
- بلا تطبيق
- قائمة ويب تُفتح فورًا أجدى من تطبيق لا يثبّته أحد وهو جالس إلى طاولة.
النتيجة
- تسليم قائمة رقمية عربية (RTL) بمنهج الجوّال أولًا وصفحات سياسات لمطعم أبو رمانة.
- تسليم واجهة قائمة رقمية بمنهج الجوّال أولًا مع دعم RTL وتنقّل بين التصنيفات لـ Finzione.
- كلاهما سُلّم كتنفيذ متجاوب مهيّأ للتصفّح على الهاتف.
خدمات ذات صلة
قوائم رقمية عربية — معرض
الرسوم في هذه الصفحة مخطّطات رُسمت لهذا الملف، وليست لقطات شاشة من القوائم الحقيقية.
لديك موقع أو متجر يحتاج أن يعمل بشكل أفضل؟
أخبرني بما يحدث وفي أي صفحة. فالتشخيص وحده مُخرَج أول مفيد.
أقرأ كل رسالة بنفسي وأردّ خلال يوم عمل — غالبًا بسؤال أو اثنين أولًا، لأن أي نطاق يستحق تسعيرة يحتاج إجابتهما.
مصطفى نوح
مطوّر ويب متكامل وبانٍ للمنتجات
- لينكدإن
- linkedin.com/in/mostafanoah
- الموقع الجغرافي
- مصر · عن بُعد

