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