إرشادات لاختيار زر فوق رابط في نماذج الويب

Question

يبدو أن الأزرار والروابط قابلة للتبديل هذه الأيام.من منظور تجربة المستخدم، هل هناك إرشادات للاختيار بين الاثنين؟هل يهم حتى؟

كقاعدة عامة، أود أن أقول إن التنقل الخالص يجب دائمًا التعبير عنه باستخدام رابط ويجب التعبير عن الإجراء باستخدام زر.ولكن هناك الكثير من الأمثلة والمواقف التي تنحرف عن هذا، مثل عناوين الشحن في Google Checkout صفحة. يحفظ ينفذ إجراءً ويستخدم زرًا. يحرر هو رابط ينقل المستخدم إلى صفحة جديدة.كلاهما منطقي.لكن، يمسح ينفذ إجراءً باستخدام رابط.

إذن، متى وكيف ولماذا نختار الأزرار أو الروابط؟

سيناريوهات المثال:

صفحة بها شبكة من المستخدمين:

• ان إضافة مستخدم الميزة التي تنقلك إلى صفحة جديدة.الارتباط، لأنه يتنقل.
• أ إعادة تعيين كلمة المرور الميزة التي تبقى على نفس الصفحة.زر، لأنه عمل.
• ان تصدير إلى CSV ميزة تفتح مربع التنزيل ولكنها تبقى على نفس الصفحة.لا أعرف.
• جهاز النداء الموجود أسفل الشبكة يستخدم AJAX لتحديث الشبكة.الروابط، بسبب الأسبقية الموجودة.

معالج مزود بميزات "التالي" و"الرجوع" و"الإلغاء" و"الإنهاء".على الرغم من أنه من المحتمل أن يكون Next وBack عبارة عن روابط، إلا أن الأسبقية تقول إنها يجب أن تكون جميعها أزرارًا.

Answer 1

الموارد الجيدة هي: نيلسن (دوه) و هذه المناقشة

كانت الإرشادات الرئيسية هي أن الأزرار مخصصة للأشياء التي لها تأثيرات (على سبيل المثال."حذف") بينما الروابط مخصصة للإجراءات التي تؤثر على التنقل.في هذه الأيام، أصبح الأمر غير واضح بعض الشيء، ولكن من الجيد أن يكون الإجراء غير القابل للاسترداد مثل حذف السجل بمثابة زر مهما كان الأمر.

بشكل عام، من الأسوأ جدًا ارتكاب الأخطاء باستخدام رابط بدلاً من الزر، نظرًا لأن المستخدم لا يتوقع حدوث التأثير الجانبي على الإطلاق.

أتفق مع جميع الأمثلة الخمسة التي ذكرتها، على الرغم من أن تنزيل ملف CSV يمكن أن يكون أيًا منهما بأمان ويعتمد في الغالب على كيفية ظهور بقية واجهة المستخدم (على سبيل المثال.إذا كان جزءًا من لوحة إجراءات مثل "تنزيل"|"خيارات"|"إشارة مرجعية"، وكان الاثنان الآخران عبارة عن روابط، فمن الواضح أن ارتباطاتك يجب أن تكون روابط أيضًا.

Answer 2

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

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

لإعادة تعيين كلمة المرور، نظرًا لأنها تظل في نفس الصفحة، فقد يكون الزر منطقيًا.

أميل إلى استخدام التالي، والعودة، وما إلى ذلك كروابط، حيث قد يكون لدي كلمات أو صورة، لكني أحب اليد التي تظهر للروابط.

يجب أن يكون التصدير إلى ملف CSV بمثابة زر، لأنك لن تذهب إلى أي مكان، بل تقوم فقط بالتنزيل.

يمكن أن ينجح أي منهما، ولكن المهم ليس فقط أن تكون متسقًا، ولكن أيضًا أن تنظر إلى ما تفعله التطبيقات المماثلة، لمعرفة ما إذا كان بإمكانك محاولة اتباع بعض معايير الصناعة.

كما ذكرت، هناك أوقات أرغب في ظهور اليد، حيث قد لا يكون من الواضح أن شيئًا ما قابل للنقر عليه، لكنني لا أريد ظهور الزر.

لذلك، إذا كانت لدي كلمة يمكن أن تؤدي إلى إجراء ما، فيجب أن تتدفق مع بقية النص، ولكن إذا قمت بتمرير الماوس فوقها، يمكنك الحصول على بعض الإشارة إلى أن هذا قابل للنقر عليه، ثم يعمل الرابط بشكل أفضل.

لا نريد دائمًا أن تبدو الأزرار مثل الأزرار، لذا تعمل الروابط، ولكن هذا يتطلب واجهة متسقة للغاية.