यूआई ट्रेंड्स जो XNUMX को आकार देगा

मुझे आपसे कुछ पूछने की अनुमति दें, जो विज्ञान-कथा की तरह थोड़ा सा लग सकता है। क्या आपके साथ कभी ऐसा हुआ है कि शायद ग्रह पृथ्वी थोड़ी देर से तेजी से आगे बढ़ रही है - लेकिन हम अभी तक नोटिस कर रहे हैं? ऐसा लगता है कि कल ही हमने समीक्षा की थी कि हमने XNUMX में स्थानांतरित होने के दौरान क्या उम्मीद की थी। फिर भी अजीब बात है, यह पहले से ही लगभग 2018 है!

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

और यह मुश्किल से आधार को कवर करता है। उपयोगकर्ता प्राथमिकताओं में परिवर्तन ने भी व्यापक रूप से प्रभावित किया है कि हम 2018 में इंटरफेस कैसे डिज़ाइन कर रहे हैं।

इसे परिप्रेक्ष्य में रखने के लिए, इंटरनेट उपयोगकर्ताओं की 94% खराब डिज़ाइन वाली साइटों पर भरोसा करना बंद कर दिया है - इसलिए अब और कोई समझौता नहीं है।

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

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

आकर्षक, है ना?

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

तो, हम किन प्रवृत्तियों के लिए तत्पर हैं?

मोबाइल पहले

मोबाइल ऑप्टिमाइज़ेशन एक चर्चा है जो जल्द ही किसी भी समय सेवानिवृत्त नहीं होता है। कम से कम कहने के लिए प्रवृत्ति कुछ वर्षों के लिए चारों ओर है। और आपको यह अनुमान लगाना सही होगा कि हम 2019 में मोबाइल-आधारित UI डिज़ाइनों की वृद्धि को देखेंगे।

आप यह भी मान सकते हैं कि संबंधित तकनीक के अलावा, इस स्पेस में आगामी कुछ भी नया नहीं है- कम से कम अगले 12 महीनों या तो। काफी उचित है, लेकिन यह मिलता है ...

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

फिर देर से 2016 में कुछ दिलचस्प हुआ- मोबाइल ट्रैफ़िक अंततः पीसी ट्रैफ़िक से आगे निकल गया। उस साल के अंत तक, मोबाइल फोन हिट हो गए थे बाजार हिस्सेदारी का 50.31%, जबकि टैबलेट 4.9% तक जोड़े गए।

मोबाइल बाजार में हिस्सेदारी

हालाँकि, इसके बावजूद, हमने अभी भी डेस्कटॉप इंटरफ़ेस पर प्राथमिकता दी है क्योंकि ऐसा हुआ है कि पीसी उपयोगकर्ताओं ने ऑनलाइन खर्च किए गए समय की संचयी मात्रा में बढ़त बनाए रखी है। उदाहरण के लिए, उत्तरी अमेरिका में, मोबाइल फोन सर्फिंग अभी भी 2017 में पिछड़ रहा था, जिसके लिए लेखांकन किया गया था सर्फिंग समय का 33%.

सर्फिंग का समय

खैर, यह सोचने के लिए आओ, हम सभी जानते थे कि यह केवल मोबाइल से पहले का समय था और अंततः पीसी के साथ भी पकड़ा गया। और 2018 द्वारा, तालिकाओं को पूरी तरह से बदल दिया गया था, जिसमें मोबाइल ले रहा था सभी वैश्विक वेब पृष्ठों का 52.2%.

ट्रैफ़िक का हिस्सा

UI के लिए इसका क्या मतलब है?

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

छाया और गहराई का उपयोग

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

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

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

छाया और गहराई

2019 में, इसलिए, हम अलग-अलग 3D इंटरफ़ेस आउटलुक को प्राप्त करने के लिए छाया भिन्नताओं के प्रगतिशील उपयोग को देखने की उम्मीद करते हैं।

उदाहरण के लिए- विशिष्ट तत्वों की ओर ध्यान आकर्षित करने वाले डिजाइनर कोमलता और तीव्रता की बदलती डिग्री के साथ झूठी छाया बना सकते हैं। अंतिम परिणाम एक ऐसा तत्व है जो 3D के बाकी हिस्सों पर मंडराने के लिए प्रकट हो सकता है।

एक और लोकप्रिय तकनीक बनावट के विभिन्न स्तरों को बनाने के लिए पैटर्न में छाया डाल रही है, और बाद में इंटरफ़ेस तत्वों को जीवन में लाती है।

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

दूसरे शब्दों में, छाया का उन्नत उपयोग 2D डिस्प्ले पर अधिक परिष्कृत गहराई प्राप्त करना जारी रखेगा। और ऐसा करने में, विशेष 3D स्क्रीन की आवश्यकता को समाप्त करें।

अतिसूक्ष्मवाद

2000 वर्ष में, औसत मानव ध्यान अवधि, कम से कम एक अध्ययन के अनुसार माइक्रोसॉफ्ट, 12 सेकंड था। फिर अंदाजा लगाइए क्या? 2015 द्वारा, यह आश्चर्यजनक रूप से 8 सेकंड में गिरा दिया गया था- एक मानक सुनहरी मछली की तुलना में बहुत कम।

ठीक है, बस जब हमने सोचा कि यह संभवतः किसी भी बदतर नहीं हो सकता है, इंटरनेट ने लोगों को और अधिक अधीर बना दिया- आपकी साइट के आगंतुकों का 47% अब उम्मीद करते हैं कि आपके पृष्ठ 2 सेकंड से भी कम समय में लोड होंगे। वे बस लंबे समय तक इंतजार नहीं कर सकते। वास्तव में, 40 सेकंड से अधिक समय लगने पर, उनमें से 3% निकल जाएगा।

