परिदृश्य और उपयोगकर्ताओं को विकसित करने के लिए डिज़ाइन सिस्टम

बहु-श्रेणी के ब्रांडों के साथ सुपर ऐप लॉन्च करने वाले पहले लोगों में से एक होना उतना ही गर्व के साथ आता है, जितना कि घबराहट के साथ। जबकि कार्य समान रूप से अलग-अलग व्यवहार वाले उपयोगकर्ताओं के विविध सेट को पूरा करना है, हमारे सामने सबसे बड़ी चुनौतियों में से एक उपयोगकर्ता-आगे, सहज और भविष्य का सामना करने वाला अनुभव है जो सरल, बहुमुखी, स्केलेबल और सुरुचिपूर्ण है।

हमारी युवा और गतिशील डिजाइन टीम द्वारा कई महीनों के अविश्वसनीय काम के बाद, हमें विश्वास है कि हम जिस उत्पाद का निर्माण कर रहे हैं, उसे वह प्यार मिलेगा जिसके वह हकदार हैं।

यहां हमारी अब तक की यात्रा का जश्न मनाने के लिए एक त्वरित पुनर्कथन है:

बहुस्तरीय प्रणाली के लिए डिजाइनिंग: द डिजाइन अनसिस्टम

एक प्रणाली, परिभाषा के अनुसार, नियमों और गाइडों का एक समूह है जो घर्षण और संज्ञानात्मक अधिभार को कम करने में मदद करने के लिए उपयोगकर्ताओं के लिए एक सुसंगत और सहज अनुभव बनाता है। सिस्टम इस प्रकार उपयोगकर्ताओं को उस स्थान में आराम और परिचित होने की भावना महसूस करने में मदद करता है जिसे वे अपना कह सकते हैं।

डिजाइनरों के रूप में, हम एक डिजाइन प्रणाली में रेलिंगों की शपथ लेते हैं और बिना किसी समझौते के उनका पालन करते हैं। प्रत्येक नियम पवित्र है और इस प्रकार अनम्य है। लेकिन इस कठोर संरचना के बावजूद, हमारी टीम ने सिस्टम की सीमाओं को आगे बढ़ाया है और एक लचीला, सुसंगत और चुस्त उपयोगकर्ता अनुभव बनाने के एक नए तरीके की कल्पना की है।

इस नई और नई सोच के साथ, हमारा प्रयास यह सुनिश्चित करना था कि जब उपयोगकर्ता हमारे बड़े और विविध न्यूरो-यूनिवर्स में आएं , तो वे मल्टी-जर्नी और मल्टी-ब्रांड्स को सहजता से नेविगेट करने में सक्षम हों और एक सुसंगत और निर्बाध अनुभव प्राप्त करें।

इसे हम " अन-सिस्टम" कहते हैं - नियमों का एक चुस्त सेट जो नए उपयोगकर्ता व्यवहार और अनुभवों के साथ कदम से कदम मिलाने के लिए बहुमुखी, स्केलेबल और लचीले हैं।

इसके पैमाने और विविधता के बावजूद, यह UI (उपयोगकर्ता) में लचीलेपन की अनुमति देता है। इंटरफ़ेस) घटक, रंग थीम, और यहां तक ​​कि UX पैटर्न, हमारे डिजाइन सिस्टम के सार को हमेशा बढ़ते कैनवास पर बनाए रखते हुए।

गोइंग हाइब्रिड : डार्क या लाइट मोड

अंधेरा प्रीमियम है, रोशनी साफ है—फिर दोनों का उपयोग क्यों नहीं किया जाता?

हमारे अन-सिस्टम दृष्टिकोण में, हमने एक सुपर ऐप के लिए एक डार्क थीम की कठोरता को चुनौती दी, जिसमें बहुत कुछ चल रहा है। ऐसी यात्राएँ थीं जो समझौता महसूस करती थीं और उन्हें एक हल्का, स्वच्छ इंटरफ़ेस चाहिए था। हमारे उपयोगकर्ताओं के लिए जो सबसे अच्छा है उसे चालू करने और लागू करने के लिए अन-सिस्टम हमारा समाधान था।

जहां ज्वेलरी, फैशन और इलेक्ट्रॉनिक्स जैसी श्रेणियों के लिए ग्लैमर का स्पर्श जोड़ने और उत्पादों को लक्स का एहसास देने के लिए एक डार्क मोड बहुत अच्छा है, वहीं उत्पाद पृष्ठों को एक हल्के मोड के साथ संतुलित करना महत्वपूर्ण था जो वर्णनात्मक था और उपयोगकर्ताओं का ध्यान आकर्षित करने की आवश्यकता थी। थकान या विकृति के बिना अधिक समय तक पढ़ने के लिए।

इसने हमें एक ऐसा विषय बनाया जो न केवल अंधेरा था और न ही हल्का, बल्कि संकर था।

