الأزرار

الأزرار هي المؤشر المرئي الأساسي لإجراءات المستخدم.

المبادئ

موجّهة نحو اتّخاذ إجراء: يجب أن توضّح الأزرار أنّها تؤدي إلى اتّخاذ إجراء.

التعليقات الواضحة: يجب أن يتغيّر مظهر الزر بشكل واضح في حالات التفاعل المختلفة (التمرير فوق الزر، والضغط عليه، والتركيز عليه) لتقديم ملاحظات فورية.

الاتساق: يجب أن تشترك جميع الأزرار في لغة مرئية أساسية لتكون قابلة للتمييز على الفور.

مرن: يجب أن يستوعب مكوّن الزرّ أشكال الاستخدام الشائعة، مثل تضمين الرموز والأحجام المختلفة، بدون التأثير في الاتساق.

الاستخدام والموضع

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

أزرار الرموز

تتوفّر أزرار الرموز لتقليل كثافة المحتوى. استخدِم أزرار الرموز عندما يوضّح الرمز إجراءً معيّنًا، وإلا أدرِج تصنيفًا للزر.

Toggable

بالنسبة إلى الإجراءات التي تتضمّن حالات قيم منطقية، مثل الإضافة إلى المفضّلة، يتوفّر خيار تبديل لكل نوع زر. يؤدي تبديل الرموز بين حالات التبديل إلى جعل التفاعل سريعًا وسهلاً.

علم التشريح

تتألف الأزرار من تصنيف ورمز اختياري في المقدّمة أو المؤخرة.

تتألف أزرار الرموز من رمز مميّز فقط.

يتضمّن كلاهما خيارًا يمكن تفعيله أو إيقافه.

التخصيص

تحتوي الأزرار على نمط تلقائي ونمط كبير. يمكن أن يساعد الحجم الكبير في التأكيد على الأهمية.

يمكن استخدام الرموز لإبراز الزر وتوضيحه والتعرّف عليه بشكل أفضل في موضع لاحق أو سابق.