مبادئ تصميم تقنية اللمس

يوضّح هذا المستند مبادئ ردود الفعل اللمسية على أجهزة Android، ويشمل حالات الاستخدام وتصنيفات التأثيرات اللمسية (الواضحة والغنية والمميزة) وإرشادات التصميم الأساسية لمطوّري التطبيقات. keywords_public: > haptics, vibration, feedback, Android, UI, UX, design, principles, guidelines, HapticFeedbackConstants

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

توضّح هذه الصفحة حالات استخدام ردود الفعل اللمسية، وتعرّف على التصنيفات الخاصة بتأثيرات ردود الفعل اللمسية، وتتضمّن أيضًا إرشادات أساسية للتطبيقات.

حالات استخدام إضافة ردود فعل لمسية إلى تطبيقك

في ما يلي بعض الأسباب التي تدفعك إلى دمج التفاعل اللمسي في تطبيقك.

• إشعار المستخدم بحدث يستدعي انتباهه وتشمل الأمثلة مكالمة هاتفية أو رسالة نصية واردة أو اجتماعًا قادمًا في التقويم.

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

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

تصنيفات تقنية اللمس

تم تصميم مبادئ تقنية اللمس المعروضة هنا استنادًا إلى تقنية اللمس الواضحة وتقنية اللمس الغنية وتقنية اللمس الرنانة.

تقنية اللمس الواضحة

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

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

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

مع توسّع حالات استخدام ميزة "اللمس الواضح"، قد تشعر أحيانًا بأنّ الاهتزازات المتاحة بسيطة ومملة. في هذه الحالة، استخدِم اهتزازات غنية تعبر عن المعنى بشكل أفضل.

تقنية اللمس الغني

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

في ما يلي أمثلة على التأثيرات الحسية الغنية:

• الشعور بـ "رفرفة"، مثلما ترفرف فراشة بجناحيها على طرف إصبعك
• ملمس سطح يشعر به إصبع يتم سحبه أو تمريره سريعًا عليه
• الشعور بالاهتزاز وعدم الثبات أو الثقل والصدى

تقنية اللمس المفعمة بالحيوية

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

تشمل الأمثلة على الأحاسيس اللمسية الرنّانة ما يلي:

• تشغيل آلة الحفر
• ركوب دراجة نارية
• في الأجهزة الجوّالة، اهتزاز طويل ومستمر بعد الضغط على مفتاح

منذ أجهزة النداء والهواتف العادية، كانت الهواتف الجوّالة المنخفضة التكلفة التي تتضمّن مشغّلات أو محركات اهتزاز منخفضة الأداء تميل إلى إصدار اهتزازات طويلة مزعجة لأغراض الإشعارات.

إرشادات تصميم تقنية اللمس

يمكن تلخيص إرشادات التصميم على النحو التالي:

• فضِّل استخدام تقنية اللمس الغنية والواضحة على استخدام تقنية اللمس الرنانة.
• يجب أن تكون متسقًا مع النظام وتصميم التطبيق.
• يجب الانتباه إلى معدّل الاستخدام والأهمية.

إعطاء الأولوية للثوابت والمؤثرات اللمسية المحدّدة مسبقًا

إذا كانت الإجراءات التي تتخذها مشمولة بإجراء محدّد مسبقًا وموجود في HapticFeedbackConstants، استخدِم هذا الثابت. ويضمن ذلك توفير تجربة تفاعل متسقة للمستخدمين، وهو أمر مهم بشكل خاص عند مراعاة تسهيل الاستخدام.

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

ربط أهمية الحدث ومعدّل تكراره بقوة الإشارة

يجب ألا تكون التأثيرات الحسية طاغية على المستخدم أو تبدو غير ضرورية.

• يجب أن تكون التأثيرات الحسية المطبَّقة على الأحداث المتكررة جدًا، مثل التمرير أو تحريك مقبض نص، طفيفة جدًا لتوفير تجربة عامة ممتعة.

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

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

الحفاظ على الاتّساق

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

يجب أيضًا أن تكون متسقًا مع نظام Android من خلال استخدام HapticFeedbackConstants نفسه للتفاعلات المحدّدة جيدًا، مثل أدوات اختيار الوقت أو لوحات المفاتيح الافتراضية.

تصميم تجارب مرئية وصوتية باستخدام الاهتزازات

ضَع الاهتزازات في الاعتبار كجزء من تجربة المستخدم الإجمالية.

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

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

تجنُّب الاهتزازات القديمة لمرة واحدة للحصول على تجاوب حسّي

تجنَّب استخدام الاهتزازات القديمة التي تحدث مرة واحدة، مثل تلك المحدّدة بواسطة VibrationEffect.createOneShot أو التي يتم تنفيذها باستخدام واجهات برمجة التطبيقات Vibrator.vibrate(long) وVibrator.vibrate(long[], int).

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

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