كافة المقالات

مقال تحليلي ١٩٢

شرح أيقونة الموقع وأيقونات التطبيقات: أصغر قطعة من علامتك

٢٠٢٦-١٠-٠١

لا أحد يُعجب بأيقونة الموقع إعجاباً واعياً وكلهم يلاحظون غيابها: أصغر قطعة مرئية من علامتك ما تزال علامتك.

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

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

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

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

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

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

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

إجابات مباشرة ودقيقة

هل تهم أيقونة الموقع الصغيرة فعلاً؟

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

لماذا أحتاج إلى مجموعة مقاسات للأيقونة بدل ملف صغير واحد؟

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

غيّرت أيقونة موقعي والمتصفح ما زال يعرض القديمة، هل فشل التغيير؟

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

متى تُنتج مجموعة الأيقونات، عند الإطلاق أم بعد ذلك؟

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

الخطوة التالية

منصات الويب

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

ابدأ طلباً، أو اطلب استشارة خاصة، أو اطرح سؤالك ببساطة: رسالة واتساب واحدة، بالعربية أو الإنجليزية، تفتح المحادثة.

تحدثوا معنا عبر واتساب