أفضل الممارسات لنشر مؤشرات التقدم المتحركة لصالحك

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

لكن ضع في اعتبارك هذا ، هل تفضل الانتظار ومشاهدة شاشة فارغة لرؤية اكتمال الإجراء؟ أم تبقى مستمتعا بشيء ذي مغزى حتى تظهر الشاشة مرة أخرى؟

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

لماذا يعتبر التعامل مع المستخدم أثناء تقدم النظام أمرًا مهمًا؟

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

اجعل المستخدمين منشغلين بالتعليقات

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

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

كيف تستخدم مؤشر التقدم لأي إجراء يستغرق أكثر من ثانية واحدة؟

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

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

أنواع مؤشرات التقدم

1. غير محدد : مؤشرات الانتظار المتحركة مصممة للتواصل مع المستخدم وإبقائه على اطلاع بآخر إجراء للمستخدم. أكثر أنواع مؤشرات الانتظار شيوعًا والأبسط نوعًا ما هو "غير محدد". تخبر هذه الأنواع من المؤشرات المستخدمين بالانتظار حتى يكتمل الإجراء مع إبقائهم غير مدركين للوقت الذي قد يستغرقه لإكمال التقدم. من المفهوم تقريبًا أنه يجب استخدام مؤشر التقدم غير المحدد للإجراءات السريعة ويفضل أن يكون ذلك في غضون 2-10 ثوانٍ. أي وقت أطول من ذلك وقد يؤثر على صبر المستخدم. يمكن أن يؤدي ذلك إلى زيادة معدل الارتداد لموقع الويب والتخلي عن التطبيقات.
2. تحديد : في حالة وجود مؤشر تقدم "تحديد" ، فإن الوقت يمتد تمامًا داخل الرسوم المتحركة. مثل هذا النوع من المؤشرات يبقي المستخدم على علم بالوقت التقريبي أو الدقيق لإكمال التقدم. إنها بالأحرى النوع الأكثر شيوعًا من مؤشرات الانتظار نظرًا لأنها توضح التقدم من حيث بدأت ، ومقدار ما تم إنجازه وكم سيستغرق الأمر لقتل الانتظار. يساعد هذا المستخدم على البقاء مطمئنًا بشأن التقدم الذي يتم إحرازه وعرضه من خلال الرسوم المتحركة ، مع زيادة رغبته في الاستمرار في المشاركة في موقع الويب أو التطبيق.

مؤشر الرسوم المتحركة الحلقي ومؤشر النسبة المئوية تم

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

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

  

  

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

كيف تستخدم مؤشرات التقدم بشكل فعال؟

يمكن أن يعني استخدام مؤشرات التقدم بشكل فعال في تطبيقاتك ومواقعك الإلكترونية فرق النجاح والفشل. فيما يلي بعض النصائح للتأكد من أن مؤشرات التقدم الخاصة بك تعمل بشكل جيد.

1. إبقاء المستخدم على اطلاع على سبب الانتظار : إنه خطأ مبتدئ لإبقاء المستخدم غافلاً عن تقدم التحميل الذي يتم إجراؤه في الخلفية. هذا يزيد من ميلهم إلى فقدان الصبر والخروج من التطبيق أو موقع الويب. يمكنك إبقاء المستخدم على اطلاع من خلال إظهار مؤشر تقدم متحرك مصحوبًا ببعض النصوص لفهم إضافي. يمكنك عرض العملية التي يتم استهدافها على وجه التحديد. على سبيل المثال ، يمكنك إظهار تقدم الانتظار للعبة فيديو باستخدام شريط تحميل ونص يقرأ العملية التي يتم إجراؤها على سبيل المثال ، "تحميل الرسومات" أو "تحميل الخرائط" وما إلى ذلك.
2. حدد تقديرًا بسيطًا للوقت للمهمة التي تتطلب فترات زمنية أطول : لا تأخذ الأشياء إلى المقاييس الدقيقة. يمكنك الحفاظ على تفاعل المستخدم من خلال تقديم تقدير بسيط. العبث بوعود لا يمكنك الوفاء بها يمكن أن يزعج المستخدمين ويجبرهم على المغادرة.
3. اعرض المقدار الدقيق للوقت المطلوب : ومع ذلك ، بالنسبة للعمليات التي تستغرق عمومًا وقتًا أطول من متوسط ​​حد الانتظار للمستخدم ، فإن اختيار مؤشرات التقدم المحددة سيكون خطوة أكثر ذكاءً. سيكون الخيار المثالي هو مؤشر تقدم النسبة المئوية لأنه يجلب وقت التحميل الدقيق إلى دائرة الضوء. للعمليات التي تكون أطول في التعامل معها ، ضع في اعتبارك استخدام عدد من الخطوات لتسليط الضوء على التقدم المحرز.
4. مواكبة التقدم : حاول أن تهدف إلى الاتساق في شريط التقدم الخاص بك أثناء تحميل المهام. بعد بضع تجارب ، يجبر شريط التقدم المستخدمين على تطوير توقع حول مدى سرعة إكمال الإجراء. وبالتالي ، فإن أي تجميد أثناء التقدم يمكن أن يوجه ضربة خطيرة لتوقعات المستخدمين. على سبيل المثال ، عندما يصل الشريط إلى 99٪ ويظل هكذا لفترة طويلة من الوقت ، يشعر غالبية المستخدمين بالإحباط من هذا السلوك ويتركون التطبيق يعتقدون أنه قد تجمد. لمواجهة هذا ، يمكنك إخفاء هذه التأخيرات غير المتسقة في شريط التقدم من خلال إظهار أنها تتحرك على الفور وثبات.
5. إظهار التقدم في شريط أسرع من السرعة الفعلية : يمكن إظهار سرعة الخام من خلال تصور بسيط يمكنك إنشاؤه لجعل شريط التقدم يشعر بشكل أسرع. يمكنك تحقيق ذلك من خلال تصميم الرسوم المتحركة بحيث تتحرك ببطء في البداية واختيار وتيرتها لأنها تغلق النهاية. سيخلق هذا وهمًا بالتقدم السريع دون المساس بالوقت لإكمال المهمة.
6. تقديم إلهاء : يمكن تقليل إدراك المستخدم للوقت بشكل كبير من خلال تقديم مؤشرات تقدم إبداعية. إذا أظهر التطبيق بعض التفاصيل النصية أو المرئية المثيرة للاهتمام أثناء إحراز التقدم ، فيمكن أن يشتت ذهن المستخدم عن الوقت الذي يستغرقه إكمال الإجراء. يمكنك تقديم مجموعة متنوعة من الأشياء لإبقاء المستخدمين مشغولين مثل مقاطع الفيديو القصيرة والحقائق الشيقة والرسوم المتحركة وحتى الألعاب التافهة.

بديل - استخدم شاشات الهياكل العظمية لمقاومة مؤشرات تقدم الرسوم المتحركة

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

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

افكار اخيرة

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

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