ما هي أفضل طريقة للحصول على رقم من مستخدم؟

Question

كنت أتساءل عن قائمة صغيرة بالأرقام [1..20]، أي نوع من التحكم سوف تنصح بمطالبة المستخدم باختياره.

كنت أفكر في عنصر تحكم Numericupdown لكنه غير موجود لشبكة الإنترنت ولديه الأمور أسوأ، فأنا نشر على تطبيق صلب (Framework Python)

هل تشعر أن التحكم في الدخول سوف يكفي؟ ما زلت أشعر بطريقة أو بأخرى أن عنصر تحكم numericupdown أكثر بديهية وسهولة الاستخدام من وجهة نظر المستخدم.

سوف تحب آراء المجتمع حتى وربما تقديم المشورة حول أفضل الممارسات.

شكرا جزيلا!

عدل

Answer 1

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

إذا كانت القائمة على الماوس ولديك مساحة، فإن الشبكة من الأزرار أو مجموعة الراديو ستكون سريعة.

إذا كانت لوحة المفاتيح قائم على لوحة المفاتيح، كتب جاكوب نيلسن في مقالته Alertbox القوائم المنسدلة: استخدام sparningly, هذه المذكرة الحذر:

تصاميم لتجنب

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

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

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

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

Answer 2

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

Answer 3

شكرا على الردود الكريمة الرجال.

من بعض اختبار قابلية الاستخدام، وأني الشكل

1. يتحكم التحكم Numericupdown AKA NumbersPinner هو الأفضل للاختيار أرقام داخل حد صغير، على سبيل المثال 1-100

2. TextBox التحقق من صحة يعمل بشكل جيد لدخول الأرقام الكبيرة

3. قد تكون قائمة المنسدلة مناسبة فقط لأرقام الأصغر، على سبيل المثال 1-10 نظرا لطول المنسدلة (مستخدمي Netbook؟ مستخدمي الهواتف المحمولة)

4. ليست شبكة زر الراديو جيدة مثل القائمة المنسدلة لأن المستخدم يجب أن مسح طول الشاشة بأكمله لاختيار رقمه

القبعات قبالة لامعة إلى طرفه حول التحقق من الصحة لمنع تغيير الأرقام باستخدام Firebug.

Answer 4

إذا كنت تفضل أسلوب Numericupdown، فيمكنك إنشاء إصدار بسيط بسهولة باستخدام JavaScript بسهولة. لقد فعلت ذلك مع JQuery، لذلك لا أستطيع حقا أن أعطيك تفاصيل حول القيام بذلك مع YUI، ولكن بشكل عام، إليك ما قمت به. قم بإنشاء مربع نص قياسي مع القيمة الافتراضية المحددة مسبقا فيها، وتعيينها إلى Readonly. أضف الأزرار لأعلى ولأسفل وأسلوبهم كيف تريد (استخدمت Divs، لأسفل على يسار المربع، لأعلى على اليمين). إضافة حدث Click إلى كل زر تعيين لزيادة قيمة أو تقليل قيمة مربع النص. في البرنامج النصي الخاص بك، حدد نطاق القيم، ولكن أيضا التحقق من صحة المدخلات للتأكد من أنه لا يتم تغييره كما ينصح من قبل. لم أكن خبيرا في أي من هذا، لذلك قد تكون هناك طرق أسهل للقيام بذلك.