كيفية رفض إدخال المستخدم بصريا في جدول؟

Question

في برمجة وحدة تطبيق قائمة على الطاولة (أي المستخدم يدخل المستخدم في الغالب إلى بيانات جدولي في جدول موضعي بالفعل)، كيف ترفض إدخال المستخدم للحصول على خلية معينة؟

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

أستطيع أن أرى أشياء مختلفة تحدث:

1. يمكنك بسهولة أن تناسب دخولها بسهولة إلى تنسيقك، وأنت تفعل ذلك، لكنك تريد منهم أن يلاحظوا ذلك حتى يتمكنوا من التغيير إذا كان تخمينك غير جيد بما يكفي (مثال: لقد دخلوا "15.47" في حقل يحتاج إلى أن يكون عدد صحيح، لذلك يجعل البرنامج الخاص بك "15")
2. لا يمكنك تخمين ما يجب القيام به مع دخولهم، وتريد إبلاغهم بأنه غير صالح.

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

الشيءان الذي يمكنني تخيله هو:

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

دعونا نسمع اقتراحاتكم.

ملاحظة: هذا السؤال هو، على الأقل في عملية التفكير الخاصة بي، واستمرار بطريقة أو بأخرى وتخصص سؤالي السابق الحصول على المستخدمين لقراءة رسائل الخطأ.

PPS: جعل هذا المجتمع Wiki، هل كان الشيء الصحيح الذي يجب القيام به في هذا النوع من السؤال أم لا؟

Answer 1

كن حذرا باستخدام التصحيح التلقائي مثل إجبار إدخال المستخدم لتناسب تنسيقك. يرى:

هل من المقبول تطبيع محتوى مربع النص عندما يفقد التركيز؟.

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

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

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

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

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

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

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

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

بالنسبة للاتساق، استخدم لجميع الأخطاء، وليس فقط تلك المرتبطة بحقول في الجداول.

Answer 2

آخر مرة قمت فيها بمثل هذا النموذج (على صفحة ويب) أضع مربع أحمر حول المدخلات المخالفة.

اعتقدت أنه كان حقا أنيق ... حتى سألني المستخدم "لماذا يوجد مربع أحمر حول هذه الخلية؟"

ماذا يكون لطيفا هو أيضا عرض لماذا يقول: "هذا الحقل يقبل فقط الأرقام"، كما يقول.

Answer 3

يمكنك عرض أيقونة في الخلية، أو تلميح الأدوات. يمكن فتح Tooltip تلقائيا أو عندما يحوم مؤشر الماوس فوق الرمز. يمكن أن تختفي تلقائيا عندما يقوم المستخدم بتحرير خلية أخرى أو عند انتهاء بعض المهلة.

Answer 4

يمكنك الذهاب مع Tooltips السهم مثل Tooltips Adobe Flex's Error Tooltips. يركز الانتباه إلى الخطأ ويوفر وصفا موجزا.