تصميم متجر سلة

متاجر سلة تفشل عند الشاشات الأربع نفسها

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

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

لماذا يجب أن تُشكّل المنصة التصميم

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

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

العربية هي التخطيط، لا ترجمة لتخطيط آخر

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

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

الهاتف هو المتجر

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

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

ماذا يحدث بعد التسليم

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

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