كيفية كتابة موارد الصور لتقليل تكلفة الفهم لدى العملاء

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

1. استخدم "دلالات بشرية" في اسم ملف الصورة، وليس رموزًا آلية

تقوم العديد من مواقع الويب بتحميل الملفات مباشرة من الكاميرا (مثل IMG_20240301_1234.jpg أو photo_1.png)، وهذا النوع من التسمية لا معنى له للبحث أو للعميل. عندما يرى العميل اسم الملف في علامة تبويب المتصفح أو أدوات المطور، لا يمكنه تحديد محتوى الصورة. يُقترح:

• استخدام كلمات وصفية قصيرة باللغة العربية أو الإنجليزية لوصف موضوع الصورة، مثل "shouye-banner-gongyi.jpg" أو "chanpin-jieshao-tu01.jpg".
• تجنب استخدام الأرقام البحتة أو التواريخ أو مجموعات الحروف غير ذات المعنى.
• إذا كان الموقع يحتوي على إصدارات متعددة اللغات، يُفضل استخدام كلمات إنجليزية للحفاظ على العالمية.

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

2. اكتب نص ALT كـ "جملة توضيحية"، وليس حشو كلمات مفتاحية

نص ALT هو النص البديل للصورة؛ عندما تفشل الصورة في التحميل أو يستخدم العميل قارئ شاشة، يظهر ALT مباشرة للعميل. العديد من مواقع الشركات تكتب ALT كسلسلة من الكلمات المفتاحية (مثل "شركة، منتج، خدمة، حالة")، ولا يزال العميل لا يعرف ما هي الصورة بالضبط بعد قراءتها. الطريقة الصحيحة هي:

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

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

3. يجب أن يكون تخطيط الصورة ذا "منطق قراءة"، لتجنب الحمل الزائد للمعلومات

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

• مساحة بيضاء كافية: اترك مساحة مناسبة بين حواف الصورة والعناصر الداخلية، لتمنح عين العميل منطقة راحة.
• إبراز النقاط الرئيسية: إذا كانت الصورة مخططًا انسيابيًا أو رسمًا مقارنًا، استخدم الألوان أو التسميك أو الأسهم لتحديد المسار الرئيسي.
• استخدام معتدل للصور المتحركة أو الشرائح الدوارة: الصور المتحركة التلقائية (GIF) أو الشرائح الدوارة قد تجعل العميل لا يستطيع الرؤية بوضوح قبل التبديل، مما يقطع الفهم. إذا كان لا بد من استخدامها، يُقترح إضافة تحكم يدوي أو وقت توقف أطول.

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

4. سرعة تحميل الصورة تؤثر مباشرة على "استمرارية الفهم"

عملية فهم العميل مستمرة؛ إذا ظهر النص على الصفحة بينما الصورة لم تظهر بعد، سيشعر العميل بـ "قلق الانتظار"، وقد يتجاوز الصورة ويقرأ النص التالي، مما يفقد الصورة فعاليتها. طرق تحسين سرعة التحميل:

• ضغط حجم ملف الصورة مع الحفاظ على الجودة البصرية. يُنصح عمومًا باستخدام تنسيق JPG للصور الفوتوغرافية، و PNG للأيقونات أو لقطات الشاشة.
• استخدام علامات الصور المتجاوبة (Responsive Images) لتحميل أحجام مختلفة من الصور بناءً على عرض الشاشة.
• تفعيل التحميل البطيء (Lazy Loading)، ولكن مع وجود صورة نائبة أو لون خلفية، لتجنب ظهور فراغات كبيرة في الصفحة.

كل ثانية تأخير في سرعة التحميل قد تقلل من صبر العميل وكفاءة الفهم بنسبة تزيد عن 10%. هذا عامل غالبًا ما يُغفل لكنه يؤثر فعليًا على تكلفة الفهم.

5. الصورة والنص "يكملان بعضهما البعض"، وليس "يكرران بعضهما البعض"

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

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

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

خلاصة

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