قابلية الاستخدام على الويب: تنبيه / إعلام - كيف تجذب الانتباه؟
https://stackoverflow.com/questions/1505471
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
أقوم بإنشاء تطبيق ويب حيث يؤدي أحد الميزات إلى إخطار المستخدمين في الوقت الفعلي عندما يحدث تنبيه يتعلق بهم، على غرار شريط برتقالي كبير في تجاوز سعة مكدس.
لدي بعض الخيارات، وكنت أتساءل عما إذا كان هناك إرشادات صالحة للاستخدام على أفضل طريقة للذهاب في هذا الأمر. هناك خيار واحد هو الحصول على مربع إعلامات صغيرة على الشاشة التي تومض الألوان عند ظهور تنبيه، لكنني قلق من أن التغيير البسيط والمتكرر في اللون لن يكون كافيا لجذب انتباه المستخدم.
هناك خيار آخر هو أن يكون هناك نافذة تطفو عبر الشاشة، وتتطلب انتباه المستخدم، لكنني وجدت دائما تلك التي يجب أن تكون معبرة. ربما يكون شكل آخر من الرسوم المتحركة أقل مزعجا ولكن من المرجح بنفس القدر جذب انتباه المستخدم؟
أنا لا أبحث حقا عن رأي بقدر ما أبحث عن مناقشة / مورد قابل للاستخدام قد تغطي هذا النوع من القرار.
المحلول
الجواب يعتمد إلى حد ما على مدى أهمية ذلك هو أن المستخدم يولي اهتماما ومدى أهمية أن يأخذوا بعض الإجراءات؟ على سبيل المثال، هل تنبيه "خدمك تعطل" نوعا أو "لديك بريد إلكتروني جديد من العمة Zelda"؟
بالنسبة للعضو الأول، فإن هناك شيئا ينبئ هو الأفضل - إما خيارك العائم من نافذة، أو قد يغير خلفية الصفحة إلى اللون (وميض ؟؟؟ لا تضربني من فضلك!). كانت إحدى الطرق اللطيفة الأخرى للاحتفاظ بالاهتمام الذي رأيته هو تغيير عنوان الصفحة (وبالتالي نافذة متصفح) إلى مجموعة وميض من "* * * * * *" - أي غير معتادة بما يكفي لجذب الانتباه في بعض الأحيان.
بالنسبة إلى شيء أقل إذاعة في إشعار أقل حرجا - بسرعة، لذلك هو أعلى شريط الإعلام هو أحد أفضل الحلول من وجهة نظر قابلية الاستخدام (إن لم يكن الأفضل)، والمضي قدما في المقاييس الرئيسية (مقدار العمل الذي يحتاجه المستخدم إلى القيام به للتعامل مع هذا والنظر إليها، وكيف بديهية سلوكها):
تسافر عيون المستخدم إلى أعلى الشاشة وأكثر احتمالا من أي مكان آخر
من السهل جدا التخلص منكم بمجرد ملاحظته - شريط واسع (سهل الضرب بالماوس، لا توجد تعديلات حظية حاجة ماسة) وفي الأعلى جدا (وليس الكثير من العمل الفوري للغاية للحصول على المؤشر هناك).
نصائح أخرى
IMHO، يجب أن يعكس مستوى الانزعاج مستوى الخطأ ... لخطأ، طبقة مع رسالة الخطأ، مما يمنع المستخدم من فعل أي شيء آخر يجب أن يكون أفضل. للحصول على إشعار، مربع يظهر في الجزء العلوي من الصفحة (مثل المتصفح الذي يطلب منك حفظ كلمة مرور) لطيفة.
لذلك لا أعتقد أن هناك حلا أفضل ... يعتمد فقط على نوع التنبيه ... :)
إذا كنت تبحث عن موارد، أقترح لا تجعلني أفكر بواسطة ستيف كريج. موقعه، الحس السليم المعني, ، هو أيضا مصدر كبير.
موقع رائع آخر لنصائح الاستخدام والمبادئ التوجيهية هو Jakob Nielsen useit.com.
كنت في موقع في اليوم الآخر الذي يحتوي على زر تنزيل المنتج. لقد نقرت عليه، ويبدو أنه لم يحدث شيء. لقد قمت بالنقر فوقها مرة أخرى، ورابط التنزيل الذي قام به الزر الأول الذي تم إنشاؤه فعل هزة صغيرة في وجهي. فعالة جدا وحصلت على الضحك:
نظامي لديه ثلاثة أنواع من الإخطارات. يتم تصميم كل نوع من الإعلانات مع لون الحدود والخلفية:
- النجاح: أخضر
- تحذير: أصفر
- خطأ: أحمر.
تنبيهات، مثل "لم تملأ هذا الحقل بشكل صحيح!" يتم التعامل مع مضمنة، لذلك لا النوافذ المنبثقة لإزعاج المستخدم.
لقد قمت بتصميم نظامي للتلاشي الإخطارات بضع ثوان - وهذا يعني أن المستخدمين اعتادوا على رؤية المربع الأخضر الذي يتلاشى بعد بضع ثوان. ومع ذلك، عند حدوث خطأ أو تحذير في المربع يبقى على الشاشة مباشرة أمام المستخدم، يطالب بالاهتمام.
أعتقد أن التحذيرات والأخطاء يجب أن تستخدم فقط عند الضرورة تماما - بهذه الطريقة عندما يتم استخدامها، فإنها تحافظ على مستوى كبير من التأثير. في نظامي، لا تتلاشى التحذيرات والأخطاء - أنها تبقى هناك لتذكيرك بشيء ليس صحيحا تماما.
في تجربتي، إذا كنت ستتفاعل مع مستخدم، اجعلها كبيرة وفي وجهها، ولكن لا تجعل الأمر كثيرا بحيث يعوق بقية الصفحة. لذلك لا توجد مطالبات، أو تراكب نمط Lightbox (في رأيي).
أجد وظيفة تأثير JQuery UI () Highlight () أمر جيد للمستخدمين الذين تم تنبيههم بشيء ما؛ ومع ذلك، كما قال آخرون، فإن ذلك يعتمد على أهمية الرسالة - في بعض الأحيان تحتاج فقط إلى أن تكون مجنونا!
