Human Interface Guidelines — ما هي، مبادئ تصميم iOS

ما هي Human Interface Guidelines؟

Human Interface Guidelines (HIG) هي الوثائق الرسمية من Apple لتصميم واجهات المستخدم. تحتوي الوثيقة على أوصاف لجميع المكونات القياسية للنظام وقواعد استخدامها ومتطلبات الإيماءات والرسوم المتحركة والطباعة ولوحة الألوان. نشرت Apple HIG لأول مرة لنظام Macintosh في عام 1987، ومنذ ذلك الحين تطورت الوثيقة مع المنصات — من iOS 1 (2007) إلى الإصدارات الحالية iOS 18 وiPadOS 18 وmacOS 15 Sequoia وwatchOS 11 وtvOS 18. تغطي HIG ثلاثة مستويات: فلسفة التصميم (المبادئ)، ومكونات النظام (عناصر واجهة المستخدم)، والتوصيات التقنية (أحجام الشاشات، المنطقة الآمنة، النوع الديناميكي). بالنسبة للمطور، تعد HIG المصدر الوحيد للحقيقة عند اتخاذ قرارات التصميم: إذا كان المكون موصوفًا في HIG، فلا داعي لاختراعه من جديد.

هيكل وثيقة Human Interface Guidelines

تنقسم وثيقة HIG إلى ثلاثة أجزاء رئيسية: «Foundations» (المبادئ والأنماط الأساسية)، و«Platforms» (أقسام المنصات لـ iOS وiPadOS وmacOS وwatchOS وtvOS وvisionOS)، و«Components» (كتالوج جميع عناصر واجهة المستخدم النظامية). يتم وصف كل مكون وفق قالب موحد: الغرض، التشريح، السلوك، أفضل الممارسات والأمثلة. على سبيل المثال، يحتوي قسم Navigation Bars على مواصفات الارتفاع (44pt في الوضع العمودي، 32pt في الوضع الأفقي على iPhone)، وقواعد وضع الأزرار وقيود التخصيص. تتضمن HIG أيضًا توصيات بشأن إمكانية الوصول — VoiceOver وDynamic Type وتقليل الحركة — الإلزامية للنشر في App Store.

لماذا HIG ضروري لمطور iOS

يؤثر الالتزام بـ Human Interface Guidelines بشكل مباشر على نجاح التطبيق في App Store. أثناء المراجعة، تتحقق Apple من الامتثال لـ HIG — الإيماءات غير القياسية أو المكونات النظامية المعدلة أو انتهاكات التسلسل الهرمي للتنقل قد تؤدي إلى الرفض. وفقًا لاتفاقية ترخيص برنامج مطوري Apple (2025)، يتم رفض التطبيقات التي تستخدم واجهات برمجة التطبيقات بشكل غير مناسب أثناء المراجعة. في IT Sectr، نلتزم بـ HIG في جميع مشاريع iOS منذ عام 2017 — مما يقلل وقت المراجعة ويزيد تقييمات المستخدمين. بالإضافة إلى ذلك، تحصل التطبيقات المتوافقة مع HIG على مراكز أعلى في بحث App Store بفضل تجربة المستخدم الأفضل.

المبادئ الأساسية لـ HIG Apple

ستة مبادئ أساسية لـ Human Interface Guidelines تشكل فلسفة تصميم Apple. المبدأ الأول — Aesthetic Integrity (التكامل الجمالي): يجب أن يتوافق مظهر الواجهة مع وظيفتها. الثاني — Consistency (الاتساق): تتصرف العناصر المتطابقة بنفس الطريقة عبر جميع تطبيقات النظام. الثالث — Direct Manipulation (التلاعب المباشر): يتفاعل المستخدم مع المحتوى مباشرة (السحب، النقر، الضغط للتكبير) بدلاً من التحكم عبر عناصر مجردة.

الوضوح والتسلسل الهرمي والتغذية الراجعة

Clarity (الوضوح) يتطلب أن يكون النص مقروءًا والأيقونات مفهومة والتنقل متوقعًا. Dynamic Type وSF Symbols هما أداتا Apple للحفاظ على الوضوح عبر جميع الأجهزة. Deference (الاحترام) يعني أن الواجهة لا يجب أن تنافس المحتوى: الخلفيات الضبابية وأشرطة الأدوات البسيطة والعناصر الشفافة (على غرار iOS 7+) تنفذ هذا المبدأ. Feedback (التغذية الراجعة) تضمن أن كل إجراء يقوم به المستخدم يحصل على استجابة بصرية أو لمسية: إبراز الزر، الارتجاع اللمسي، رسوم متحركة انتقالية. انتهاك مبدأ التغذية الراجعة هو أحد الأسباب الشائعة لانخفاض التقييمات في App Store، وفقًا لبيانات Appfigures (2025).

الأقسام الرئيسية لـ Human Interface Guidelines