आश्चर्यजनक रूप से पर्याप्त है, कई वेब डिजाइनर इसे गंभीरता से नहीं ले रहे हैं। द करेंट औसत पृष्ठ लोडिंग गति 8.66 सेकंड है- 3 के लिए Google की 2018 सेकंड से भी कम समय की सिफारिश के बावजूद।

पेज लोडिंग बार

और अभी यह समाप्त नहीं हुआ है। यह पता चला है कि स्थिति मोबाइल साइटों के लिए काफी खराब है क्योंकि वे ए लेते हैं 22 सेकंड का औसत लोड करने के लिए। फिर भी, अफसोस की बात है कि मोबाइल पेज के 53% आगंतुक तीन सेकंड से अधिक नहीं घूमते हैं।

लेकिन, यह UI से कैसे संबंधित है?

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

तो, 2019 के लिए इसका क्या मतलब है?

खैर, गूगल की स्पीड अपडेट जुलाई में 2018 जटिल, ग्राफिक्स-भारी यूआई के अंत की शुरुआत थी जो लोडिंग गति से काफी समझौता करता है। अब हम तेजी से सुव्यवस्थित लीन मिनिमलिस्टिक यूआई की ओर तेजी से बढ़ रहे हैं जो बहुत तेजी से लोड होते हैं।

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

अतिव्यापी प्रभाव

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

लेकिन पकड़ो। पहली जगह में एक अतिव्यापी प्रभाव क्या है?

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

अतिव्यापी प्रभाव

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

उदाहरण के लिए, सैमसंग मोबाइल, एलसीडी डिस्प्ले से स्विच किया गया बहुत उन्नत OLED प्रौद्योगिकी जब उन्होंने दो साल पहले गैलेक्सी एसXNUMX जारी किया। तब Apple iPhone X के साथ बैंडवागन में शामिल हो गया, जिसमें अब इसके एलसीडी पूर्ववर्तियों की तुलना में अधिक विपरीत है। कंपनी के पास भी है इसे बनाए रखने की योजना 2019 के लिए निर्धारित सभी iPhone मॉडल पर।

और सबसे अधिक लाभ उठाने के लिए कौन खड़ा है?

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

यह प्रवृत्ति UI डिजाइनों में पारदर्शिता के विकास को भी गति प्रदान करेगी। हम यूआई पर "ग्लास जैसी" बनावट का बढ़ा हुआ उपयोग देखेंगे, क्योंकि डिज़ाइनर प्राथमिक और माध्यमिक दोनों ग्राफिक्स को एक साथ बाहर लाने के लिए पारदर्शिता लाते हैं, बिना आवश्यक जोर के हस्तक्षेप के बिना।

फ्रेमलेस डिजाइन

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

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

सैमसंग किनारों से अतीत में अपने कुछ स्मार्टफोन स्क्रीन को बढ़ाकर किनारे के फ्रेम को खत्म करने के लिए भी आगे बढ़ गया है। दूसरी ओर, Apple ने पूरे iPhone चेहरे को डिस्प्ले स्क्रीन के साथ कवर करने का फैसला किया है, केवल ईयरपीस के लिए जगह छोड़कर।

उन्मत्त धार

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

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

चूंकि डिवाइस निर्माता इस प्रवृत्ति को XNUMX में जारी रखते हैं, इसलिए हम उम्मीद करते हैं कि यूआई चिकनी, गोल, फ्रेम रहित डिजाइनों के लिए पुरानी पीढ़ी के तेज किनारों को उत्तरोत्तर गिरा देगा।

माइक्रो एनिमेशन

वे सूक्ष्म हैं और कई बार महत्वहीन लग सकते हैं। लेकिन, सरल सच यह है कि यूआई में माइक्रो-एनिमेशन, आकर्षक और उपयोगकर्ताओं को नेविगेट करने में मदद करने में बेहद शक्तिशाली साबित हुए हैं।

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

सूक्ष्म

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

फिर यह प्राप्त करें। सभी प्रमुख वेब ब्राउज़र वर्तमान में पीसी और मोबाइल दोनों पर संतोषजनक रूप से सूक्ष्म एनिमेशन का समर्थन करते हैं। तो मैं कहूँगा कि प्रवृत्ति यहाँ है क्योंकि हम 2019 से संपर्क करते हैं- उम्मीद करते हैं कि UI व्यवस्थित रूप से संरचित दृश्य पदानुक्रमों के साथ आएगा।

निष्कर्ष

सब के सब, हम केवल सबसे उल्लेखनीय प्रवृत्तियों में से कुछ को कवर किया है। समय बीतने के साथ और अधिक रोमांचक चीजें देखने के लिए हम बाध्य हैं, और हम बॉल रोलिंग सेट करने के लिए 2019 की प्रतीक्षा नहीं कर सकते।

उस ने कहा, आपको क्या लगता है कि यूआई डिजाइन की सबसे प्रभावी प्रवृत्ति हो सकती है? और क्या अन्य उल्लेखनीय रुझान आप इस सूची में जोड़ देंगे?

हेडर इमेज सौजन्य से वालिद बेनो

बोगदान रैंकी

बोगदान इंसपायर्ड मैग का एक संस्थापक सदस्य है, जिसके पास इस अवधि में लगभग 6 वर्षों का अनुभव है। अपने खाली समय में वह शास्त्रीय संगीत का अध्ययन करना और दृश्य कला का पता लगाना पसंद करते हैं। वह भी Fixies के साथ काफी जुनूनी है। वह पहले से ही 5 का मालिक है।