menu-MENAmenu-MENA
الرئيسيةالأسعارالمدونةتواصل معناابدأ الآن
قائمة عامة بشكل العرض الافتراضي: أسماء الأقسام بالأزرق مع خط قصير تحتها، والمقبلات والأطباق الرئيسية ظاهرة كبطاقات فيها اسم الصنف ووصفه وسعره وعلامة خضراء نباتي صرف

كلاسيكي ولا افتراضي ولا حديث: تختار شكل قائمتك إزاي

تصميم القائمة

بقلم فريق menu-MENA

نُشر في 29 أغسطس 2026


افتح صفحة إعدادات الثيم في لوحة التحكم بتاعتك وهتلاقي تلات كروت: افتراضي وكلاسيكي وحديث. كل كارت فيه معاينة مصغّرة حية مبنية على قائمتك الحقيقية، واختيار شكل مختلف مش بيغيّر أي حاجة في بياناتك. نفس الأقسام، نفس الأصناف، نفس الأسعار، نفس الصور. اللي بيتغيّر هو إزاي الزبون بيقرا كل ده على موبايله.

الثلاثة مش مجرد اختلاف ألوان على نفس التصميم. هم مكونات منفصلة تماماً، والفروق دي حقيقية لما تشوف إزاي كل واحد فيهم بيعرض القسم فعلياً.

الافتراضي: الشكل اللي كل حساب جديد بيبدأ بيه

الافتراضي هو اللي حساب menu-MENA الجديد بيفتح عليه قبل ما حد يلمس إعدادات الثيم. هو شبكة بطاقات: كل صنف بياخد بطاقة فيها صورته فوق (لو عنده صورة)، وتحتها الاسم والوصف والسعر. اسم القسم بياخد خط قصير ملوّن تحته، بلون براندك الأساسي، وده التوقيع البصري الوحيد اللي مميز للشكل ده تحديداً. البطاقات بترتفع شوية لما تحوّم عليها بالماوس. وهو أعرض الثلاثة، متصمم عشان ياخد مساحة كويسة على تابلت أو موبايل بشاشة كبيرة.

في لوحة التحكم، الوصف الرسمي بتاع الافتراضي بيتكلم عن تخطيط عمودين وتأثيرات تمرير، وده وصف دقيق فعلاً لللي إنت شايفه: قائمة متصممة للتصفح البصري، الصورة الأول.

الكلاسيكي: مبني يقرا زي القائمة المطبوعة

الكلاسيكي شكله مختلف تماماً عن التانيين افتراضياً. بدل البطاقات، الأصناف بتظهر كقائمة نصية بسيطة: الاسم على جنب، خط منقط، والسعر على الجنب التاني، بالظبط زي القائمة الورقية في مطعم عادي. مفيش مكان صورة مطلوب، والأقسام بتاخد خط فاصل بسيط بدل الخط الملوّن، والتصميم كله في عمود أضيق من الافتراضي أو الحديث، أقرب لسطر قراية واحد من عرض بطاقات.

العمود الأضيق ده، اللي بيدي الأولوية للنص، هو بالظبط سبب إن الكلاسيكي اختيار أفضل للقوائم اللي مفيهاش صور كتير، أو لأقسام زي قائمة المشروبات أو الشيشة اللي صورة كل كوباية أو أراجيلة مش هتضيف حاجة. لو فعّلت مبدّل طريقة العرض (من إعدادات الثيم، تحت إعدادات القائمة العامة)، الزبون بياخد ثلاث أيقونات يبدّل بيها الكثافة بنفسه. في الكلاسيكي، المبدّل ده بيعمل حاجة فعلياً: اختيار مضغوط أو متوسط بيحوّل القائمة المنقطة لشبكة بطاقات صغيرة، واختيار قائمة بيرجّعها للشكل الورقي. في الافتراضي والحديث، نفس المبدّل بيظهر بس مفيش أي تغيير مرئي، لأن الاتنين ثابتين على شكل الشبكة مهما الزبون دوس فين.

حاجة صريحة تستاهل تعرفها قبل ما تختار الكلاسيكي لقائمة معظمها عربي: علامة نفاد الصنف فيه مكتوبة SOLD OUT بالإنجليزي بشكل ثابت، سواء في وضع القائمة أو الشبكة. الافتراضي والحديث الاتنين بيبدّلوا العلامة دي تلقائياً لكلمة انتهى لما الصفحة تكون بالعربي. تفصيلة صغيرة، بس لو زباينك بيقروا القائمة بالعربي في الغالب، دي النقطة الوحيدة اللي الكلاسيكي مش بيترجمها بالكامل.

الحديث: نفس الشبكة، بس بمساحة أوسع

