كيف أموضع أزرار واجهة للتحكم على موقعي؟

يفضّل في الواجهات التي تحتوي على أزرار لوظائف تحكمية كالإضافة، الإلغاء، الحذف... أن تكون على نفس مستوى الرؤية بالنسبة للمستخدم النهائي -الذي هو أدمين الموقع في حالتك هذه-، من الواضح أن الزرين "APPROVE" وَ "REJECT" هما لوظيفتان متلازمتان ومن الجيد أن يتلازم موقعهما مع بعضها البعض، في حين أن زر "CANCEL" بعيد شيئاً ما من حيث منطق واجهة المستخدم.

أفضل الوضعية A وَ C.

أجد أن الوضعية B حيث يظهر"APPROVE" و"REJECT " متباعدين بصورة لا توحي أنهما زران متضادان، حيث إحداهما تنفي وظيفة الأخرى.

الوضعية D أجد الزر "CANCEL" بين الزرين الآخرين مما يخلق فرقا بينها، مما قد يربك المستخدم ويضطره إلى السؤال عن مغزى كل منها ووظيفته.

حاول أن تجمع بين الأزرار التي لها وظائف متقاربة - متعرضة في الوظيفة-، حتى يستوعب المستخدم أن هذا الزر هو مقابل الآخر، بالإضافة إلى لون كل منها، اختيارك لألوان هنا موفّق، فالأزرق والأحمر متناسبين للموافقة والرفض.