يوفر كسر التماثل التباين والجاذبية لمشاريعك. تعرَّف على كيفية تطبيق هذا الإعداد على مشاريعك ومتى يتم ذلك.
يحسن توقيت الرسوم المتحركة غير المتماثل تجربة المستخدم من خلال السماح لك بالتعبير عن الشخصية والاستجابة في نفس الوقت بسرعة لتفاعلات المستخدم. كما أنه يوفر تباينًا مع الشكل، مما يجعل الواجهة أكثر جاذبية من الناحية المرئية.
- استخدم توقيت الرسوم المتحركة غير المتماثل لإضافة شخصية وتباين إلى عملك.
- احرص دائمًا على تفضيل تفاعل المستخدم؛ واستخدام فترات أقصر عند الاستجابة للنقرات أو النقرات، وحجز مدد أطول للأوقات التي لا تستجيب فيها.
كما هو الحال مع معظم "قواعد" الرسوم المتحركة، يجب أن تجرب اكتشاف ما يصلح لتطبيقك، ولكن عندما يتعلق الأمر بتجربة المستخدم، من المعروف أن المستخدمين لا ينفدون صبرهم. تتمثل القاعدة الأساسية في الاستجابة دائمًا لتفاعل المستخدم بسرعة. ومع ذلك، في معظم الأحيان يكون إجراء المستخدم غير متماثل، وبالتالي يمكن أن تكون الرسوم المتحركة أيضًا.
على سبيل المثال، عندما ينقر المستخدم لعرض شريط تنقّل في الشريط الجانبي، يجب عرضه في أسرع وقت ممكن، لمدة 100 ملي ثانية تقريبًا. ومع ذلك، عندما يرفض المستخدم القائمة، يمكنك تحمل رسوم متحركة في الرؤية بشكل أبطأ قليلاً، على سبيل المثال، حوالي 300 ملي ثانية.
على النقيض، عند استخدام طريقة عرض مشروطة، عادةً ما يؤدي ذلك إلى عرض خطأ أو رسالة مهمة أخرى. في مثل هذه الحالات، سيكون عليك عرض طريقة العرض بشكل أبطأ قليلاً، مرة أخرى عند بلوغ 300 ملي ثانية تقريبًا، ولكن يجب أن تتم عملية الرفض التي يؤديها المستخدم بسرعة كبيرة.
القاعدة العامة هي ما يلي:
- بالنسبة إلى الصور المتحركة في واجهة المستخدم التي يتسبب فيها تفاعل المستخدم، مثل الانتقالات بين طرق العرض أو عرض عنصر، يجب أن تكون هناك مقدمة سريعة (مدة قصيرة)، وخاتمة بطيئة (مدة أطول).
- بالنسبة إلى الصور المتحركة في واجهة المستخدم التي يتم تشغيلها بواسطة رمزك، مثل الأخطاء أو طرق العرض المشروطة، تكون المقدمة أبطأ (مدة أطول)، وخاتمة سريعة (مدة قصيرة).