الحديث بياخد نفس فكرة الافتراضي الأساسية (شبكة بطاقات فيها صور)، بس حاسس بيه مختلف تماماً لما تحط الاتنين جنب بعض. الزوايا أكتر استدارة، البطاقات مسافاتها الداخلية أوسع، وعناوين الأقسام بتستخدم تباعد حروف أضيق شوية بيدّي إحساس قائمة راقية أكتر من قائمة عرض عادية. مفيش خط ملوّن تحت اسم القسم هنا، وده بيخلي الصفحة أهدأ ويحط التركيز على الصور بدل ما يشتت العين.

التفصيلة اللي بتوري اهتمام حقيقي هي طريقة التمرير: الحديث بيرفع البطاقة ويضيفلها ظل بس في الأجهزة اللي فيها مؤشر حقيقي زي الماوس، باستخدام فحص hover: hover. على الموبايل، اللمسة مش بتسيب البطاقة عالقة في وضع "التمرير" زي ما بيحصل في مواقع تانية، لأن الحديث أصلاً مش بيطبّق الحالة دي على اللمس. تفصيلة صغيرة لإزعاج معظم الزباين مش بيلاحظوه بوعي، بس أكيد هيلاحظوا لو كان موجود.

علامة نفاد الصنف في الحديث، زي الافتراضي بالظبط، بتترجم لـ انتهى تلقائياً، فده مش عامل فرق بينهم لو بتختار بين الاتنين.

إيه اللي مش بيتغيّر مهما اخترت

علامات الحساسية والمكونات الغذائية، أزرار نفاد الصنف، شريط البحث، تابات الأقسام، مسافات الأقسام الفرعية، وسلة الطلب اللي بتوصل للواتساب، كل ده شغال بنفس الطريقة بالظبط في الافتراضي والكلاسيكي والحديث، لأنهم مبنيين من نفس القطع المشتركة تحت الثلاث أشكال. تبديل شكل العرض قرار بصري بحت. مش بيلمس طريقة إرسال الطلبات، ولا طريقة تصنيف الأصناف، ولا اختفاء الصنف اللي خلص من غير ما تلمس حاجة.

التبديل بضغطة واحدة

بما إن ده كله مش بيلمس بياناتك الأساسية، مفيش خسارة حقيقية إنك تجرب الثلاثة قبل ما تستقر على واحد. افتح إعدادات الثيم، دوس معاينة على أي كارت عشان تشوفه بقائمتك الحقيقية، ودوس تحديد لما ترتاح له. لو قائمتك معتمدة على الصور، ابدأ بالافتراضي أو الحديث. لو معظمها نص وأسعار، أو عايز إحساس القائمة المطبوعة، الكلاسيكي يستاهل تجربة قبل ما تفترض إنك محتاج صورة لكل صنف.

لو الثلاث قوالب دول ولا واحد فيهم مظبوط بالظبط زي اللي في بالك، Template Builder بيدّيك تحكم أوسع، تقدر تعدّل المسافات والخطوط وتركيب الصفحة نفسه أكتر من اللي الثلاثة دول بيقدموه جاهز.

الأسئلة الشائعة

لأ. شكل العرض بيتحكم بس في طريقة عرض الأصناف. الأقسام والأصناف والأسعار والصور والعلامات كلها بتفضل زي ما هي بالظبط. التبديل من إعدادات الثيم بيتطبق فوراً، وترجع للشكل القديم بنفس السهولة.

لأ. الصنف اللي مفيهوش صورة، بطاقته بتوري الاسم والوصف والسعر من غير مكان فاضي للصورة. بس لو معظم قائمتك من غير صور، شكل القائمة الكلاسيكي مش هيسيبلك فراغات مكان صور مش موجودة.

خاصية اختيارية، تحت قسم إعدادات القائمة العامة، بتضيف ثلاث أيقونات لقائمتك المباشرة عشان الزبون يبدّل كثافة العرض بنفسه. بتغيّر شكل القائمة فعلياً بس في الكلاسيكي، اللي بيتبدّل بين القايمة المنقطة وبطاقات مصغّرة. الافتراضي والحديث بيفضلوا شبكة بطاقات دايماً، فالمبدّل بيظهر بس مش بيغيّر شكلهم.

الثلاثة بيتظبطوا صح مع اتجاه الكتابة من اليمين لليسار. حاجة واحدة تستاهل تعرفها: في الكلاسيكي، علامة نفاد الصنف بتفضل مكتوبة SOLD OUT بالإنجليزي حتى في القائمة العربية. الافتراضي والحديث بيبدّلوها تلقائياً لكلمة انتهى.

أيوه. في إعدادات الثيم، كل واحد من الثلاث كروت فيه زرار معاينة بيفتحلك الشكل بأصنافك الحقيقية قبل ما تضغط تحديد وتأكد عليه.

مش شرط. الافتراضي والكلاسيكي والحديث الثلاثة بيقروا ألوان براندك المحفوظة، فبتاخد شكل متناسق من غير ما تلمس حاجة تانية. لو عايز تغيّر المسافات أو الخطوط أو تركيب الصفحة نفسه أكتر من اللي الثلاث قوالب دول بيقدموه، وقتها Template Builder هو اللي معمول لده.