كيفية إقران إجراء النقر بملاحظات مرئية أو لمسية واضحة

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

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

تعامل مع الملاحظات باعتبارها تسلسلاً مرتبطاً بالحالة الفعلية لعنصر التحكم، بدلاً من كونها تأثيراً واحداً يتم تشغيله كلما تلقى الزر نقرة. يُعد الأساس التالي مفيداً:

1. جاهز: اعرض الإجراء مع تسمية توضيحية أو رمز مألوف يجعل هدفه واضحاً.
2. مضغوط: وفّر حالة ضغط مرئية فورية، مثل تغيير خفيف في التعبئة أو الحجم أو التمييز.
3. قيد التنفيذ: إذا تأخر الاكتمال، فاعرض التقدم وامنع عمليات الإرسال المتكررة العرضية عندما يكون ذلك مناسباً للإجراء.
4. مكتمل أو فاشل: حدّث الواجهة بالنتيجة الفعلية. بالنسبة لمفتاح التبديل، اعرض حالة التحديد الجديدة الخاصة به؛ وبالنسبة للإرسال، قدّم حالة نجاح أو خطأ موجزة.

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

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

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

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

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

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

في Android، يستخدم أسلوب View.performHapticFeedback الموصى به ثوابت موجهة نحو الإجراء، ويحترم إعدادات ملاحظات اللمس في النظام، ولا يتطلب إذن VIBRATE. توفر المنصة سلوكاً بديلاً لهذه الثوابت عند الحاجة. تخضع تأثيرات الاهتزاز الأكثر تخصيصاً لاعتبارات دعم وإعداد مختلفة، لذا يُفضل استخدام النهج القياسي الموجه نحو الإجراء لعناصر التحكم العادية. دليل تنفيذ الملاحظات اللمسية في Android

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

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

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

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

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

• الأزرار — إرشادات الواجهة البشرية من Apple
• الملاحظات — إرشادات الواجهة البشرية من Apple
• تشغيل الملاحظات اللمسية — إرشادات الواجهة البشرية من Apple
• مبادئ تصميم الملاحظات اللمسية — مطورو Android
• إضافة ملاحظات لمسية إلى الأحداث — مطورو Android