मुखपृष्ठ » यूआई / UX » फ्लैट 2.0 और यह कैसे फ्लैट डिजाइन की प्रयोज्य समस्याओं को हल करता है

    फ्लैट 2.0 और यह कैसे फ्लैट डिजाइन की प्रयोज्य समस्याओं को हल करता है

    फ्लैट डिजाइन 1950 के दशक के आसपास से ही रहा है जब इंटरनेशनल टाइपोग्राफिक स्टाइल विकसित किया गया था। हाल के दिनों में माइक्रोसॉफ्ट के नए लॉन्च के बाद से इसे व्यापक लोकप्रियता मिली है ज्यामिति- और टाइपोग्राफी-केंद्रित मेट्रो डिजाइन भाषा पहले 2010 में नए विंडोज फोन में, फिर 2012 में विंडोज 8 में.

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

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

    फ्लैट डिजाइन की प्रयोज्यता समस्याएं

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

    क्लिक करने योग्यता का कोई दृश्य हस्ताक्षरकर्ता नहीं

    यदि हम तीन आयामी प्रभावों का उपयोग करते हैं, तो यह स्वाभाविक रूप से हमारे डिजाइनों को गहराई का भ्रम देता है। यह उपयोगकर्ताओं को जल्दी से मदद करता है इंटरैक्टिव तत्वों को खोजने, जिन्हें या तो (जैसे बटन और आइकन) पर क्लिक किया जा सकता है, या (फॉर्म फ़ील्ड की तरह) भरा जा सकता है। फ्लैट डिजाइन के बारे में मुख्य चिंताओं में से एक यह है कि यह उपयोगकर्ताओं के लिए कठिन बनाता है क्लिक करने योग्य तत्वों को पहचानें.

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

    फ्लैट डिज़ाइन में इन दृश्य हस्ताक्षरकर्ताओं की कमी होती है, और एक ही कार्य को बहुत छोटे टूलसेट के साथ हल करना होता है: रंग, आकार, निकटता, तथा प्रासंगिक तत्व.

    यह एक समस्या क्यों है? आइए एक प्रयोग करके देखते हैं.

    इस स्क्रीनशॉट को नीचे देखें। यह अनुमान लगाने की कोशिश करें कि इस स्क्रीनशॉट के आधार पर कौन से तत्व क्लिक करने योग्य हैं। ऐसा नहीं है कि आप पहले सोचेंगे। हम वेब पर कई अन्य इसी तरह की प्रयोज्य समस्याओं को पा सकते हैं.

    नो Z- एक्सिस की वजह से कम हुई डिस्कवरबिलिटी

    वास्तविक जीवन में लोग वस्तुओं को ढूंढते हैं और तीन आयामों में आगे बढ़ते हैं: x-, y-, और z- अक्ष। जब वे 3 डी प्रभाव के बिना एक न्यूनतम रूप से डिज़ाइन किए गए, फ्लैट वेबसाइट में भाग लेते हैं, तो उन्हें एक अनुभव मिलता है जो कि उनके लिए उपयोग किए जाने वाले से अलग है, वे मुख्य रूप से क्या कर रहे हैं.

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

    UX डिजाइन में अंगूठे का नियम हमेशा प्रयोज्य को अधिकतम करने के लिए उपयोगकर्ता पर संज्ञानात्मक भार को कम करने का प्रयास करना है। जैसा कि हम इसे कई मामलों में देख सकते हैं, यह हमेशा सपाट डिजाइन के साथ नहीं होता है.

    कम सूचना घनत्व

    UX विशेषज्ञ नीलसन-नॉर्मन ग्रुप द्वारा कम सूचना घनत्व को जोखिम में डालने के लिए फ्लैट डिजाइन की भी आलोचना की गई है.

    विंडोज 8 की उपयोगिता पर अपनी आलोचना में, उन्होंने विंडोज स्टोर ऐप और मुद्दों को दिखाने के लिए लॉस एंजिल्स टाइम्स की वेबसाइट का उपयोग किया कम सूचना घनत्व (आरंभिक स्क्रीन पर कुछ कहानियाँ होना, सारांश के बिना सुर्खियाँ, बमुश्किल पहचानने योग्य समूह, आदि) प्रयोज्यता के दृष्टिकोण से कारण हो सकते हैं.

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

    फ्लैट 2.0 का उदय

    जैसा कि अधिक से अधिक डिजाइनर फ्लैट डिजाइन की प्रयोज्य खामियों को पहचानते हैं, इसका एक नया, अधिक परिपक्व संस्करण उछला है, कहा जाता है “फ्लैट 2.0” या “लगभग सपाट” डिज़ाइन। जबकि स्क्यूयोमोर्फिज्म से फ्लैट में परिवर्तन कट्टरपंथी था, फ्लैट डिजाइन का विकास बहुत अधिक मायावी है.

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

    छवि: डैपर जेंटलमैन

    सामग्री डिजाइन

    Google की नई डिज़ाइन भाषा, जिसे मटेरियल डिज़ाइन कहा जाता है, शायद फ्लैट 2.0 शैली का सबसे उल्लेखनीय उदाहरण है। Google ने 2014 में Android L के साथ मटेरियल डिज़ाइन जारी किया। जबकि मैटेरियल डिज़ाइन फ्लैट डिज़ाइन की मुख्य विशेषताओं को बरकरार रखता है, यह उपयोगकर्ताओं को वास्तविक दुनिया और डिजिटल दुनिया के बीच समानताएं खोजने में मदद करने के लिए भौतिकी से कुछ रूपकों का उपयोग करता है।.

    सामग्री डिजाइन z- अक्ष का उपयोग करता है, देता है सूक्ष्म गहराई डिजाइन करने के लिए, और चालाकी से परतों का उपयोग करता है ड्रॉप छाया के साथ उन्हें अलग करना तथा एनिमेशन. Google का एक सुपरकूल विवरण है कि यह कैसे काम करता है, और इसके मुख्य सिद्धांतों और नियमों को समझने के लिए इसके माध्यम से पढ़ना वास्तव में लायक है.

    निष्कर्ष

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

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