क्या मुझे सामान्य नुकीले बटन को गोल करने की आवश्यकता है? प्रयोज्य के लिए कौन से बेहतर हैं? हम इस तरह के निर्णय कैसे लेते हैं?

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

क्या गोलाई से मान्यता बढ़ती है?

गोल तत्वों को पढ़ना आसान है। पंक्ति में कार्ड की संख्या गिनना आसान है यदि उनके कोने तेज नहीं हैं।

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

ग्रिड लेआउट में, गोलाई और भी बेहतर काम करती है।

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

क्या मुझे पूरी तरह से गोल बटन का उपयोग करने की आवश्यकता है?

पूरी तरह से गोल बटन इंटरफेस में बहुत अच्छे लगते हैं जहाँ पर्याप्त मात्रा में खाली जगह होती है। ऐसे बटनों की एक बहुत ही सफल व्यवस्था का एक उदाहरण Spotify है, जहां कॉल टू एक्शन को अच्छी तरह से महसूस किया जाता है।

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

जब पूरी तरह से गोल बटन काम नहीं करते हैं?

कुछ मामलों में, गोलाई प्रयोज्य को बाधित कर सकती है, उदाहरण के लिए:

1. जब गोल बटन टैग की तरह दिखते हैं

यदि किसी टैग (फिल्टर) से किसी बटन को अलग करना आसान नहीं है, तो यह लोगों को हतप्रभ कर देगा: "क्या मैं एक बटन या एक फिल्टर पर क्लिक कर सकता हूं?"

2. गोल बटन नेस्टेड विकल्प दिखाने में सक्षम नहीं हैं

पूरी तरह गोल बटन आमतौर पर नेस्टेड विकल्पों की उपस्थिति को इंगित करने के लिए "एरो" आइकन का उपयोग करते हैं। लेकिन विकल्पों को प्रदर्शित करने के लिए क्लिक क्षेत्र (या व्हीलबार) आइकन के आकार (आमतौर पर 16x16 या 24x24 px) द्वारा सीमित है।

क्या प्रत्येक मामले में विकल्प देखना सुविधाजनक होगा?

यदि हम केवल थोड़े गोल बटन का उपयोग करते हैं, तो हम तीर को छिपा सकते हैं ताकि बटन पॉप-अप बटन की तरह व्यवहार करे। यह दृष्टिकोण बेहतर काम करता है।

Apple कार्यों के लिए गोल बटन का उपयोग करने की अनुशंसा नहीं करता है ( पुश बटन देखें)। पूरी तरह से गोल बटन " मदद " के लिए या पारस्परिक रूप से अनन्य विकल्प प्रदान करने के लिए आरक्षित हैं ( रेडियो बटन देखें)।

3. पूरी तरह से गोल बटन ढेर के लिए उपयुक्त नहीं हैं

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

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

गोल कोनों के सौंदर्यशास्त्र

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

क्रोम में, हाल के अपडेट के बाद (मूल लेख के लगभग छह महीने बीत चुके हैं - लगभग अनुवाद।), पता बार खोज के लिए एक साथ उपयोग की उपलब्धता को बेहतर ढंग से व्यक्त करने के लिए गोल हो गया है। उपयोगकर्ता पृष्ठ पर जाने से पहले ही मुद्रण के समय खोज परिणामों का हिस्सा देख सकते हैं।

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

सारांश

कोई निश्चित उत्तर नहीं है जो बेहतर है - गोलाई या तीक्ष्णता। लेकिन गोल तत्व उपयोगकर्ता को द्वितीयक UI द्वारा विचलित किए बिना अनुप्रयोग के साथ बातचीत करने के लिए प्रोत्साहित कर सकते हैं।

समस्या के गहन अध्ययन के लिए संसाधनों की सूची:

मटेरियल डिजाइन में गोल आकार का प्रयोग करें

गोल कोनों की विशेषताएं

क्यों गोल कोनों आंखों पर आसान हैं