हमने एक निर्बाध हाइब्रिड प्रणाली बनाई जो हमारे उपयोगकर्ताओं को सर्वोत्तम दृश्य अनुभव प्रदान करने के आधार पर अंधेरा और हल्का था।

थीमिंग की शक्ति का लाभ उठाकर इस सहज हाइब्रिड अनुभव को लागू करने के लिए स्पंदन का उपयोग किया गया था, और इसने हमें एक पृष्ठ पर विभिन्न विजेट्स के बीच एक मजबूत पदानुक्रम बनाने की अनुमति दी और प्रत्येक अनुभाग को उपयोगकर्ताओं द्वारा पूरी तरह से उपभोग किए जाने का कारण दिया।

सही तकनीक प्राप्त करना : टोकन के साथ स्पंदन

एक महान उत्पाद को सर्वश्रेष्ठ लोगों की आवश्यकता होती है। जब अभिनव डिजाइन मजबूत प्रौद्योगिकी से मिलता है, हम जानते हैं कि हमारे पास विजेता है।

हमारी वास्तुकला टीम ने एक मजबूत और स्केलेबल ढांचे का लाभ उठाकर मार्ग प्रशस्त किया; स्पंदन। एक ही कोडबेस के साथ प्लेटफॉर्म पर अपनी चपलता के लिए जाना जाता है, हम फ़्लटर के साथ M3 के ऊपर डिज़ाइन सिस्टम बनाने के लिए उत्साहित थे, जिसने हमें एक चुनौतीपूर्ण समय सीमा के भीतर एक सुंदर, मूल रूप से संकलित एप्लिकेशन बनाने की अनुमति दी।

हमने अपने डिजाइन सिस्टम में टोकनाइजेशन को भी सक्षम किया है। डिज़ाइन टोकन छोटे, दोहराए गए डिज़ाइन निर्णय होते हैं जो डिज़ाइन सिस्टम के विज़ुअल गाइड बनाते हैं। टोकन ने स्थिर मूल्यों को बदल दिया, जैसे कि रंग के लिए हेक्स कोड, स्व-व्याख्यात्मक नामकरण के साथ, जिसने हमें स्केलेबल, सुसंगत मॉडल बनाने की अनुमति दी, लेकिन इससे भी महत्वपूर्ण बात यह है कि एक साथ काम करने वाली टीमों में सच्चाई का एक स्रोत प्रदान किया, अर्थात्, डिजाइनर, आर्किटेक्ट, फ्रंट -एंड डेवलपर्स, और इंजीनियर।

दृश्य बोलियाँ: चित्रण और एनिमेशन के माध्यम से कहानी कहना

एक बोली एक साझा भाषा है, जो समान क्षेत्र के लोगों के एक विशिष्ट समूह द्वारा बोली जाती है। यह आपकी सांस्कृतिक जड़ों और वंश की पहचान करने के लिए एक मार्कर है। और यह परिभाषा डिजिटल दुनिया के लिए भी बहुत भिन्न नहीं है। हमारे सुपर ऐप - विजेट्स, कैटेगरी, ऑफर, बैनर, कंटेंट और अन्य पर प्रोसेस करने और उपभोग करने के लिए ध्यान देने की अवधि और भारी मात्रा में सूचनाओं को कम करने के साथ, सभी उपयोगकर्ता का ध्यान आकर्षित करने के लिए, हमने अव्यवस्था को तोड़ने के लिए कुछ इच्छित ठहराव जोड़ने का फैसला किया।

हमारे आइसोमेट्रिक मोनो और डुओटोन पेश करते हैं, जो केवल उस इच्छित ब्रेक के लिए बनाए गए हैं। चित्रण और गति ग्राफिक्स के साथ हमारा सूक्ष्म खेल एक दृश्य राहत प्रदान करने और उपयोगकर्ताओं को उनकी गति से पूरे अनुभव में भिगोने में सहायता करने का एक तरीका है।

हिमशैल की नोक: बहुत कुछ किया गया है, और बहुत कुछ जाना बाकी है।

आज की दुनिया में कार्य के बिना कला का बहुत कम मूल्य है, और डिजाइनरों और कलाकारों के रूप में, हम स्वीकार करते हैं कि हमारी रचनाओं को वास्तविक समस्याओं को हल करना है और हमारे उपयोगकर्ताओं को हर चीज के केंद्र में रखना है। इस डिजाइन प्रणाली को लॉन्च करने की हमारी यात्रा ने इसे और स्पष्ट कर दिया है, यह दिखाते हुए कि जटिल समस्याओं के सरल समाधान हो सकते हैं।

हमारा काम अभी शुरू ही हुआ है क्योंकि हम अधिक ब्रांड, विविध श्रेणियों, बदलते उपयोगकर्ता व्यवहार, नए विषयों और गहन वैयक्तिकरण को हल करने की अपनी अगली चुनौती पर आगे बढ़ते हैं। यह सब प्रत्येक उपयोगकर्ता को न्यू जीने में सक्षम बनाने के लिए!