تحتوي Human Interface Guidelines على مواصفات مفصلة لكل مكون نظام من Apple. يصف قسم Bars شريط التنقل (الارتفاع القياسي 44pt) وشريط التبويب (49pt) وشريط الأدوات (44pt) وشريط البحث. يشمل قسم Views عرض الجدول مع خلايا من الأنواع الأساسية والمخصصة وعرض المجموعة مع دعم التخطيط التركيبي وعرض التمرير وعرض النص. يحدد قسم Controls الزر والمنزلق والمفتاح (الهدف الأدنى — 44×44pt) وعنصر التحكم المقسم والعداد ومنتقي التاريخ. لكل عنصر تحكم يتم تحديد أبعاد منطقة اللمس (الحد الأدنى لمنطقة اللمس — 44×44pt وفقًا لإرشادات Apple) والحالات البصرية (عادي ومميز ومعطل ومحدد) ورسوم الانتقال المتحركة.

الطباعة والألوان في HIG

توصي Apple باستخدام خط النظام San Francisco (SF Pro لنظامي iOS/macOS وSF Compact لـ watchOS) مع Dynamic Type — التكيف التلقائي للحجم مع إعدادات المستخدم. يحدد HIG 11 نمطًا نصيًا: Large Title (34pt) وTitle 1 (28pt) وTitle 2 (22pt) وTitle 3 (20pt) وHeadline (17pt بنصف عريض) وBody (17pt) وCallout (16pt) وSubhead (15pt) وFootnote (13pt) وCaption 1 (12pt) وCaption 2 (11pt). تتضمن لوحة ألوان HIG ألوان النظام: labelColor وsecondaryLabelColor وsystemBackgroundColor وsystemGroupedBackgroundColor — مع دعم السمة الفاتحة والداكنة. استخدام ألوان النظام يضمن العرض الصحيح على جميع الأجهزة وفي إعدادات إمكانية الوصول.

الميزات الخاصة بالمنصات في HIG

كل منصة Apple لها عناصر واجهة فريدة موصوفة في HIG. لنظام iOS تشمل شريط التبويب (التنقل السفلي) وشريط التنقل (الشريط العلوي مع العنوان والأزرار) والأوراق (اللوحات المشروطة) وعرض النشاط (المشاركة النظامية) والأنشطة المباشرة والجزيرة الديناميكية. لنظام iPadOS تُضاف Split View وSlide Over وPopover Presentation واختصارات لوحة المفاتيح. لنظام macOS — شريط القوائم وDock والأوراق واللوحات والشريط الجانبي وشريط الأدوات مع NSToolbarItem. لنظام watchOS — التعقيدات والتاج الرقمي والكتابة والإيماءات السريعة والشاشة الدائمة. لنظام tvOS — محرك التركيز وأيقونات المنظور والرف العلوي.

تكييف التصميم بين المنصات

توصي HIG بعدم نقل العناصر ميكانيكيًا بين المنصات: شريط التبويب في iOS لا يعادل الشريط الجانبي في macOS، على الرغم من أن كلاهما يحل مهام التنقل. للتطبيقات متعددة المنصات، تقدم Apple Mac Catalyst وSwiftUI، اللذين يكيفان الواجهة تلقائيًا مع المنصة المستهدفة مع الالتزام بـ HIG. عند التطوير باستخدام SwiftUI في IT Sectr، نستخدم معدّلات خاصة بالمنصة: .navigationViewStyle و.tabViewStyle و.pickerStyle — تضمن الامتثال للإرشادات الأصلية. بالإضافة إلى ذلك، يصف HIG متطلبات التكيف مع Dynamic Type والنص الموسع وتقليل الحركة وزيادة التباين.

كيفية تطبيق HIG عمليًا

يبدأ تطبيق Human Interface Guidelines بدراسة قسم «App Architecture»، الذي يصف هيكل تطبيق iOS النموذجي: شاشة البداية والتوجيه والشاشات المشروطة ومخطط التنقل وحالات التحميل. الخطوة الأولى هي اختيار نمط التنقل (هرمي مع وحدة تحكم التنقل، مسطح مع شريط التبويب، مشروط مع الأوراق أو مدمج). الخطوة الثانية هي تحديد التسلسل الهرمي للشاشات والتأكد من أن كل شاشة تتوافق مع قالب HIG. الخطوة الثالثة هي اختيار مكونات النظام لكل مهمة: عرض الجدول للقوائم وعرض المجموعة للشبكات وعنصر التحكم بالصفحة للدوّارات.

التحقق من الامتثال لـ HIG قبل النشر

توفر Apple Xcode Preview Assets وAccessibility Inspector للتحقق من الامتثال لـ HIG. يُوصى باتباع قائمة مرجعية: جميع مناطق اللمس > 44pt، النص يستخدم Dynamic Type، الألوان تدعم السمة الداكنة، التنقل يتبع تسلسل HIG الهرمي، الإيماءات لا تتعارض مع إيماءات النظام (على سبيل المثال، السحب للخلف غير معدّل). في IT Sectr، نجري مراجعات HIG قبل كل إصدار — مما يزيل حالات الرفض أثناء مراجعة App Store. بالإضافة إلى ذلك، تشير App Store Review Guidelines (القسم 4.0 «Design») مباشرة إلى HIG: يتم رفض التطبيقات التي تنتهك الإرشادات بشكل جسيم حتى يتم حل المخالفات.