ऐसिमेट्रिक ऐनिमेशन टाइमिंग

सिमेट्री को तोड़कर, अपने प्रोजेक्ट में कंट्रास्ट और लोगों की दिलचस्पी बढ़ाएं. जानें कि इसे अपने प्रोजेक्ट पर कब और कैसे लागू करें.

पॉल लुइस

एसिमेट्रिक ऐनिमेशन टाइमिंग से, उपयोगकर्ता के अनुभव को बेहतर बनाने में मदद मिलती है. इसकी मदद से, अपने व्यक्तित्व को बताने के साथ-साथ उपयोगकर्ता के इंटरैक्शन पर भी तुरंत प्रतिक्रिया दी जा सकती है. साथ ही, इससे इंटरफ़ेस अलग तरह का अनुभव देता है, जिसकी वजह से इसका इंटरफ़ेस ज़्यादा आकर्षक लगता है.

  • अपने काम में बेहतरीन इफ़ेक्ट और कंट्रास्ट दिखाने के लिए, एसिमेट्रिक ऐनिमेशन टाइमिंग का इस्तेमाल करें.
  • हमेशा उपयोगकर्ता की बातचीत को बढ़ावा दें; टैप या क्लिक का जवाब देते समय कम अवधि का इस्तेमाल करें और जब आप ऐसा न करें, तब उनके लिए लंबी अवधियां बुक करें.

ऐनिमेशन के ज़्यादातर "नियमों" की तरह, आपको यह पता लगाने के लिए भी प्रयोग करना चाहिए कि आपके ऐप्लिकेशन के लिए क्या कारगर है. लेकिन जब उपयोगकर्ता अनुभव की बात आती है, तो उपयोगकर्ता काफ़ी अधीर होते हैं. बुनियादी नियम यह है कि उपयोगकर्ता के इंटरैक्शन का जवाब हमेशा तुरंत दिया जाए. इसलिए, ज़्यादातर मामलों में उपयोगकर्ता की कार्रवाई अलग-अलग तरह की होती है और इसलिए ऐनिमेशन भी हो सकता है.

उदाहरण के लिए, जब कोई उपयोगकर्ता साइडबार नेविगेशन को दिखाने के लिए टैप करता है, तो आपको उसे जल्द से जल्द दिखाना चाहिए. इसकी अवधि करीब 100 मि॰से॰ होती है. जब उपयोगकर्ता मेन्यू को खारिज कर देता है, तब आपके पास व्यू को और धीरे-धीरे ऐनिमेट करने का विकल्प होता है. जैसे, 300 मिलीसेकंड के आस-पास.

इसके उलट, मॉडल व्यू को रिपोर्ट में दिखाने का मतलब है, आम तौर पर कोई गड़बड़ी या कोई अन्य ज़रूरी मैसेज दिखाना. ऐसे मामलों में, आपको व्यू को थोड़ा धीरे-धीरे दिखाना होगा, फिर से 300 मि॰से॰ के आस-पास होना चाहिए. हालांकि, खारिज करने की प्रोसेस को उपयोगकर्ता जल्दी से ट्रिगर करेगा.

बुनियादी नियम इस तरह है:

  • यूज़र इंटरैक्शन (जैसे, व्यू ट्रांज़िशन या एलिमेंट दिखाना) से ट्रिगर होने वाले यूज़र इंटरफ़ेस (यूआई) ऐनिमेशन के लिए, कम अवधि वाला इंट्रो (कम अवधि वाला), लेकिन आउटरो (ज़्यादा समय) ज़्यादा होता है.
  • आपके कोड से ट्रिगर होने वाले यूज़र इंटरफ़ेस (यूआई) ऐनिमेशन, जैसे कि गड़बड़ियां या मॉडल व्यू के लिए, शुरुआती हिस्से की अवधि धीमी (लंबी अवधि) में शुरू होती है, लेकिन आउट्रो (कम अवधि) कम होती है.