مدورة أم مربعة؟ هذا هو السؤال.هل أحتاج إلى تغيير الأزرار المدببة المعتادة إلى الأزرار المستديرة؟ أي منها أفضل للاستخدام؟ كيف نتخذ مثل هذه القرارات؟
إنها بالضبط تلك المشكلات التي ستواجهها عند الانغماس في UX المقترنة بالأزرار الدائرية في التطبيقات. نعلم بالفعل أن الحجم والتباين والظل المدلى بهما يمكن أن يجعلا الزر ملحوظًا ، ولكن العثور على التوازن الصحيح لعناصر الإجراء الرئيسي والثانوي ليس بالأمر السهل دائمًا. قد يأتي الاستدارة في هذه الحالة.
المتغيرات المستخدمة لتحسين الرؤية هل تقريب زيادة الاعتراف؟
العناصر المستديرة أسهل في القراءة. من الأسهل حساب عدد البطاقات على التوالي إذا كانت زواياها غير حادة.
العناصر المستديرة أسهل في التعرّف عليهاوذلك لأن الاستدارة المميزة يمكن أن تساعد أعيننا على التمييز بسرعة بين البطاقات نفسها. على العكس ، تبدو البطاقات ذات الزوايا الحادة موحدة وموحدة ، مما يجعل من الصعب التعرف عليها.
في تخطيط الشبكة ، يعمل التقريب بشكل أفضل.
على سبيل المثال ، في لوحة معلومات TurboTax ، تتمسك العين بالعناصر ذات الزوايا الدائرية في القسم العلوي أفضل من القسم الأوسط ، حيث تحتوي البطاقات على زوايا حادة.
Turbotax لوحة القيادةهل أحتاج إلى استخدام أزرار مدورة بالكامل؟
تبدو الأزرار المستديرة بالكامل رائعة في الواجهات حيث توجد مساحة كافية من المساحة. مثال على الترتيب الناجح للغاية لهذه الأزرار هو Spotify ، حيث تشعر الدعوة إلى العمل بشكل جيد.
أزرار مدورة على سبوتيفيوبصفة عامة ، في هذا المثال بالذات ، نظرًا لأن العمل مع Spotify دائمًا ما يتم تشغيله (المقاطع الصوتية ، المدونة الصوتية ، قوائم التشغيل) ، يتم تعريف الإجراء الرئيسي بشكل فريد. كما يمكن تمييز أزرار التشغيل المستديرة بالكامل عن ألبومات وقوائم التشغيل UI ، والتي بدورها تشجع المستخدم على النقر على "تشغيل".
"العب" على سبوتيفيعندما أزرار مدورة بالكامل لا تعمل؟
في بعض الحالات ، قد يؤثر الاستدارة على قابلية الاستخدام ، على سبيل المثال:
1. عندما تبدو أزرار مدورة مثل العلامات
إذا لم يكن تمييز زر ما عن علامة (مرشح) أمرًا سهلاً ، فسيؤدي ذلك إلى شعور الناس بالحيرة: "هل يمكنني النقر فوق زر أو مرشح؟"
ما هو: الأزرار أو المرشحات؟ ليس واضحا على الإطلاق.2. الأزرار المستديرة غير قادرة على إظهار الخيارات المتداخلة
عادةً ما تستخدم الأزرار المستديرة بالكامل أيقونة "السهم" للإشارة إلى وجود خيارات متداخلة. لكن منطقة النقر (أو عربة اليد) لعرض الخيارات محدودة بحجم الرمز (عادة 16 × 16 أو 24 × 24 بكسل).
هل سيكون من المناسب عرض الخيارات في كل حالة؟
إذا استخدمنا أزرارًا مستديرة قليلاً ، فيمكننا إخفاء السهم بحيث يتصرف الزر كزر منبثق. هذا النهج يعمل بشكل أفضل.
لا تنصح Apple باستخدام الأزرار الدائرية للإجراءات (انظر أزرار الضغط ). تُحجز الأزرار المستديرة بالكامل من أجل " المساعدة " أو لتوفير خيارات حصرية متبادلة (انظر أزرار الاختيار ).
الرسوم التوضيحية من
إرشادات واجهة Apple
البشرية3. أزرار مدورة بالكامل ليست مناسبة للأكوام
عندما نضع أزرار مستديرة في صفوف في جداول وبطاقات ، فإنها تبدو في غير مكانها. على سبيل المثال ، بالنسبة لجدول يتكون من 10 صفوف ، نحصل على عمود مكون من 10 أزرار ، يشبه كل منها زرًا للعمل الرئيسي.
كبديل ، يمكنك تجربة أزرار "بلا حدود" ، كما هو الحال في إعلامات MacOS الجديدة ، أو إظهار الأزرار فقط عند التمرير بالماوس. من خلال تقليل وضوح الأزرار ، نسمح للمستخدم بالتركيز على منطقة العمل الرئيسية.
أزرار "بلا حدود" على المكدسجماليات الزوايا الدائرية
الاستدارة تبدو حديثة. بدأ تطبيق التقريب الكامل في واجهات الأجهزة المحمولة وانتقل إلى الويب. نقص الحدة يسبب مشاعر البساطة والتفاؤل وسهولة الوصول. ربما هذا هو السبب في أن العديد من أنظمة التصميم قد اعتمدت عناصر مستديرة وتستخدم على نطاق واسع للرموز أو الأزرار أو حتى الصور.
في Chrome ، بعد التحديث الأخير (مرت ستة أشهر منذ نشر المقال الأصلي - الترجمة تقريبًا) ، أصبح شريط العناوين مستديرًا للتعبير بشكل أفضل عن توفر الاستخدام المتزامن للبحث. يمكن للمستخدمين رؤية جزء من نتائج البحث مباشرة في وقت الطباعة ، حتى قبل الذهاب إلى الصفحة.
شريط بحث جديد في Chrome (المصدر - مدونة Google )تمشيا مع المفهوم الجديد ، بدأت تسليط الضوء على الأزرار الموجودة على شريط الأدوات. من السهل العثور على عناصر مستديرة في تطبيقات Google الأخرى مثل التقويم و Gmail و Drive.
تلخيص
لا توجد إجابة محددة وهي أفضل - الاستدارة أو الحدة. ولكن يمكن للعناصر المدورة أن تساعد في تشجيع المستخدم على التفاعل مع التطبيق دون تشتيت انتباه المستخدم من خلال واجهة مستخدم ثانوية.
قائمة الموارد للدراسة المتعمقة لهذه المسألة:
استخدام الأشكال المستديرة في تصاميم المواد
خصائص الزوايا الدائرية
لماذا الزوايا المستديرة أسهل على العيون