نافذة منبثقة
في تصميم واجهة المستخدم ، النافذة المشروطة ، أو المشروطة باختصار، [ 1 ] [ 2 ] هي عنصر تحكم رسومي تابع للنافذة الرئيسية للتطبيق .
تُنشئ النافذة المنبثقة وضعًا يُعطّل تفاعل المستخدم مع النافذة الرئيسية مع إبقائها مرئية، حيث تعمل النافذة المنبثقة كنافذة فرعية أمامها. يجب على المستخدمين التفاعل مع النافذة المنبثقة قبل العودة إلى النافذة الرئيسية ، مما يمنع مقاطعة سير العمل في النافذة الرئيسية. تُسمى النوافذ المنبثقة أحيانًا بالنوافذ الثقيلة أو مربعات الحوار المنبثقة لأنها غالبًا ما تعرض مربع حوار .
تستخدم واجهات المستخدم عادةً النوافذ المنبثقة لتوجيه انتباه المستخدم وعرض حالات الطوارئ، على الرغم من أن مصممي التفاعل يرون أنها غير فعالة لهذا الغرض. [ 3 ] النوافذ المنبثقة عرضة لأخطاء الوضع . [ 3 ] [ 4 ] [ 5 ]
على الإنترنت ، غالباً ما تعرض هذه الأدوات الصور بتفاصيل دقيقة، مثل تلك التي تنفذها مكتبة Lightbox ، أو تُستخدم للإعلانات التي تظهر عند تمرير المؤشر فوقها . [ 6 ] [ 7 ]
عكس النوافذ المشروطة هو النوافذ غير المشروطة . لا تحجب النوافذ غير المشروطة النافذة الرئيسية، لذا يمكن للمستخدم التبديل بينها ، والتعامل معها كنوافذ لوحة أدوات .
الأهمية والاستخدام
حالات الاستخدام
تشمل الاستخدامات الشائعة للنوافذ المنبثقة ما يلي:
- لفت الانتباه إلى المعلومات الأساسية. وقد وُجهت انتقادات لهذا الاستخدام لعدم فعاليته، إذ يتعرض المستخدمون لوابل من مربعات الحوار، ويعتادون على النقر ببساطة على "إغلاق" أو "إلغاء" أو "موافق" دون قراءة الرسالة أو فهمها. [ 8 ] [ 9 ] [ 10 ]
- يؤدي ذلك إلى إيقاف تدفق التطبيق حتى يتم إدخال المعلومات المطلوبة للمتابعة، مثل كلمة المرور في عملية تسجيل الدخول . ومن الأمثلة الأخرى مربعات حوار الملفات لفتح الملفات وحفظها في التطبيق.
- يتم تجميع خيارات تكوين التطبيق في مربع حوار مركزي. في مثل هذه الحالات، تُطبّق التغييرات عادةً عند إغلاق مربع الحوار، ويتم تعطيل الوصول إلى التطبيق أثناء إجراء التعديلات.
- تحذير بأن آثار الإجراء الحالي غير قابلة للتراجع. يُعدّ هذا نمط تفاعل شائعًا في نوافذ الحوار المشروطة، لكن بعض خبراء سهولة الاستخدام ينتقدونه لعدم فعاليته في الغرض المقصود منه (الحماية من أخطاء الإجراءات المدمرة) بسبب التعود عليه . ويوصون بجعل الإجراء قابلاً للتراجع (توفير خيار "التراجع"). [ 3 ]
نوافذ منبثقة في نظام التشغيل Mac OS X
تُنفَّذ العديد من الميزات التي تُمثَّل عادةً بالنوافذ المشروطة على شكل لوحات مؤقتة مشروطة تُسمى "Sheets" [ 11 ] في نظام التشغيل Mac OS X. تتصرف النوافذ المؤقتة بشكل مشابه للنوافذ المشروطة ، فهي تظهر دائمًا أعلى النافذة الرئيسية ولا تظهر في قائمة النوافذ، ولكنها لا تُعطِّل استخدام النوافذ الأخرى في التطبيق. تنزلق "Sheets" من شريط عنوان النافذة، وعادةً ما يجب إغلاقها قبل أن يتمكن المستخدم من مواصلة العمل في النافذة، ولكن يظل باقي التطبيق قابلاً للاستخدام. وبالتالي، تُنشئ "Sheets" وضعًا داخل النافذة التي تحتويها، ولكنها غير مشروطة بالنسبة لباقي التطبيق.
التحكم في تدفق التفاعل
تُعدّ النوافذ المنبثقة شائعة في أدوات واجهة المستخدم الرسومية لتوجيه سير عمل المستخدم. ويرى آلان كوبر أن أهمية إلزام المستخدم بالتركيز على المسائل المهمة تبرر تقييد حريته، وأن البديل سيزيد من إحباطه. [ 12 ]
انقطاعات غير متوقعة
تُعدّ مربعات الحوار التنبيهية غير المتوقعة من أبرز أسباب أخطاء الوضع [ 3 ]، والتي قد تترتب عليها عواقب وخيمة. ويوصي خبراء سهولة الاستخدام بضرورة إمكانية التراجع عن الإجراءات الخطيرة كلما أمكن ذلك؛ فمربع التنبيه الذي يظهر فجأة أو يتم تجاهله بالتعود لا يحمي من الإجراء الخطير. [ 13 ] ويُنظر بشكل متزايد إلى شريط المعلومات غير المشروط على أنه أفضل من مربع الحوار لأنه لا يقاطع أنشطة المستخدم، بل يسمح له بقراءة معلومات إضافية في الوقت الذي يناسبه.
يتمثل أحد الأساليب المقترحة في تصميم كل عنصر إدخال كوحدة مستقلة ذاتيًا، موجهة نحو مهمة محددة ، وتسترشد بمتطلباتها الخاصة بدلًا من الحالة العامة للتطبيق بأكمله. على سبيل المثال، يمكن وضع علامة نجمة قبل العناصر المطلوبة ، وإطار أحمر حول العناصر التي تحتوي على بيانات غير صالحة، وهكذا. مع هذا الأسلوب، يستفيد المستخدمون من رؤية العديد من عناصر الإدخال في وقت واحد، حيث يمكنهم إدخال البيانات بطريقة منطقية بالنسبة لهم، بدلًا من حجب جميع العناصر الأخرى غير ذات الصلة حتى اكتمال تسلسل إدخال البيانات المحدد مسبقًا.
مشاكل
تُعطّل النافذة المنبثقة جميع عمليات سير العمل الأخرى في البرنامج الرئيسي حتى يتم إغلاقها، على عكس مربعات الحوار غير المشروطة التي تسمح للمستخدمين بالتفاعل مع النوافذ الأخرى. [ 14 ] تهدف النوافذ المنبثقة إلى جذب انتباه المستخدم بالكامل. [ 15 ] قد لا يُدرك المستخدمون أن النافذة المنبثقة تتطلب انتباههم، مما يؤدي إلى ارتباك بشأن عدم استجابة النافذة الرئيسية، أو إلى فقدان إدخالات البيانات المُخصصة للنافذة الرئيسية (انظر خطأ الوضع ). في الحالات الخطيرة، تظهر النافذة المنبثقة خلف نافذة أخرى يتحكم بها البرنامج نفسه، مما قد يُؤدي إلى توقف البرنامج بأكمله عن الاستجابة حتى يتم تحديد موقع النافذة المنبثقة يدويًا.
مع ذلك، اتخذ العديد من مصممي واجهات المستخدم مؤخرًا خطوات لجعل النوافذ المنبثقة أكثر وضوحًا، وذلك بتعتيم الخلفية خلف النافذة أو السماح بإغلاقها بالنقر خارجها - وهو تصميم يُعرف باسم " لايت بوكس " [ 7 ] - ما يُخفف من هذه المشكلات. ويذكر جاكوب نيلسن أن من مزايا النوافذ المنبثقة أنها تُحسّن وعي المستخدم: "عندما يحتاج شيء ما إلى إصلاح، من الأفضل التأكد من أن المستخدم على دراية به". ولتحقيق هذا الهدف، يوفر تصميم "لايت بوكس" تباينًا بصريًا قويًا للنافذة المنبثقة عن باقي العناصر المرئية. وقد أصبحت تقنية "لايت بوكس" أداة شائعة في تصميم مواقع الويب.
تُصمَّم النوافذ المنبثقة عادةً بطرق تمنع إمكانية تحريكها أو تصغيرها أو تقليص حجمها أو إعادتها إلى مكانها، كما أنها تستحوذ على تركيز الإدخال، مما يعيق في كثير من الأحيان استخدام وظائف القص والنسخ واللصق في النظام . وقد يُعيق هذا استخدام التطبيقات الرئيسية من خلال منع الوصول إلى النوافذ والبيانات الأخرى داخل التطبيق نفسه، لا سيما في الحالات التي تتطلب فيها النافذة المنبثقة من المستخدم إدخال معلومات متوفرة فقط في إحدى النوافذ التي تغطيها.
بالنسبة للمستخدمين الذين يستخدمون مساحات عمل افتراضية أكبر من شاشاتهم الفعلية، يمكن أن تتسبب النوافذ المنبثقة في سلوك غير مرغوب فيه، بما في ذلك إنشاء النافذة المنبثقة على جزء من الشاشة الافتراضية غير المعروضة حاليًا، أو التبديل المفاجئ للعرض من ما كان المستخدم يعمل عليه إلى قسم مختلف تمامًا.
تميل النوافذ المنبثقة إلى تحويل مسار إدخال النصوص فجأة، خاصةً الإدخال المكتوب المخصص لبرامج أخرى، إلى داخلها. علاوة على ذلك، عادةً ما تفسر هذه النوافذ ضغط مفتاح الإدخال (أو في حالات نادرة وجود سطر جديد في الإدخال المُلصق) كإشارة لقبول الإدخال ومعالجته، أو في حالات نادرة، قد تعترض نقرة الماوس المخصصة لتطبيق آخر تم تغطيتها فجأة. هذا الاعتراض، الذي يُسمى سرقة التركيز ، يُمكن أن يُعرّض خصوصية المستخدم وأمانه للخطر، بالإضافة إلى التقاط إدخال غير مناسب وخارج السياق، مما قد يُسبب نتائج غير متوقعة وعشوائية في البرنامج الذي أنشأ النافذة المنبثقة.
اعتمادًا على تفاصيل التنفيذ، يمكن أن تنتهك النوافذ المنبثقة مبدأ أقل قدر من المفاجأة .
التوصيات
تُعدّ النوافذ المنبثقة جزءًا من سير العمل، ويُنصح بوضعها في المكان الذي يتركز فيه الاهتمام في هذا السير. على سبيل المثال، يمكن وضع النافذة بالقرب من عنصر التحكم الرسومي الذي يُفعّلها. [ 16 ]
قد يؤدي استخدام خلفية داكنة شبه شفافة إلى حجب المعلومات في النافذة الرئيسية، لذا يُفضل استخدامها فقط عندما تُشتت هذه المعلومات الانتباه. ويمكن جعل الخلفية شبه الشفافة أقل إزعاجًا بجعل مساحة الخلفية بأكملها تعمل كزر إغلاق: وهذا أمر شائع في معظم أنظمة تشغيل الأجهزة المحمولة، ويمنع شعور المستخدم بأنه محاصر، ويجعل النوافذ المنبثقة تبدو أقل شبهاً بالنوافذ المزعجة.
ينبغي أن يتبع التصميم الممارسات الشائعة في النظام الأساسي الذي يعمل عليه البرنامج. يستخدم نظام التشغيل مايكروسوفت ويندوز عناصر تحكم قياسية لنوافذ الحوار المشروطة ، مع وجود أزرار تأكيد الإجراء في أسفل يمين اللوحة. أما نظام التشغيل ماك أو إس إكس فيستخدم نوافذ مشروطة مع وجود أزرار تأكيد الإجراء في أقصى اليمين. [ 17 ]
انظر أيضاً
مراجع
- ↑ سيجون، دانيال (2022-09-07). "هل النوافذ المنبثقة في تصميم المواقع الإلكترونية كارثة لتجربة المستخدم؟" . تم الاطلاع عليه بتاريخ 2025-09-26 .
- ↑ كويير، كريس (18 يوليو 2016). "اعتبارات تصميم النافذة المنبثقة" . CSS-Tricks . تم الاطلاع عليه بتاريخ 26 سبتمبر 2025 .
- 1 2 3 4 "لا تستخدم التحذير أبدًا عندما تريد التراجع" . alistapart.com . تم الاطلاع عليه بتاريخ 9 أكتوبر 2015 .
- ↑ راسكين، جيف (2000). التفاعل الإنساني . الولايات المتحدة: أديسون ويسلي. ISBN 0-201-37937-6.
- ↑ "مدقق التفاصيل / الواجهة الإنسانية" . nitpicker.pbworks.com . القاعدة 1أ . تم الاسترجاع في 9 أكتوبر 2015 .
- ↑ مستكشف أنماط تجربة المستخدم في كوينس. "لوحة منبثقة" . مؤرشف من الأصل بتاريخ 27-02-2010.تستخدم مكتبة Lightbox JavaScript الشهيرة أسلوب اللوحة المنبثقة لعرض الصور
- 1 2 جاكوب نيلسن، أليرت بوكس. "أفضل 10 واجهات مستخدم للتطبيقات" .
- ↑ جويل سبولسكي ، تصميم واجهة المستخدم للمبرمجين: التصميم للأشخاص الذين لديهم ما هو أهم ليفعلوه في حياتهم
- ↑ ريموند تشين ، الشيء الجديد القديم: الإجابة الافتراضية لكل مربع حوار هي "إلغاء"
- ↑ جيف أتوود، رعب البرمجة: تعليم المستخدمين القراءة
- ↑ "جداول البيانات - العرض التقديمي - المكونات - إرشادات واجهة المستخدم - التصميم - مطورو Apple" . مطورو Apple . تم الاطلاع عليه بتاريخ 7 سبتمبر 2022 .
- ↑ كوبر، آلان (17 مارس 2003). حول الوجه 2.0: أساسيات تصميم التفاعل . وايلي. ISBN 0-7645-2641-3.
- ↑ راسكين، جيف (2000). التفاعل الإنساني . أديسون ويسلي. ISBN 0-201-37937-6.
- ↑ "كيفية استخدام النمطية في الحوارات" . شركة أوراكل .
- ↑ "لوحة منبثقة" . quince.infragistics.com . مؤرشف من الأصل بتاريخ 2013-05-06.
- ↑ "لوحة التحكم المنبثقة - التنفيذ" . quince.infragistics.com . مؤرشف من الأصل بتاريخ 2013-05-06.
- ↑ شركة آبل. "السمات - نظام macOS - إرشادات واجهة المستخدم - مطورو آبل" . developer.apple.com . تم الاطلاع عليه بتاريخ 18 سبتمبر 2018 .
- عناصر واجهة المستخدم الرسومية
