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