ट्रांज़िशन से लोगों को कई फ़ायदे मिलते हैं. जैसे, उन्हें कॉन्टेक्स्ट में बने रहने में मदद मिलती है और लेटेन्सी की समस्या कम होती है. डेवलपर चाहते हैं कि वे पेजों के बीच आसानी से ट्रांज़िशन कर सकें, ताकि उनकी साइट पर लोगों की दिलचस्पी बढ़ाई जा सके.
हालांकि, स्टेट ट्रांज़िशन को चालू करना बहुत मुश्किल था, क्योंकि इसके लिए डेवलपर को दो अलग-अलग एलिमेंट की स्थितियों को मैनेज करना पड़ता था. क्रॉस-फ़ेड जैसे सामान्य बदलाव में भी, दोनों स्थितियां एक साथ मौजूद होती हैं. इससे इस्तेमाल से जुड़ी समस्याएं आती हैं. जैसे, आउटगोइंग एलिमेंट पर अतिरिक्त इंटरैक्शन को मैनेज करना. सहायक डिवाइसों का इस्तेमाल करने वाले लोगों के लिए, एक ऐसा समय होता है जब पहले और बाद की स्थिति, दोनों एक ही समय में DOM में होती हैं. इसके अलावा, पेड़ के आस-पास की चीज़ें इस तरह से घूम सकती हैं कि वे देखने में ठीक लगें, लेकिन इससे पढ़ने की जगह और फ़ोकस आसानी से हट सकता है.
View Transitions API को Chrome 111 में लॉन्च किया गया था. इसकी मदद से, पेजों के बीच आसान और स्मूद ट्रांज़िशन बनाए जा सकते हैं. इसकी मदद से, डीओएम में बदलाव किया जा सकता है. साथ ही, यह पक्का किया जा सकता है कि स्टेटस के बीच कोई ओवरलैप न हो. इसके अलावा, स्नैपशॉट किए गए व्यू का इस्तेमाल करके, स्टेटस के बीच ट्रांज़िशन ऐनिमेशन भी बनाया जा सकता है.
आपके मन में यह सवाल उठ सकता है कि इसे लागू करना कितना आसान है? इसके इस्तेमाल के कौन-कौनसे उदाहरण हैं? अन्य डेवलपर, व्यू ट्रांज़िशन का इस्तेमाल कैसे कर रहे हैं?
इस लेख में, चार अलग-अलग वेबसाइटों पर व्यू ट्रांज़िशन लागू करने के बारे में बताया गया है: RedBus (यात्रा), CyberAgent (खबर/ब्लॉग पब्लिशर), Nykaa (ई-कॉमर्स), और PolicyBazaar (बीमा). साथ ही, यह भी बताया गया है कि View Transitions API का इस्तेमाल करके, इन वेबसाइटों को अलग-अलग तरीकों से क्या फ़ायदे मिले.
redBus
redBus, MakeMyTrip ग्रुप का हिस्सा है. यह बस की बुकिंग और टिकट की वेबसाइट है. इसका मुख्यालय भारत के बेंगलुरु में है. यह दुनिया भर के अलग-अलग देशों में मौजूद है. यह पहली वेबसाइटों में से एक थी, जिसने View Transitions API का इस्तेमाल करके अनुभव को लागू किया था.
Redbus ने व्यू ट्रांज़िशन क्यों लागू किए?
redBus की टीम, वेब पर ऐप्लिकेशन जैसा एक जैसा अनुभव देने में भरोसा रखती है. ऐसा अनुभव जो उनके नेटिव ऐप्लिकेशन के जितना हो सके. दरअसल, उन्होंने पिछले कुछ सालों में कई कस्टम समाधान लागू किए थे. उदाहरण के लिए, उन्होंने पेज ट्रांज़िशन के लिए, व्यू ट्रांज़िशन एपीआई के डेवलप होने से पहले ही, पसंद के मुताबिक बनाए गए JavaScript और सीएसएस पर आधारित ऐनिमेशन लॉन्च कर दिए थे. हालांकि, इसका मतलब यह था कि उन्हें नेटवर्क और डिवाइसों के निचले सेगमेंट में परफ़ॉर्मेंस मैनेजमेंट से जुड़ी समस्याओं का सामना करना पड़ा. इससे कभी-कभी, अनुकूलित लोडिंग की रणनीति लागू होने पर, अलग-अलग अनुभव मिलते थे.
redBus ने उपयोगकर्ता के अलग-अलग चरणों के लिए, व्यू ट्रांज़िशन का इस्तेमाल किया. उदाहरण के लिए, मोबाइल ऐप्लिकेशन में मौजूद सेल्फ-हेल्प सेक्शन में, कस्टम Chrome टैब में वेब पेज खुलते थे. इसके अलावा, बस टिकट बुक करने के फ़नल में, उपयोगकर्ता इन्वेंट्री लिस्टिंग पेज से पेमेंट पेज पर जाते हैं. दूसरे मामले में, व्यू ट्रांज़िशन की वजह से पेज से पेज पर नेविगेट करना आसान हो गया. साथ ही, इससे कन्वर्ज़न रेट में बढ़ोतरी हुई. ऐसा इसलिए हुआ, क्योंकि भारी ऑपरेशन (जैसे कि उपलब्ध इन्वेंट्री का सबसे नया डेटा फ़ेच करना) के दौरान, उपयोगकर्ताओं को बेहतर अनुभव मिला और परफ़ॉर्मेंस बेहतर लगी.
लागू करने से जुड़ी तकनीकी जानकारी
redBus, React और EJS का इस्तेमाल फ़्रंटएंड टेक्नोलॉजी स्टैक के तौर पर करता है. साथ ही, अलग-अलग यात्राओं के लिए एसपीए और एमपीए, दोनों का इस्तेमाल करता है. यहां दिए गए कोड के उदाहरण में दिखाया गया है कि व्यू ट्रांज़िशन का इस्तेमाल कैसे किया जाता है:
/* Forward Transition */
export const goToURL = ( url: string , reactHistory: any ): void => {
if(document.startViewTransition) {
let viewTransition = document.startViewTransition();
viewTransition.ready.finally(() => {
reactHistory ? reactHistory.push(url) : (window.location.href = url);
})
} else {
reactHistory ? reactHistory.push(url) : (window.location.href = url);
}
};
/* Back Transition */
export const goBack = ( reactHistory: any ): void => {
if(document.startViewTransition) {
document.documentElement.classList.add('back-transition');
let viewTransition = document.startViewTransition();
viewTransition.ready.finally(() => {
reactHistory ? reactHistory.goBack() : history.back();
})
viewTransition.finished.finally(() => {
document.documentElement.classList.remove('back-transition');
})
} else {
reactHistory ? reactHistory.goBack() : history.back();
}
};
नीचे दिए गए सीएसएस में, slide-to-right, slide-to-left, slide-from-right, और slide-from-left, सीएसएस ऐनिमेशन के कीफ़्रेम हैं.
::view-transition-old(root) {
animation: 300ms cubic-bezier(0.4, 0, 1, 1) both fade-out,
300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-to-left;
}
::view-transition-new(root) {
animation: 700ms cubic-bezier(0, 0, 0.2, 1) 90ms both fade-in,
700ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-right;
}
.back-transition::view-transition-old(root) {
animation: 300ms cubic-bezier(0.4, 0, 1, 1) both fade-out,
300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-to-right;
}
.back-transition::view-transition-new(root) {
animation: 700ms cubic-bezier(0, 0, 0.2, 1) 90ms both fade-in,
700ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-left;
}
कारोबार पर असर
redBus ने अपनी पूरी साइट पर, आईएनपी को बेहतर बनाने के साथ-साथ व्यू ट्रांज़िशन को लागू करने का विकल्प चुना. इससे, उनकी बिक्री में 7% की बढ़ोतरी हुई. redBus के सीनियर इंजीनियरिंग मैनेजर, अमित कुमार ने कहा कि व्यू ट्रांज़िशन उन लोगों के लिए बहुत अच्छे हैं जो वाकई में बेहतर उपयोगकर्ता अनुभव चाहते हैं और रखरखाव पर कम खर्च करना चाहते हैं.
हमने उपयोगकर्ताओं के सुझाव/राय/शिकायत पाने के लिए कई सेशन आयोजित किए हैं. इनमें हमें अलग-अलग तरह के उपयोगकर्ताओं से अहम जानकारी मिली है. हमें बस और रेल से यात्रा करने वाले उपयोगकर्ताओं और उनकी ज़रूरतों के बारे में पूरी जानकारी है. साथ ही, हमें इस बारे में भी काफ़ी अनुभव है. इसलिए, हमें लगता है कि यह सुविधा शुरू से ही उपयोगकर्ताओं के लिए बहुत फ़ायदेमंद होगी. इसके लिए, A/B टेस्टिंग की ज़रूरत नहीं होगी. व्यू ट्रांज़िशन, ऐप्लिकेशन और वेब के बीच के अंतर को कम करने की दिशा में एक कदम है. इससे नेविगेशन का अनुभव बेहतर होता है.
अनूप मेनन, सीटीओ redBus
CyberAgent
CyberAgent, जापान की एक आईटी कंपनी है. यह कई ऑनलाइन सेवाएं देती है. इनमें ब्लॉग और खबरें पब्लिश करना भी शामिल है.
CyberAgent ने व्यू ट्रांज़िशन क्यों लागू किए?
CyberAgent ने पहले, सीएसएस ऐनिमेशन या फ़्रेमवर्क का इस्तेमाल करके, ऐनिमेटेड ट्रांज़िशन लागू करने के बारे में सोचा था. इससे उपयोगकर्ता अनुभव को बेहतर बनाया जा सकता था. हालांकि, उन्हें डीओएम रेंडरिंग और कोड को बनाए रखने की खराब परफ़ॉर्मेंस की चिंता थी. Chrome ने जब व्यू ट्रांज़िशन एपीआई के साथ काम करने की सुविधा जोड़ी, तब उन्होंने इसका इस्तेमाल करके, पेज ट्रांज़िशन को दिलचस्प बनाने का फ़ैसला किया. इससे उन्हें इन चुनौतियों से निपटने में मदद मिली.
CyberAgent ने ब्लॉग की सूची और ब्लॉग पेज के बीच व्यू ट्रांज़िशन लागू किए हैं. यहां देखें कि उन्होंने हीरो इमेज में एलिमेंट ट्रांज़िशन कैसे जोड़ा है. उनकी साइट पर जाकर, आज ही इसे लाइव आज़माएं.
उन्होंने अलग-अलग डिवाइसों के लिए, ऐनिमेशन के अलग-अलग अनुभव डिज़ाइन करने के लिए मीडिया क्वेरी का भी इस्तेमाल किया. मोबाइल पेजों के लिए, उन्होंने एलिमेंट ट्रांज़िशन शामिल किए. हालांकि, डेस्कटॉप के लिए यह इफ़ेक्ट बहुत ज़्यादा मूवमेंट वाला था.
@media screen and (min-width: 769px) {
.main-visual {
view-transition-name: none !important;
}
}
लागू करने से जुड़ी तकनीकी जानकारी
CyberAgent, अपने एसपीए को बनाने के लिए Next.js का इस्तेमाल करता है. यहां दिए गए कोड के उदाहरण में बताया गया है कि वे View Transition API का इस्तेमाल कैसे करते हैं.
export const usePageTransition = () => {
const router = useRouter();
const defferedRef = useRef<Deferred | null>(null);
useEffect(() => {
const handleRouteChangeComplete = () => {
defferedRef.current?.resolve();
};
const handleRouteChangeStart = (url: string) => {
if (!("startViewTransition" in document)) return;
if (router.asPath === url) return;
const deffered = new Deferred();
defferedRef.current = deffered;
(document as Document).startViewTransition(async () => {
await deffered.promise;
});
};
router.events.on("routeChangeStart", handleRouteChangeStart);
router.events.on("routeChangeComplete", handleRouteChangeComplete);
return () => {
router.events.off("routeChangeStart", handleRouteChangeStart);
router.events.off("routeChangeComplete", handleRouteChangeComplete);
};
}, [router.asPath]);
};
Next.js के कुछ और कोड सैंपल देखें.
प्रीरेंडरिंग टेक्नोलॉजी की मदद से, एमपीए के लिए ट्रांज़िशन देखना
CyberAgent ने Ameba News नाम की सेवा पर, मल्टीपल पेज ऐप्लिकेशन (एमपीए) के लिए व्यू ट्रांज़िशन एपीआई का नया वर्शन आज़माया. फ़िलहाल, यह chrome://flags/#view-transition-on-navigation फ़्लैग के तहत उपलब्ध है. Ameba News, एक न्यूज़ पोर्टल साइट है.
व्यू ट्रांज़िशन का इस्तेमाल दो जगहों पर किया गया है: पहला, खबरों की कैटगरी बदलते समय. इसे यहां दिए गए वीडियो में दिखाया गया है.
दूसरा ट्रांज़िशन, खबरों की हाइलाइट वाले पेज पर होता है. यहां कॉन्टेंट का कुछ हिस्सा दिखाया जाता है. जब उपयोगकर्ता ज़्यादा जानकारी देखें पर क्लिक करता है, तब लेख का बाकी हिस्सा दिखने लगता है.
दिलचस्प बात यह है कि उन्होंने सिर्फ़ उस हिस्से में ऐनिमेशन जोड़ा है जो बटन पर क्लिक करने के बाद बदलेगा. ऐनिमेशन डिज़ाइन में किए गए इस छोटे से बदलाव की वजह से, उपयोगकर्ता को एमपीए पेज, एसपीए की तरह दिखता है. इसमें सिर्फ़ नया कॉन्टेंट ऐनिमेट होता है:
उन्होंने ऐसा इस तरह किया: उन्होंने पेज के अलग-अलग हिस्सों को अलग-अलग view-transition-name असाइन किए. उदाहरण के लिए, उन्होंने लेख के ऊपरी हिस्से में एक view-transition-name और निचले हिस्से में दूसरा view-transition-name असाइन किया. साथ ही, ऊपरी हिस्से में कोई ऐनिमेशन नहीं जोड़ा.
::view-transition-old(root) {
animation:
var(--animation-disappear-duration) var(--animation-disappear-easing) both fade-out;
}
::view-transition-new(root) {
animation:
var(--animation-appear-in-duration) var(--animation-appear-in-easing) both fade-in;
}
CyberAgent ने व्यू ट्रांज़िशन एपीआई का इस्तेमाल किया है. इसके बारे में एक और दिलचस्प बात यह है कि उन्होंने quicklink का इस्तेमाल करके, जानकारी वाले पेज पर प्रीरेंडरिंग के नियमों को आसानी से लागू किया. यहां उनका सैंपल कोड दिया गया है:
import { prerender } from ‘https://.../quicklink.mjs’;
window.addEventListener('load', () => {
const match = location.pathname.match(/\\/(.+)\\/hl\\/([0-9a-z-_]+)/);
if (!match) return;
const [_, dirname, entryId] = match;
prerender(`/${dirname}/${entryId}/`);
});
क्विकलिंक लागू करने के बारे में ज़्यादा जानने के लिए, यह लेख पढ़ें.
टेस्टिमोनियल
CyberAgent में Ameba सेवा के टेक लीड, काज़ुनारी हारा ने कहा कि व्यू ट्रांज़िशन से कारोबार पर दो वजहों से काफ़ी असर पड़ सकता है.
पहला, ये उपयोगकर्ताओं को पेज पर गाइड करते हैं. व्यू ट्रांज़िशन की मदद से, उपयोगकर्ताओं का ध्यान सबसे अहम मैसेज पर केंद्रित किया जा सकता है. साथ ही, इससे उन्हें वेब पेज का ज़्यादा से ज़्यादा फ़ायदा मिलता है. साथ ही, ये ऐनिमेशन की मदद से ब्रैंड को बेहतर बनाते हैं और उसे हाइलाइट करते हैं. CyberAgent के पास अपने ब्रैंड के बारे में बताने के लिए, तय किया गया ऐनिमेशन डिज़ाइन है. व्यू ट्रांज़िशन की मदद से, वे बाहरी लाइब्रेरी को बनाए रखने की लागत जोड़े बिना, ब्रैंड के हिसाब से अनुभव को लागू कर सकते हैं.
View Transitions API, मेरे पसंदीदा एपीआई में से एक है. ऐनिमेशन को ब्राउज़र की स्टैंडर्ड सुविधा के तौर पर जोड़ने की सुविधा की वजह से, व्यू ट्रांज़िशन को लागू करना और बनाए रखना आसान हो जाता है. ऐसा इसलिए, क्योंकि अन्य समाधान लाइब्रेरी पर निर्भर होते हैं. हम अपने ब्रैंड के बारे में बताने के लिए, ज़्यादा सेवाओं में व्यू ट्रांज़िशन लागू करने के लिए उत्सुक हैं.
काज़ुनारी हारा, सीटीओ, Ameba
Nykaa
Nykaa, भारत का सबसे बड़ा फ़ैशन और ब्यूटी ई-कॉमर्स प्लैटफ़ॉर्म है. इनका मकसद, मोबाइल वेब पर अपने ऐप्लिकेशन का अनुभव, नेटिव ऐप्लिकेशन के अनुभव के जितना हो सके उतना बेहतर बनाना है. पहले, ट्रांज़िशन ऐनिमेशन लागू करने की कोशिश करते समय, उन्हें मुश्किल कस्टम JavaScript लिखने में परेशानी होती थी. इससे उनकी वेबसाइट की परफ़ॉर्मेंस पर भी थोड़ा असर पड़ा.
Nykaa ने व्यू ट्रांज़िशन क्यों लागू किए?
व्यू ट्रांज़िशन की सुविधा उपलब्ध होने के बाद, Nykaa की टीम को एक मौका मिला. इस सुविधा के नेटिव तौर पर उपलब्ध होने का मतलब है कि पेज ट्रांज़िशन के यूज़र एक्सपीरियंस को बेहतर बनाया जा सकता है. इसके लिए, परफ़ॉर्मेंस पर कोई असर नहीं पड़ेगा. Nykaa, प्रॉडक्ट की जानकारी वाले पेज से प्रॉडक्ट लिस्टिंग पेज पर ट्रांज़िशन करने के लिए, व्यू ट्रांज़िशन का बड़े पैमाने पर इस्तेमाल कर रहा है.
लागू करने से जुड़ी तकनीकी जानकारी
Nykaa ने अपना एसपीए बनाने के लिए, React और Emotion का इस्तेमाल किया. React के साथ व्यू ट्रांज़िशन का इस्तेमाल करने के तरीके के बारे में ज़्यादा सैंपल कोड यहां देखा जा सकता है.
if (document.startViewTransition) {
document.startViewTransition(() => {
history.push(productUrl);
});
} else {
history.push(productUrl);
}
const fadeIn = keyframes`
from { opacity: 0; }
`;
const fadeOut = keyframes`
to { opacity: 0; }
`;
const slideFromRight = keyframes`
from { transform: translateX(300px); }
`;
const slideToLeft = keyframes`
to { transform: translateX(-300px); }
`;
const slideToRight = keyframes`
to { transform: translateX(300px); }
`;
const slideFromLeft = keyframes`
from { transform: translateX(-300px); }
`
साइड ड्रॉअर ऐनिमेशन के लिए सीएसएस:
::view-transition-old(root) {
animation: 300ms cubic-bezier(0.4, 0, 1, 1) both ${fadeOut},
1000ms cubic-bezier(0.4, 0, 0.2, 1) both ${slideToLeft};
}
::view-transition-new(root) {
animation: 400ms cubic-bezier(0, 0, 0.2, 1) 300ms both ${fadeIn},
1000ms cubic-bezier(0.4, 0, 0.2, 1) both ${slideFromRight};
}
.back-transition {
display: inherit;
}
.back-transition::view-transition-old(root) {
animation-name: fade-out, ${slideToRight};
}
.back-transition::view-transition-new(root) {
animation-name: fade-in, ${slideFromLeft};
}
टेस्टिमोनियल
Nykaa में ऐप्लिकेशन के हेड सुनीत जिंदल ने बताया कि व्यू ट्रांज़िशन का सबसे बड़ा फ़ायदा "स्पीड का एहसास" था. Nykaa ने बैकएंड से कॉन्टेंट लोड होने तक, शिमर इफ़ेक्ट का इस्तेमाल किया. हालांकि, उसे पता चला कि शिमर इफ़ेक्ट दिखाने से उपयोगकर्ताओं को यह जानकारी नहीं मिलती कि कॉन्टेंट लोड होने में कितना समय लगेगा. व्यू ट्रांज़िशन की मदद से, ट्रांज़िशन से ही उपयोगकर्ताओं को यह पता चल जाता है कि "कुछ होने वाला है". इससे उन्हें इंतज़ार करने में कम परेशानी होती है.
Nykaa, व्यू ट्रांज़िशन की सुविधा के साथ अपने वेब पेज के बेहतर यूज़र एक्सपीरियंस को लेकर बहुत उत्साहित था. अब वह अन्य पेजों पर भी व्यू ट्रांज़िशन की सुविधा लागू करने के लिए तैयार है. यहां उनके डिज़ाइन के वीपी ने यह कहा:
हम आने वाले समय में, उन सभी सुविधाओं में व्यू ट्रांज़िशन लागू करने के लिए प्रतिबद्ध हैं जहां यह सुविधा काम की हो. कुछ क्षेत्रों की पहचान पहले ही कर ली गई है और टीम उन पर काम कर रही है.
कृष्ण आर वी, डिज़ाइन के वीपी
PolicyBazaar
PolicyBazaar, भारत की सबसे बड़ी इंश्योरेंस एग्रीगेटर और बहुराष्ट्रीय फ़ाइनेंशियल टेक्नोलॉजी कंपनी है. इसका मुख्यालय गुड़गांव में है.
PolicyBazaar ने व्यू ट्रांज़िशन क्यों लागू किए?
वेब-फ़र्स्ट कंपनी होने के नाते, PolicyBazaar की टीम का हमेशा से यह मकसद रहा है कि वह उपयोगकर्ताओं को उनकी अहम यात्राओं के दौरान सबसे अच्छा अनुभव दे. View Transitions API के लॉन्च होने से पहले भी, JavaScript और सीएसएस का इस्तेमाल करके कस्टम ट्रांज़िशन लागू करना आम बात थी. ऐसा इसलिए, क्योंकि इससे उपयोगकर्ता अनुभव बेहतर होता था, नेविगेशन का फ़्लो आसान होता था, और वेबसाइटों की विज़ुअल अपील बेहतर होती थी.
हालांकि, कस्टम तरीके से लागू करने पर, परफ़ॉर्मेंस के आधार पर कभी-कभी देरी होती है. साथ ही, कोड को बनाए रखने में मुश्किल होती है. इसके अलावा, इस्तेमाल किए गए फ़्रेमवर्क के साथ ठीक से काम नहीं करता है. View Transitions API की मदद से, उन्हें इनमें से ज़्यादातर चुनौतियों से निपटने में मदद मिली. इसकी वजह यह है कि इसमें इस्तेमाल करने में आसान इंटरफ़ेस उपलब्ध है. साथ ही, परफ़ॉर्मेंस से जुड़े फ़ायदे भी मिलते हैं.
PolicyBazaar ने कोटेशन से पहले की यात्राओं में अलग-अलग एलिमेंट के लिए व्यू ट्रांज़िशन का इस्तेमाल किया. इससे संभावित खरीदारों को बीमा पॉलिसी खरीदने के लिए ज़रूरी जानकारी देने में आसानी हुई.
लागू करने से जुड़ी तकनीकी जानकारी
ये हाइब्रिड फ़्रेमवर्क का इस्तेमाल करते हैं. इनके ज़्यादातर कोडबेस में Angular और React का इस्तेमाल किया जाता है. यहां Angular में लिखे गए उनके कोड का वीटी स्निपेट दिया गया है. इसे PolicyBazaar के लीड फ़्रंटएंड डेवलपर, अमन सोनी ने शेयर किया है:
toggleWidgetAnimation() {
let doc:any = document;
if (!doc.startViewTransition) {
this.toggleWidget();
return;
}
doc.startViewTransition(() => this.toggleWidget());
}
toggleWidget() {
let badgeEle = document.querySelector('.animate_init_state_one');
let textEle = document.querySelector('.animate_init_state_two');
badgeEle.classList.toggle('hide');
textEle.classList.toggle('hide');
}
टेस्टिमोनियल
लाइफ़ बीयू के डिज़ाइन हेड ऋषभ मेहरोत्रा ने बताया कि व्यू ट्रांज़िशन की वजह से, उनकी वेबसाइट पर लोगों को बेहतर अनुभव मिला. इससे वेबसाइट को इस्तेमाल करना आसान हुआ, लोगों की दिलचस्पी बढ़ी, और वे कुल मिलाकर संतुष्ट हुए. इससे आसानी से नेविगेट करने, इंटरैक्ट करने के लिए दिशा-निर्देश पाने, देर से समझ आने वाले वीडियो न बनाने, मॉडर्न डिज़ाइन बनाने वगैरह में मदद मिली.
PB के लिए, वेब अनुभव को बेहतर बनाना सबसे अहम लक्ष्य है. VT ने इस लक्ष्य को हासिल करने में अहम भूमिका निभाई है. डेवलपर कम्यूनिटी और उपयोगकर्ताओं के बीच इसकी लोकप्रियता को देखते हुए, हमारी टीम का उत्साह बढ़ गया है. हम इसे अलग-अलग पीओडी में इंटिग्रेट करने के बारे में सोच रहे हैं. हमें उम्मीद है कि इससे ग्राहकों की संतुष्टि और ऑपरेशनल परफ़ॉर्मेंस पर काफ़ी अच्छा असर पड़ेगा.
सौरभ तिवारी (सीटीओ, PolicyBazaar)
अगले चरण
क्या आपको व्यू ट्रांज़िशन आज़माने में दिलचस्पी है? ज़्यादा जानने के लिए, यहां दिए गए संसाधनों का इस्तेमाल करें: