تصميم قائمة طعام إلكترونية لمطعمك على الهاتف

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

هذه طريقتنا في تصميم قوائم الطلب للمطاعم وعلامات الطعام اللبنانية ضمن فريق المتاجر الإلكترونية في Voxire: ما يحتاجه الهاتف ولم تحتجه الورقة يومًا، وأي الأطباق تستحق الصورة أولًا، وأين تتجاوز صور الذكاء الاصطناعي الحد.

كيف تصمم قائمة طعام إلكترونية لمطعمك؟

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

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

نتائج Google لعبارة online menu design for restaurants، بحثًا من لبنان بتاريخ 2026-11-02. الصفحة الأولى كلها أدوات لتصميم القوائم المطبوعة وقوائم رمز QR، ولا واحدة منها مصممة للطلب من الهاتف.

كيف تعمل أقسام قائمة الطعام على الهاتف؟

ثبّت الأقسام حيث يصل إليها الإبهام، وأبقِها ظاهرة طوال تمرير الزبون. في 1,333 ملاحظة ميدانية أجراها ستيفن هوبر لاستخدام الهاتف في الشارع، أمسك 49 بالمئة ممن يلمسون الشاشة الهاتف بيد واحدة، وحمله 36 بالمئة بين اليدين، واستخدم 15 بالمئة اليدين معًا. صمّم لإبهام واحد.

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

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

ماذا يعرض كل سطر في قائمة الطعام الإلكترونية؟

يحتاج السطر الواحد إلى اسم الطبق، ووصف من سطر أو سطرين، والسعر، وزر إضافة كبير بما يكفي للإبهام. وكل ما عدا ذلك مكانه صفحة الطبق. تنص إرشادات Apple على أن الزر يحتاج إلى مساحة لمس لا تقل عن 44x44 نقطة، وعلامة الجمع الصغيرة في الزاوية تفشل في هذا الاختبار.

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

المصدر: مركز التعلم لتجار DoorDash، إرشادات Apple لواجهات المستخدم، UXmatters، قُرئ بتاريخ 2026-11-02

هل يحتاج كل طبق في القائمة الإلكترونية إلى صورة؟

لا: صوّر الأطباق الأكثر مبيعًا أولًا، ثم تقدّم نحو نصف القائمة، وهي النقطة التي تقيس عندها DoorDash المكسب. على منصتها، قد يرفع بلوغ تغطية بالصور لا تقل عن 50 بالمئة المبيعات بنسبة 13 بالمئة في المتوسط، وتنصح DoorDash التجار الذين تنقصهم الصور بالبدء بأكثر أصنافهم مبيعًا.

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

هل يجوز استخدام صور طعام مولّدة بالذكاء الاصطناعي في قائمتك؟

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

والفشل علني بالفعل. في 2023 نشر موقع PetaPixel صورًا تبدو مولّدة بالذكاء الاصطناعي على Uber Eats حوّلت كلمة pie في قائمة مطعم بيتزا في نيويورك إلى فطيرة فاكهة، واخترعت علامة تجارية لصلصة سلطة. قالت Uber إنها لا تستخدم الذكاء الاصطناعي لإضافة الصور إلى التطبيق، وقال صاحب المطعم إنه لم يوافق عليها قط. ومنذ 2025 تعرض Uber Eats على التجار صور طعام محسّنة بالذكاء الاصطناعي، ولاحظ موقع Engadget أن الأداة تنشئ أجزاء من الصورة لم تكن موجودة أصلًا.

التعديل أمر مختلف. تتيح أدوات DoorDash تحسين الإضاءة وإزالة الخلفية وإعادة تقديم صورة الطبق الحقيقي الملتقطة بالهاتف على صحن جديد. هذا يبقي الطعام صادقًا. وفي لبنان، تطبّق وزارة الاقتصاد والتجارة قانون حماية المستهلك رقم 659 لعام 2005، ولا سيما المادة 11 المتعلقة بالإعلان الخادع. لسنا محامين، لكن صورة طبق لا تقدّمه يصعب الدفاع عنها بأي وصف آخر. استخدمنا نحن أيضًا صور طعام مولّدة في أحد المشاريع، كبدائل مؤقتة ريثما يُنجز التصوير الحقيقي. وهذا مكانها الصحيح: في المسودة، ثم تُستبدل قبل أن يطلب منها أحد.

كيف تنشئ قائمة طعام إلكترونية لمطعمك؟

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

• تطبيقات التوصيل مثل Toters وTalabat تجلب الطلب، لكن القائمة تتبع قالبها، وتبقى العلاقة مع الزبون لديها.
• أدوات إنشاء القوائم مثل التي تملأ الصفحة الأولى من Google سريعة ورخيصة، وتكفي مقهى من عشرين صنفًا.
• ملف PDF خلف رمز QR هو القائمة الورقية على شاشة صغيرة: تكبير بالأصابع، وتمرير، ثم اتصال للطلب. شرحنا البدائل في دليلنا عن قوائم الطعام الرقمية والطلب عبر رمز QR.
• صفحة الطلب الخاصة بك تكلّف أكثر، وتسترد كلفتها بطلبات مباشرة بلا عمولة. يشرح دليلنا لإعداد الطلب عبر الإنترنت الخطوات.

وفق أسعارنا المنشورة، يكلّف بناء متجر إلكتروني لدى Voxire بين $5,000 و$12,000، بحسب حجم القائمة وعدد الفروع والتكاملات. وإن كان على القائمة أن تدير المطبخ والمخزون والفروع أيضًا، فهذه مهمة RTYLR، منصة المطاعم التي بنيناها. وقبل أن تبني أي شيء، اقرأ سبعة أخطاء ترتكبها المطاعم اللبنانية في الطلب عبر الإنترنت.

ماذا تفعل هذا الأسبوع لقائمة طعامك على الهاتف؟

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

1. احسب الوقت الذي تحتاجه لإضافة طبقك الأكثر مبيعًا إلى السلة، بيد واحدة.
2. اكتب قائمة بأكثر عشرة أطباق مبيعًا، واحجز جلسة تصوير لها أولًا.
3. اكتب وصفًا من سطرين لكل طبق ليس له وصف.
4. احذف أي صورة مولّدة لطبق لا تقدّمه تمامًا كما يظهر فيها.
5. تأكد من أن عرض كل زر إضافة لا يقل عن عرض الإبهام.

المصادر

• DoorDash Merchant learning center: How Menu Quality Helps You Become a DoorDash Most Loved Store، قُرئ بتاريخ 2026-11-02
• Steven Hoober, How Do Users Really Hold Mobile Devices?, UXmatters، قُرئ بتاريخ 2026-11-02
• Nielsen Norman Group: Sticky Headers, five ways to make them better، قُرئ بتاريخ 2026-11-02
• Apple Human Interface Guidelines: Buttons، قُرئ بتاريخ 2026-11-02
• PetaPixel: Uber Eats Allegedly AI-Generating Images of Food، قُرئ بتاريخ 2026-11-02
• Engadget: Uber Eats is stuffing AI slop into your meal، قُرئ بتاريخ 2026-11-02
• Lebanese Ministry of Economy and Trade: announcement on promotional advertising under Law 659/2005، قُرئ بتاريخ 2026-11-02