2.2ودجات متقدّمة: تبويبات، أكورديون، شريط عرض
الأساسي في 30 ثانية
- التبويبات والأكورديون يُنظّمان محتوى كثيرًا في مكان قليل (نقر للكشف).
- شريط العرض/عرض الشرائح يُمرّر صورًا أو شهادات — يُستخدَم بتقتير.
- القاعدة الذهبية: هذه الودجات تُخفي محتوى → لا تضع فيها الجوهريّ أبدًا (الزائر لا ينقر دائمًا).
الخيط الناظم — نادية تُرتّب الأسئلة الشائعة
صفحة «الأعمال» للنجّار تفيض بالنص. تُرتّب نادية الأسئلة الشائعة في أكورديون (مطويّ افتراضيًا) وتعرض أنواع الأثاث في تبويبات. لكنها تُبقي الرسالة المفتاحية — «عرض سعر مجّانيّ خلال 48 ساعة» — ظاهرة، خارج الأكورديون: زائر مستعجل لن ينقر بالضرورة.
تكملة 2.1 — تنظيم المحتوى الغنيّ دون دفنه.
1. تبويبات، أكورديون، شريط عرض
التبويبات (Tabs) تُنظّم المحتوى في أقسام قابلة للنقر (تنتقل من واحدة لأخرى). والأكورديون/المبدِّل (Toggle) يقدّم أقسامًا قابلة للطيّ (نقر العنوان يفتح الجواب) — مثاليّ للأسئلة الشائعة. وشريط العرض/عرض الشرائح يُمرّر عناصر (صور، شهادات، بطاقات).
تُكمّل صناديق الأيقونات والشهادات العُدّة لعرض الخدمات والدليل الاجتماعيّ بشكل مقروء.
2. بحكمة
نقطة حاسمة: التبويبات والأكورديونات وأشرطة العرض تُخفي محتوى (غير مرئيّ ما لم يُنقَر/يُمرَّر). إذن: لا تدفن الجوهريّ أبدًا — رسالة مفتاحية، سعر، زر فعل يجب أن تبقى ظاهرة. وشريط عرض يُمرّر وحده قد يُفوّت معلومة أيضًا.
فكّر أيضًا في الوصولية: تنقّل بلوحة المفاتيح، محتوى مقروء. تُبقي نادية العرض النجم في الوضوح وتحجز التبويبات/الأكورديون للمحتوى الثانويّ.
🔎 مثال ملموس — التنظيم دون دفن (حالة نادية)
ظاهر (خارج الودجة): «عرض سعر مجّانيّ خلال 48 ساعة» + زر.
أكورديون: الأسئلة الشائعة (مطويّ افتراضيًا).
تبويبات: أنواع الأثاث (مطبخ / خزانة / درج).
شريط عرض: آراء الزبائن (بتقتير، دون تمرير تلقائيّ عدوانيّ).
→ الجوهريّ يلفت النظر، والباقي مُرتَّب.النتيجة: صفحة واضحة، غير مزدحمة.
الدرس: أخفِ الثانويّ، لا الجوهريّ أبدًا.
مفردات القسم
- التبويبات (Tabs)
- تنظيم محتوى في تبويبات قابلة للنقر (الانتقال من واحدة لأخرى).
مثال بسيط: تبويبات «مطبخ / خزانة / درج».
ما ليس كذلك: وضع زر العرض فيها (يجب أن يبقى ظاهرًا).
رد فعل: تبويبات = محتوى مُوازٍ ثانويّ.
- الأكورديون / المبدِّل
- أقسام قابلة للطيّ: نقر العنوان يفتح الجواب (مثاليّ للأسئلة الشائعة).
مثال بسيط: أسئلة النجّار الشائعة في أكورديون مطويّ.
ما ليس كذلك: إخفاء معلومة حاسمة خلف عنوان مُغلَق.
رد فعل: أكورديون = أسئلة شائعة وتفاصيل، لا الجوهريّ.
- شريط العرض / عرض الشرائح
- تمرير عناصر (صور، شهادات، بطاقات).
مثال بسيط: شريط عرض لآراء الزبائن.
ما ليس كذلك: شريط عرض تلقائيّ يُفوّت المعلومة المفتاحية.
رد فعل: شريط عرض بتقتير، تمرير مُتحكَّم به.
- بحكمة
- عدم إخفاء الجوهريّ: العرض، السعر، الفعل تبقى ظاهرة.
مثال بسيط: «عرض خلال 48 ساعة» خارج الأكورديون، ظاهر دائمًا.
ما ليس كذلك: دفن العرض النجم في تبويب.
رد فعل: المهمّ يُرى دون نقر.
- وصولية الودجات
- تنقّل بلوحة المفاتيح ومحتوى متاح للجميع.
مثال بسيط: أكورديون قابل للاستخدام بلوحة المفاتيح.
ما ليس كذلك: ودجة تفاعلية غير قابلة للاستخدام دون فأرة.
رد فعل: تحقّق من أن كل شيء يُفتَح أيضًا بلوحة المفاتيح.
في التطبيق — تنظيم محتوى غنيّ
- حدّد الجوهريّ (عرض، فعل) وأبقِه ظاهرًا، خارج أي ودجة.
- رتّب أسئلة شائعة في أكورديون (مطويّ افتراضيًا).
- اعرض فئات في تبويبات.
- أضف شريط عرض آراء، دون تمرير تلقائيّ عدوانيّ، واختبره بلوحة المفاتيح.
نصّ جاهز للقول — شرح التنظيم للزبون (20 ث)
«لتتنفّس الصفحة، رتّبتُ الأسئلة الشائعة في أكورديون وأنواع الأثاث في تبويبات. لكن رسالتك المفتاحية — عرض سعر مجّانيّ خلال 48 ساعة — تبقى ظاهرة دائمًا، لأن زائرًا مستعجلًا لن ينقر بالضرورة في كل مكان.»
اطمئن: التنظيم لا يعني إخفاء المهمّ.
قالب للنسخ واللصق — أين أُرتّب ماذا
الجوهريّ (ظاهر دائمًا): _______________
أسئلة شائعة / تفاصيل → أكورديون (مطويّ): _______________
محتويات موازية → تبويبات: _______________
معرض / آراء → شريط عرض (بتقتير): _______________
تمرير شريط العرض التلقائيّ: مُعطّل / بطيء
اختبار لوحة المفاتيح (الوصولية): تمّ / للإنجازأسئلة شائعة
أكورديون مطويّ: كل سؤال يُفتَح عند الطلب.
خدمات متنوّعة
تبويبات لمقارنة عروض دون إطالة الصفحة.
دليل اجتماعيّ
شريط عرض آراء، لكن أبقِ رأيًا أو اثنين قويّين ظاهرَين أيضًا.
الجوّال
الأكورديون عمليّ جدًا على الجوّال (يربح ارتفاعًا)، يُختبَر بالإصبع.
✓ ممارسات جيدة
- أبقِ الجوهريّ ظاهرًا، خارج أي ودجة.
- احجز التبويبات/الأكورديون للثانويّ.
- اختبر الوصولية (لوحة المفاتيح).
✗ أخطاء شائعة
- دفن العرض/الفعل في تبويب أو أكورديون.
- شريط عرض تلقائيّ يُفوّت المعلومة.
- نسيان التنقّل بلوحة المفاتيح.
النقاط الأساسية
- تبويبات/أكورديون: تخزين كثير في مكان قليل.
- شريط عرض: تمرير، بتقتير.
- هذه الودجات تُخفي محتوى.
- الجوهريّ يبقى ظاهرًا دون نقر.
تحدّي 48 ساعة — طبّق غدًا
حوّل أسئلة شائعة إلى أكورديون (مطويّ) وفئات إلى تبويبات، مع إبقاء رسالة مفتاحية ظاهرة خارج أي ودجة. تحقّق من أن الأكورديون يُفتَح بلوحة المفاتيح. 20 دقيقة.
- أُرتّب الثانويّ في تبويبات/أكورديون.
- أُبقي الجوهريّ ظاهرًا دون نقر.
- أتحقّق من الوصولية بلوحة المفاتيح.
أسئلة شائعة
هل أضع عرضي الرئيسيّ في أكورديون؟
لا: الأكورديونات تُخفي المحتوى ما لم يُنقَر. العرض والسعر وزر الفعل يجب أن تبقى ظاهرة. احجز الأكورديون للأسئلة الشائعة والتفاصيل.
هل أشرطة العرض غير مُستحبّة؟
ليست ممنوعة، لكن تُجرَّع: شريط عرض تلقائيّ قد يُفوّت معلومة ويضرّ بالوصولية. أبقِ أيضًا عنصرًا أو اثنين قويّين ظاهرَين خارجه.
هل هذه الودجات متاحة؟
قد تكون كذلك إن بقيت قابلة للتنقّل بلوحة المفاتيح ومقروءة. اختبر الفتح/الإغلاق دون فأرة، خاصّة لأسئلة شائعة مهمّة.
تريد نادية ترتيب محتوى كثير، لكن عرضها «خلال 48 ساعة» يجب أن يبقى مرئيًّا. أي نهج؟