التأكد من تطبيق قالب الصفحة الرئيسية بما يتناسب مع المنصة
يطلب أن تلتزم الصفحة الرئيسية بالقالب المعتمد، بدءًا من القسم الرئيسي وأحد أنواعه المعتمدة. وترتيب ما بعده محكوم بنوع المنصة: المنصة الخدماتية تبدأ بقسم الخدمات، والمعلوماتية بقسم الأخبار. والأقسام الجديدة تُبنى من الأساسات والعناصر المعتمدة.
وهو من المعايير الأساسية في فئة القوالب من دليل كود المنصات، نظام التصميم الموحد للمملكة، الصادر عن هيئة الحكومة الرقمية.
كيف تقيس الأداة هذا المعيار
يقبل هذا المعيار القياس الآلي، ولم تُبنَ له قاعدة في الأداة بعد، فلا يحتسبه الفحص لا سلبًا ولا إيجابًا، ويعرضه التقرير باسمه وحالته. وخطوات التحقق اليدوي أدناه تغطيه كاملًا حتى تُبنى القاعدة.
النص الرسمي ونقاط التحقق
يقوم هذا المعيار على ٥ من نقاط التحقق المنشورة في كود المنصات، وهي المرجع عند الحكم عليه.
- أقصى ارتفاع للبنر (Hero): 550px
- تضمين الختم الرقمي أعلى الصفحة (يتقاطع مع معيار 11)
- العنوان يذكر اسم المنصة
- الوصف يذكر الهدف الرئيسي ووصفًا مختصرًا لما تقدمه
نقاط التحقق، نقطة نقطة
لكل نقطة من نقاط التحقق أدناه إجابة مستقلة: ما تشترطه، وما الذي يجتازها وما الذي يسقط فيها، وكيف تُقاس أو يُتحقق منها، وكيف تُعالَج. ولكل نقطة رابط مباشر يمكن مشاركته.
القسم الرئيسي في الصفحة الرئيسية وأنواعه المعتمدة
لم تُبنَ له قاعدة بعدDGA-007-aتشترط هذه النقطة أن تفتتح الصفحة الرئيسية بقسم رئيسي مبني على أحد أنواعه المعتمدة في ملف كود المنصات: صورة، أو خلفية لونية، أو كائن. والنوع الرابع المبتكر خارج القالب مخالفة ولو أحسن تنفيذه.
يقبل هذا المعيار القياس الآلي ولم تُبنَ للنقطة قاعدة في الأداة بعد، فلا يحتسبها الفحص لا سلبًا ولا إيجابًا.
ما الذي يجتازها: قسم رئيسي واحد أعلى الصفحة، من نوع معتمد، بعنوان ووصف وإجراء واضح.
ما الذي يسقط فيها: شريط صور متعاقبة مكان القسم الرئيسي، أو قسم رئيسي مركّب من نوعين معًا، أو صفحة تفتح مباشرة على شبكة خدمات بلا قسم رئيسي.
كيف تُقاس أو يُتحقق منها: يُصنَّف نوع الصفحة من محتواها ثم يُفحص أول قسم فيها. ولم تُبنَ لهذا المعيار قاعدة في الأداة بعد، وخطوة التحقق أدناه تغطيه.
كيف تُعالَج: أعيدوا بناء القسم الرئيسي على أحد الأنواع الثلاثة من ملف كود المنصات، واحذفوا الشرائح المتعاقبة، فهي تُخفي المحتوى وتخالف بداهة التنقل.
نقاط متصلة:قسم الأخبار أول الأقسام في المنصة المعلوماتية ·قسم الخدمات أول الأقسام في المنصة الخدماتية ·الأقسام الجديدة تُبنى على أساسات كود المنصات وعناصره
قسم الأخبار أول الأقسام في المنصة المعلوماتية
لم تُبنَ له قاعدة بعدDGA-007-bتشترط هذه النقطة أن يكون قسم الأخبار أو المعلومات أول ما يراه المستخدم بعد القسم الرئيسي إن كانت المنصة معلوماتية. فترتيب الأقسام في القالب قرار وظيفي يتبع نوع المنصة، لا ترتيبًا بصريًا.
يقبل هذا المعيار القياس الآلي ولم تُبنَ للنقطة قاعدة في الأداة بعد، فلا يحتسبها الفحص لا سلبًا ولا إيجابًا.
ما الذي يجتازها: منصة معلوماتية يلي قسمَها الرئيسي قسمُ أخبار أو محتوى معلوماتي مباشرة.
ما الذي يسقط فيها: منصة معلوماتية تضع قسم الشركاء أو قسمًا تعريفيًا عن الجهة قبل الأخبار، فينزل المحتوى الذي جاء المستخدم لأجله أسفل الصفحة.
كيف تُقاس أو يُتحقق منها: يُصنَّف نوع المنصة من محتواها الفعلي ثم يُقرأ ترتيب أقسام الصفحة الرئيسية. ولم تُبنَ لهذا المعيار قاعدة في الأداة بعد.
كيف تُعالَج: ارفعوا قسم الأخبار إلى الموضع التالي للقسم الرئيسي مباشرة، وانقلوا الأقسام التعريفية إلى ما دونه.
نقاط متصلة:قسم الخدمات أول الأقسام في المنصة الخدماتية ·القسم الرئيسي في الصفحة الرئيسية وأنواعه المعتمدة ·الأقسام المقاربة لأقسام القالب تلتزم بالقالب
قسم الخدمات أول الأقسام في المنصة الخدماتية
لم تُبنَ له قاعدة بعدDGA-007-cتشترط هذه النقطة أن يكون قسم الخدمات أول ما يراه المستخدم بعد القسم الرئيسي إن كانت المنصة خدماتية. وهي النقطة المقابلة للتي قبلها، والفصل بينهما قائم على تصنيف المنصة لا على تفضيل الجهة.
يقبل هذا المعيار القياس الآلي ولم تُبنَ للنقطة قاعدة في الأداة بعد، فلا يحتسبها الفحص لا سلبًا ولا إيجابًا.
ما الذي يجتازها: منصة خدماتية يلي قسمَها الرئيسي قسمُ خدمات، وأبرز خدماتها في متناول نقرة واحدة من الصفحة الأولى.
ما الذي يسقط فيها: منصة خدماتية تفتح على أخبار الجهة وإنجازاتها، وخدماتها في أسفل الصفحة أو خلف قائمة فرعية.
كيف تُقاس أو يُتحقق منها: يُصنَّف نوع المنصة من محتواها الفعلي ثم يُقرأ ترتيب الأقسام. ولم تُبنَ لهذا المعيار قاعدة في الأداة بعد.
كيف تُعالَج: ارفعوا قسم الخدمات إلى ما يلي القسم الرئيسي، وأبرزوا الخدمات الأكثر طلبًا داخله بدل عرض الفهرس كاملًا.
نقاط متصلة:قسم الأخبار أول الأقسام في المنصة المعلوماتية ·قالب صفحة الخدمة ومصطلحاته دون تغيير ·الأقسام المقاربة لأقسام القالب تلتزم بالقالب
الأقسام المقاربة لأقسام القالب تلتزم بالقالب
لم تُبنَ له قاعدة بعدDGA-007-dتشترط هذه النقطة أنه متى وُجد في الصفحة قسم مقارب لقسم في القالب من حيث الإجراء، مثل قسم الشركاء، وجب الالتزام بقسم كود المنصات لا ببناء بديل عنه. فالتشابه في الوظيفة يستدعي القسم المعتمد.
يقبل هذا المعيار القياس الآلي ولم تُبنَ للنقطة قاعدة في الأداة بعد، فلا يحتسبها الفحص لا سلبًا ولا إيجابًا.
ما الذي يجتازها: قسم الشركاء وقسم الروابط السريعة وأمثالها مستدعاة من القالب بتخطيطها المعتمد.
ما الذي يسقط فيها: قسم شركاء مبني يدويًا بشبكة شعارات خاصة به، فيخالف تخطيط القالب ومسافاته ولا تصله تحديثات المكتبة.
كيف تُقاس أو يُتحقق منها: تُقارن بنية الأقسام المرصودة بأقسام القالب المعتمدة. ولم تُبنَ لهذا المعيار قاعدة في الأداة بعد.
كيف تُعالَج: استبدلوا الأقسام المبنية يدويًا بأقسام القالب المقابلة لها، فالفرق عمل يوم واحد ويغلق مخالفة متكررة.
نقاط متصلة:الأقسام الجديدة تُبنى على أساسات كود المنصات وعناصره ·القسم الرئيسي في الصفحة الرئيسية وأنواعه المعتمدة ·البطاقة: مطابقة الشكل والحواف واللون والمسافات
الأقسام الجديدة تُبنى على أساسات كود المنصات وعناصره
لم تُبنَ له قاعدة بعدDGA-007-eتشترط هذه النقطة أن يلتزم كل قسم جديد لا نظير له في القالب بأساسات كود المنصات وعناصره: الألوان والخطوط والأزرار وغيرها. فالحرية هنا في التركيب، لا في القيم ولا في العناصر.
يقبل هذا المعيار القياس الآلي ولم تُبنَ للنقطة قاعدة في الأداة بعد، فلا يحتسبها الفحص لا سلبًا ولا إيجابًا.
ما الذي يجتازها: قسم مبتكر لحاجة خاصة بالجهة، مبني بألوان اللوحة وخطوطها وأزرارها وبطاقاتها المستدعاة من المكتبة.
ما الذي يسقط فيها: قسم جديد بلون خارج اللوحة وزر بحواف خاصة به، فيصير القسم نظامًا بصريًا ثانيًا داخل الصفحة نفسها.
كيف تُقاس أو يُتحقق منها: تُقاس الألوان والخطوط والمسافات والعناصر داخل الأقسام كلها بالقواعد نفسها، فالقسم الجديد لا يُستثنى من قياس الأساسات.
كيف تُعالَج: أعيدوا بناء القسم من عناصر المكتبة وأساساتها، واحصروا الابتكار في ترتيب العناصر لا في قيمها.
نقاط متصلة:الأقسام المقاربة لأقسام القالب تلتزم بالقالب ·الالتزام بألوان كود المنصات دون تعديل ·الزر: مطابقة الشكل والحواف واللون والمسافات
كيف تتحققون منه يدويًا
وهذه خطوات المراجعة الكاملة للمعيار، وبعضها أوسع مما تغطيه القاعدة الآلية اليوم.
- صنّفوا نوع المنصة أولًا من بنية التنقل والمحتوى: خدماتية أم معلوماتية. فترتيب الأقسام محكوم بهذا التصنيف، ولا يصح الحكم على الترتيب قبل تحديده
- افحصوا أول قسم بعد القسم الرئيسي: الخدمات في المنصة الخدماتية، والأخبار أو المعلومات في المعلوماتية
- قيسوا ارتفاع القسم الرئيسي فعليًا عبر
getBoundingClientRect، وما زاد على 550px مخالفة - تحققوا من وجود الختم الرقمي أعلى الصفحة فوق شريط التنقل، وهو مشترك مع معيار ١١
- افحصوا الأقسام المخصّصة: إن وُجد في القالب قسم يؤدي الغرض نفسه، كقسم الشركاء، فاستعماله واجب. وإن لم يوجد فالقسم الجديد يُبنى من الأساسات والعناصر المعتمدة وحدها
أخطاء شائعة في هذا المعيار
| الخطأ | لماذا يضر |
|---|---|
| Hero بصورة غير موحّدة الأسلوب وبارتفاع غير ملتزم | |
| أقسام مخصّصة بخط/أزرار/مسافات خارج النظام | |
| ترتيب أول قسم لا يطابق نوع المنصة |
ما يرفقه التقرير مع كل ملاحظة
لقطة كاملة للصفحة + ارتفاع الـ Hero + تصنيف المنصة + ترتيب الأقسام
كيف يُعالَج
- ابدأوا بتصنيف المنصة، فقرار الترتيب كله يتبعه، وتصحيح الترتيب قبل التصنيف يعيد العمل
- اخفضوا ارتفاع القسم الرئيسي إلى الحد المعتمد قبل معالجة محتواه، فهو أسرع ما يُقاس وأظهر ما يُرصد
- راجعوا كل قسم مخصّص وابحثوا عن نظيره في القالب قبل الإبقاء عليه، فأغلب الأقسام المخصّصة لها نظير معتمد
- ما لا نظير له اربطوه بالأساسات: الألوان والخطوط والمسافات والأزرار من النظام لا من تصميم القسم
- ضعوا الختم الرقمي في موضعه أعلى الصفحة، فمعالجته ترفع معيارين معًا
معايير متصلة
وفي الدليل: ما القوالب الإلزامية في كود المنصات؟ · قالب الصفحة الرئيسية أحد القوالب الإلزامية الأربعة
أين تقف منصتكم من هذا المعيار؟
يصدر الفحص تقديرًا استرشاديًا خلال دقائق، ويبيّن لكل ملاحظة قيمتها المرصودة والمتوقعة وموضعها.