تنظيم كتالوج منتجات صغير: البيانات والخيارات والصور

يبدأ تنظيم كتالوج المنتجات بتحديد ما سيختاره العميل، ثم جمع المعلومات التي يحتاجها للمقارنة والطلب. فالكتالوج يجمع بيانات منظمة، وليس صورًا وأسماء متجاورة فقط. سنطبق الفكرة على مجموعة دفاتر افتراضية، ونجهز محتواها قبل اختيار الألوان والخطوط أو توزيع الصفحات. [١]

الخلاصة السريعة

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

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

حدد وظيفة الكتالوج وحدود المجموعة

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

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

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

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

أنشئ بطاقة بيانات قبل بطاقة التصميم

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

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

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

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

راجع تركيبات الخيارات واحدة واحدة

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

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

المقاس	اللون	ضمن المثال؟
صغير	كحلي	نعم
صغير	رملي	نعم
صغير	أخضر	لا
كبير	كحلي	نعم
كبير	رملي	لا
كبير	أخضر	نعم

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

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

اختر ترتيبًا يخدم المقارنة

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

لنجرب في مجموعتنا ترتيبين. الأول يضع الدفاتر الصغيرة معًا ثم الكبيرة؛ ويسهل فيه على من اختار المقاس رؤية ألوانه. والثاني يضع الكحلي أولًا بمقاسيه، ثم الرملي والأخضر؛ ويفيد سؤالًا يبدأ باللون. لا يوجد في البيانات التي اخترعناها ما يثبت تفضيل العملاء لأحدهما، لذلك نختار ترتيب المقاس بوصفه قرارًا تحريريًا للنسخة الأولى ثم نراجعه بالتجربة.

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

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

اربط الصور بالبطاقات المقصودة

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

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

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

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

اختبر صفحة نموذجية قبل تعميمها

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

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

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

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

ضع طريقة واضحة للتحديث والتسليم

توصي شوبيفاي بمرجع موحد لبيانات المنتجات، مع مراجعة اتساقها عبر قنوات العرض. فعندما تتوزع المعلومات بين ملفات مستقلة، قد يصعب معرفة أي نسخة يعتمد عليها الفريق عند ظهور اختلاف. حدد المرجع الذي يبدأ منه التعديل، ثم راجع المواضع التي تستخدم البيانات المتغيرة. [٢]

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

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

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

المصادر ومتابعة القراءة

أُعدّ هذا المقال بصياغة عربية أصلية بالاستناد إلى المصادر أعلاه، وهو مدخل تمهيدي إلى الموضوع. اقرأ منهجية المحتوى وحدوده.