🚴 🎚️ 🙀 IOS और Android के लिए मोबाइल एप्लिकेशन के डिज़ाइन में 32 अंतर 👩🏾‍🤝‍👩🏻 ☘️ ℹ️

Redmadrobot Design Lab के आर्थर अब्रॉरोव में आयरन डिजाइनर टिप्पणियों को साझा करते हैं।

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

डिज़ाइन को सही ढंग से अनुकूलित करने के लिए, आपको प्लेटफ़ॉर्म दिशानिर्देशों का पालन करना चाहिए: iOS के लिए मानव इंटरफ़ेस दिशानिर्देश (HIG) और Android के लिए सामग्री डिज़ाइन । और डेवलपर्स के साथ संवाद करें, आदर्श रूप में उन्हें जितनी जल्दी हो सके डिजाइन से कनेक्ट करें ताकि वे तुरंत तकनीकी सीमाएं निर्धारित कर सकें।

लेकिन वास्तव में आईओएस के लिए डिज़ाइन एंड्रॉइड के लिए डिज़ाइन से अलग क्या है? इस लेख में मैं iOS और Android के लिए 32 विशिष्ट डिज़ाइन अंतरों का विश्लेषण करूँगा। वे चार समूहों में विभाजित हैं:

बुनियादी अंतर।
नेविगेशन और पैटर्न (UX) में अंतर।
घटक (यूआई) में अंतर।
अन्य अंतर।

IOS फीचर्स बायीं ओर और एंड्रॉइड फीचर्स दायीं या ऊपर / नीचे होंगे।

बुनियादी अंतर

मानव इंटरफ़ेस दिशानिर्देश बनाम सामग्री डिज़ाइन

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

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

2. इकाइयाँ: pt बनाम dp

IOS एप्लिकेशन का डिज़ाइन pt में बनाया गया है , और dp में एंड्रॉइड एप्लिकेशन । हम आमतौर पर 1x (या mdpi) में एक डिज़ाइन बनाते हैं और इसे ज़ेपलिन पर अपलोड करते हैं। Zeplin iOS के लिए pt के लिए डिज़ाइन प्रदर्शित करता है और 2x और 3x में आइकन और चित्र बनाता है। एंड्रॉइड के तहत, यह डीपी में डिज़ाइन प्रदर्शित करता है और एचडीपीआई, xhpdi, xxhdpi और xxxhdpi में ग्राफिक्स उत्पन्न करता है।

3. स्क्रीन का आकार: 320 पीटी x 568 पीटी बनाम 360 डीपी x 640 डीपी

मैं सबसे छोटे आकार के आईओएस एप्लिकेशन को डिज़ाइन करना पसंद करता हूं - iPhone 5 जिसकी स्क्रीन आकार 320pt x 568pt है। मैं छोटे पर्दे पर सामग्री के गलत प्रदर्शन से बचने के लिए ऐसा करता हूं। कुछ लोग iPhone 8 के लिए डिज़ाइन करना पसंद करते हैं।

एंड्रॉइड के तहत, 360dp x 640dp का आम तौर पर स्वीकृत स्क्रीन आकार है।

IOS के लिए डिज़ाइन करते समय, कभी-कभी मैं iPhone X (375pt x 812 pt) के लिए डिज़ाइन बनाता हूं। डेवलपर को यह समझना आवश्यक है कि इस आकार की स्क्रीन को सही ढंग से कैसे इंडेंट करें। IPhone X के लिए डिज़ाइन करते समय भी, आपको यह याद रखना चाहिए कि Safe के बारे में - एक ऐसा क्षेत्र है जिसके बाहर आपको सामग्री नहीं रखनी चाहिए।

4. सिस्टम फ़ॉन्ट: सैन फ्रांसिस्को बनाम रोबोटो

यदि आपको नहीं पता है कि एप्लिकेशन में किस फ़ॉन्ट का उपयोग करना है, तो सिस्टम को एक लें। IOS के मामले में, यह सैन फ्रांसिस्को है । और एंड्रॉइड रोबोटो है ।

5. एंड्रॉइड नेविगेशन बार

IOS के विपरीत, एंड्रॉइड में एक अंतर्निहित बैक नेविगेशन टूल है। यह एंड्रॉइड नेविगेशन बार है ।

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

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

इसका उत्तर यह है। दो प्रकार के नेविगेशन बैक हैं: रिवर्स कालानुक्रमिक नेविगेशन (हम इसे नेविगेशन बार में पीछे तीर का उपयोग करके करते हैं, इसे वापस कॉल करें)।

और ऊपर की ओर नेविगेशन (हम इसे ऊपरी तीर के साथ करते हैं, इसे ऊपर कहते हैं)।

कल्पना कीजिए कि हमारे पास एक एबीसी पथ है, जहां A मूल पृष्ठ है, और B और C बाल पृष्ठ हैं। कल्पना करें कि उपयोगकर्ता ए से सी से सीधे मिला है। यदि वह बैक बटन दबाता है, तो वह ए पर वापस आ जाएगा। लेकिन यदि वह ऊपर दबाता है, तो वह पहले बी जाएगा - और दूसरे प्रेस से वह ए पर जाएगा।

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

6. सामग्री में ऊंचाई का महत्व

आईओएस में, मूल रूप से कोई छाया नहीं हैं। अपवाद के रूप में, छाया एप स्टोर की मुख्य स्क्रीन और स्वास्थ्य पर पाया जा सकता है। लेकिन सामान्य तौर पर, एचआईजी छाया के उपयोग को निर्धारित नहीं करता है।

सामग्री में, छाया एक बड़ी भूमिका निभाते हैं। वे इंटरफ़ेस को तीसरे स्थान (जेड अक्ष) में जोड़ते हैं, जिसके कारण प्रत्येक घटक का इस अक्ष पर अपना सख्त स्थान है (0 डीपी से 24 डीपी तक)। इसके अलावा, यह Z अक्ष केवल एक वैचारिक स्तर पर मौजूद नहीं है: डेवलपर्स के पास एक ऊंचाई पैरामीटर है जिसमें वे इस अक्ष के साथ घटक की स्थिति निर्धारित करते हैं।

नेविगेशन और राज्यों का परिवर्तन घटकों के उन्नयन में परिवर्तन के साथ है। इसलिए, एंड्रॉइड के लिए डिजाइन करते समय, हमें सचेत रूप से छाया के निर्माण का दृष्टिकोण करना चाहिए।

7. नामकरण में अंतर

नामकरण में कई अंतर हैं। मैं इन पांचों पर विचार करने का प्रस्ताव करता हूं।

ए। टैब बार बनाम निचला नेविगेशन बार

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

ख। नेविगेशन बार बनाम टॉप ऐप बार

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

सी। खंडित नियंत्रण बनाम टैब

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

घ। संवाद बनाम संवाद

दिलचस्प बात यह है कि आईओएस - अलर्ट में केवल एक उपयोगकर्ता चेतावनी उपकरण का वर्णन किया गया है । एंड्रॉइड में तीन हैं : स्नैकबार, बैनर और डायलॉग।

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

इ। टच आईडी बनाम एंड्रॉइड फ़िंगरप्रिंट

यह विभिन्न नामकरण प्रौद्योगिकियों का केवल एक उदाहरण है जो इन प्लेटफार्मों पर उपयोग किया जाता है। उन्हें ज्ञात होना चाहिए, क्योंकि नामकरण के अलावा, वे उनके कार्यान्वयन की कई तकनीकी विशेषताओं में भिन्न हैं। नामकरण में अंतर को समझना प्रौद्योगिकी के अंतर को समझने में पहला कदम है।

नेविगेशन और पैटर्न में अंतर (UX)

8. शीर्ष-स्तरीय नेविगेशन के तरीके

ऊपर से शुरू करते हैं। टैब बार के माध्यम से iOS शीर्ष स्तर के नेविगेशन के केवल एक ही तरीके की सिफारिश करता है । एंड्रॉइड के बदले में तीन विकल्प हैं: नेविगेशन दराज , निचला नेविगेशन बार और टैब ।

यदि शीर्ष-स्तरीय पृष्ठों की संख्या पाँच से अधिक है, तो नेविगेशन दराज का उपयोग करें। यदि कम - निचला नेविगेशन बार। इस नेविगेशन के लिए टैब का उपयोग शायद ही कभी किया जाता है, लेकिन विधि हमारे लिए उपलब्ध है। हालाँकि, सामग्री टैब और बॉटम नेविगेशन बार को संयोजित नहीं करने की सलाह देती है, क्योंकि इन घटकों के साथ बातचीत करने से पृष्ठ की सामग्री प्रभावित होती है और उपयोगकर्ता भ्रमित हो सकता है।

9. टैब बार और बॉटम नेविगेशन बार के व्यवहार में अंतर

यह अंतर सामग्री प्रदान करता है ।

यदि आप मूल पृष्ठ से iOS पर iOS एक पर स्विच करते हैं, तो टैब बार के माध्यम से दूसरे माता-पिता पृष्ठ पर जाते हैं, तब जब आप पहले मूल पृष्ठ पर लौटते हैं, तब भी आप चाइल्ड पेज पर रहेंगे।

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

हमारे Android डेवलपर्स को भरोसा है कि यह सिस्टम व्यवहार गलत है। नीचे नेविगेशन पर स्विच करने के मामले में, यह iOS पर, खुले बाल पृष्ठों को बनाए रखने के लायक है।

10. एंड्रॉयड टैब स्पेशल बिहेवियर

एंड्रॉइड पर टैब, सेगमेंटेड कंट्रोल आईओएस के विपरीत , इस संपत्ति में हैं: आप बाएं और दाएं स्वाइप का उपयोग करके टैब के माध्यम से नेविगेट कर सकते हैं।

इसका कारण यह है कि टैब पृष्ठ समान ऊँचाई (ऊँचाई) पर हैं।

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

सामान्य तौर पर, ये दो घटक एक दूसरे को पूरी तरह से प्रतिस्थापित नहीं करते हैं। खंडित नियंत्रण एक नियंत्रण है जो किसी पृष्ठ की सामग्री को नियंत्रित करता है। और टैब्स एक नेविगेशन टूल है।

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

11. बाल स्क्रीन की उपस्थिति में अंतर

आईओएस में, चाइल्ड स्क्रीन की उपस्थिति (केवल गिनती मोडल नहीं) केवल एक ही तरीके से होती है: चाइल्ड पेज मदरबोर्ड के शीर्ष पर दाईं ओर दिखाई देता है जिसमें प्रभाव होता है। मदर स्क्रीन पर वापसी स्लाइड आउट के प्रभाव से होती है।

सामग्री उपयोगकर्ता को अर्थपूर्ण एनीमेशन का उपयोग करके माता-पिता और बाल पृष्ठों के बीच एक पदानुक्रमित संबंध दिखाने की सलाह देती है ।

घटक, जिसके साथ बातचीत करते समय उपयोगकर्ता बाल पृष्ठ पर जाता है, मातृ पृष्ठ का विस्तार और कवर करता है। इसलिए उपयोगकर्ता समझता है कि वह कहां से आया है और कहां, क्यों हुआ और "बैक" बटन पर क्लिक करने पर वह कहां वापस आएगा।

संक्रमण मानक सहजता का उपयोग करके होता है ।

12. विशेष कॉल पैटर्न नेविगेशन दराज

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

आईओएस में, इस इशारे में एक बच्चे से मां के पेज पर संक्रमण का एक स्थापित पैटर्न है। यह पैटर्न धीरे-धीरे कई एंड्रॉइड अनुप्रयोगों में स्थानांतरित हो गया है।

13. स्क्रॉल करते समय सामग्री व्यवहार

HIG पर, iOS में सामग्री स्क्रॉल करते समय इस तरह का व्यवहार करती है : नेविगेशन बार चौड़ाई में कम हो जाता है, टूल बार गायब हो जाता है। लेकिन सामान्य तौर पर, iOS डेवलपर स्क्रॉल करते समय सामग्री और बार के किसी भी व्यवहार को अनुकूलित कर सकते हैं।

सामग्री अधिक स्क्रॉलिंग व्यवहार प्रदान करती है। उदाहरण के लिए, नीचे नेविगेशन बार, खोज, और निचला ऐप बार स्क्रॉल करते समय गायब हो सकता है।

शीर्ष ऐप बार मुख्य सामग्री से या तो गायब हो सकता है या ऊपर उठ सकता है।

विविध खोज व्यवहार

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

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

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

IOS में खोज की एक विशेषता यह है कि आप इसे नेविगेशन बार के नीचे "छुपा" सकते हैं और इसे स्वाइप डाउन जेस्चर द्वारा कॉल कर सकते हैं। एक ही इशारा ताज़ा करने के लिए विशिष्ट है (ताज़ा करने के लिए खींच), इसलिए आपको इस एक कार्रवाई पर खोज और ताज़ा नहीं कहना चाहिए।

घटक अंतर (UI)

15. iOS में कौन से कंपोनेंट नहीं हैं

आईओएस में, कई देशी एंड्रॉइड घटक नहीं हैं। चलो उनके ऊपर चलते हैं।

ए। नेविगेशन दराज

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

ख। पृष्ठभूमि

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

सामग्री स्वयं इस घटक को प्यार करती है। उदाहरण के लिए, सामग्री डिजाइन पुरस्कार 2019 के विजेताओं पर एक नज़र डालें ।

सी। बैनर

बैनर देशी iOS घटकों के बीच नहीं मिला है। बैनर की मदद से, हम महत्वपूर्ण जानकारी के उपयोगकर्ता को सूचित करते हैं और संबंधित कार्यों की पेशकश करते हैं।

घ। अल्पाहार गृह

बैनर की तरह, स्नैकबार iOS का मूल निवासी नहीं है। स्नैकबार का उपयोग उपयोगकर्ता को उसकी कार्रवाई के परिणाम के बारे में एक छोटा संदेश देने के लिए किया जाता है।

इ। चिप्स

चिप्स भी देशी iOS घटकों के बीच गायब है। उनका उपयोग सूचना, विवरण और कार्यों को दर्ज करने के लिए किया जाता है।

च। नीचे ऐप बार

यहां आप शर्त लगा सकते हैं कि आईओएस में एक समान घटक है - टूल बार । लेकिन वे भिन्न हैं, इसीलिए: टूलबार प्रासंगिक क्रियाओं के लिए एक बार है। उदाहरण के लिए, संदेशों में संदेशों की सूची को संपादित करते समय, सभी पढ़ें और हटाएं के साथ एक टूल बार दिखाई देता है।

नीचे का ऐप बार समान शीर्ष-स्तरीय क्रियाओं के साथ शीर्ष ऐप बार को नीचे ले जा रहा है: नेविगेशन ड्रॉअर खोलना, एक खोज को कॉल करना, और इसी तरह। नीचे ऐप बार में, हम FAB की मेजबानी करते हैं।

जी। फैब

हां, FAB भी iOS में नहीं है। FAB स्क्रीन पर मुख्य क्रिया करने के लिए एक बटन है। उदाहरण के लिए, एक मेल एप्लिकेशन में, एफएबी एक नया पत्र बनाएगा।

यदि आप स्क्रीन पर मुख्य क्रिया के लिए Android FAB का उपयोग करते हैं, तो iOS पर यह मुख्य क्रिया दाईं ओर नेविगेशन बार में सबसे ऊपर रखी जानी चाहिए (उदाहरण देखें: iMessages)।

एच। नीचे नेविगेशन दराज

केवल Android के नेविगेशन ड्रावर की एक विविधता । बॉटम ऐप बार में बर्गर मेनू बटन दबाकर कॉल किया।

मैं। साइड शीट

यद्यपि सामग्री आपको एक मोबाइल एप्लिकेशन में इस घटक का उपयोग करने की अनुमति देती है , मैं इसे अधिक परिचित बॉटम शीट के साथ बदलने की सिफारिश करूंगा ।

जे। नीचे की चादर का विस्तार

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

क। मानक नीचे की शीट

स्टैंडर्ड बॉटम शीट बॉटम शीट की भिन्नता है, और यह आईओएस के घटकों में से नहीं है।

16. एंड्रॉइड में कौन से घटक नहीं हैं

अब विचार करें कि एंड्रॉइड लाइब्रेरी में कौन से घटक नहीं मिलते हैं।

ए। पृष्ठ नियंत्रण

पेज नियंत्रण दिखाता है कि उपयोगकर्ता किस पृष्ठ पर है। यह एंड्रॉइड के मूल घटकों में से नहीं है।

ख। टूलबार

टूलबार केवल iOS के लिए परिचित है।

सी। स्टेपर्स

स्टेपर - मानक iOS नियंत्रण, सामग्री में वर्णित नहीं है। छोटे मान दर्ज करने के लिए इसका उपयोग करें। उदाहरण: मुद्रित करने के लिए प्रतियों की संख्या।

घ। पॉप खत्म

पॉपओवर एक पॉप-अप पैनल है जो मुख्य रूप से iPad पर उपयोग किया जाता है।

IOS में एक मानक पॉपओवर एप्लिकेशन है - जो पाठकों या ब्राउज़रों में टेक्स्ट सेट कर रहा है।

17. विविध स्थिति बार

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

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

18. ताज़ा करने के लिए स्वाइप बनाम सामग्री नियंत्रण ताज़ा करें

दोनों प्लेटफॉर्म पर एक ही स्वाइप डाउन जेस्चर के साथ रिफ्रेशर्स को बुलाया जाता है। लेकिन iOS पर, Refresh Content Control बाकी सामग्री को नीचे धकेल देता है, जबकि Android का स्वाइप ताज़ा करने के लिए सामग्री के ऊपर दिखाई देता है। इसके अलावा, जब सामग्री स्क्रॉल की जाती है तो iOS रिफ्रेश हो जाता है, जबकि Android दिखाई देता है।

19. विविध नियंत्रण

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

जब आप उपयोगकर्ता को सभी विकल्पों को जल्दी से चुनने की क्षमता देने की आवश्यकता होती है, तो सामग्री भी मूल चेकबॉक्स का उपयोग करने का सुझाव देती है ।

20. पीछे तीर और शीर्ष स्थिति के अलग-अलग दृश्य

IOS में, तीर के मध्य में एक रेखा नहीं होती है क्योंकि iOS में पिछला तीर पिछली स्क्रीन के साथ हस्ताक्षरित होता है। यदि शीर्षक पिछली स्क्रीन पर मानक था, तो शीर्षक शीर्षक से बाईं ओर तीर पर चला जाता है। यदि शीर्षक व्यापक था, तो शीर्षक बढ़ जाता है। यदि पिछले पृष्ठ का शीर्षक बहुत लंबा है, तो इसे वापस शब्द से बदल दिया जाता है।

21. तीन डॉट्स आइकन के अलग-अलग दृश्य

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

22. पिकर के विभिन्न प्रकार

IOS में , तारीख को रील का उपयोग करके चुना जाता है। IOS ड्रम का उपयोग किसी अन्य डेटा को दर्ज करने के लिए किया जा सकता है। एंड्रॉइड पिकर में, तिथियां एक भौतिक कैलेंडर के रूप की नकल करती हैं।

सामग्री उपयोगकर्ताओं को इनपुट फ़ील्ड का उपयोग करके एक तिथि दर्ज करने की क्षमता देने की भी सिफारिश करती है।

23. विविध पाठ क्षेत्र

एचआईजी सामग्री की तुलना में टेक्स्ट फील्ड्स पर बहुत कम है।

मतभेद

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

समान

यदि आवश्यक हो तो दोनों प्लेटफ़ॉर्म एक स्पष्ट बटन जोड़ने की सलाह देते हैं।

मटीरियल के लिए और क्या चाहिए

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

24. प्रसंग मेनू बनाम मेनू

संदर्भ मेनू आईओएस 13. में दिखाई दिया। यह नियंत्रण उपयोगकर्ता को चयनित आइटम के साथ जुड़े कई प्रासंगिक क्रियाएं प्रदान करता है। एंड्रॉइड में आंशिक रूप से समान तत्व है - मेनू ।

मेनू एंड्रॉइड का उपयोग बड़ी संख्या में मामलों में किया जाता है: यह चयनित तत्व और संपूर्ण पृष्ठ दोनों के लिए प्रासंगिक क्रियाएं प्रदान करता है; (ड्रॉपडाउन मेनू) से चुनने के लिए कई विकल्पों के साथ एक इनपुट के रूप में उपयोग किया जाता है; पाठ को संपादित करने के लिए उपयोग किया जाता है। प्रसंग मेनू एक iOS- केवल घटक है। और मेनू एंड्रॉइड का उपयोग मोबाइल एप्लिकेशन और डेस्कटॉप पर दोनों में किया जा सकता है।

25. एक्शन व्यू / एक्टिविटी व्यू बनाम मोडल बॉटम शीट

यदि आप iOS iOS एप्लिकेशन में एक्शन व्यू या एक्टिविटी व्यू का उपयोग करते हैं , तो एंड्रॉइड में उन्हें आंशिक रूप से एंड्रॉइड मोडल बॉटम शीट घटक द्वारा प्रतिस्थापित किया जा सकता है । यह स्क्रीन के नीचे भी दिखाई देता है, सामग्री को काला कर देता है और समान तरीकों से बंद हो जाता है (बटन, मोडल विंडो के बाहर क्लिक करना, कभी-कभी नीचे स्वाइप करना)। घटकों का कार्य विकल्पों या प्रासंगिक कार्यों की पेशकश करना है।

26. मेनू बनाम टेक्स्ट चयन टूल बार संपादित करें

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

इसके अलावा, एंड्रॉइड आईओएस से अलग है जब अतिरिक्त कार्यों को बुलाया जाता है, पाठ चयन टूल बार एक मेनू का रूप लेता है।

27. विभिन्न आकार के विभक्त

आईओएस में यह 0.5 पीटी है, एंड्रॉइड में - 1 डीपी।

अन्य अंतर

28. दबाव क्षेत्र के आकार के लिए विभिन्न आवश्यकताएं

दिशानिर्देशों के अनुसार, आईओएस में न्यूनतम क्लिक क्षेत्र 44 x 44 पीटी है, और एंड्रॉइड में - 48 x 48 डीपी।

29. ऐप स्टोर बनाम Google Play

आपका iOS ऐप ऐप स्टोर से डाउनलोड हो जाएगा। Android ऐप - Google Play से। स्टोर में एप्लिकेशन को सही ढंग से रखने के लिए, आपको उनकी आवश्यकताओं का पालन करना चाहिए। ऐप स्टोर की आवश्यकताएं यहां पढ़ने लायक हैं , और Google Play यहां है । कई विशेषताएं हैं, इसलिए मेरा सुझाव है कि आप प्रकाशन से पहले अध्ययन करें।

30. iOS में एक विशेष पैटर्न - पूर्ववत और फिर से करें

यह एक विशेष iOS पैटर्न है : यदि आप अपने स्मार्टफोन को हिलाते हैं, तो एप्लिकेशन अंतिम प्रतिबद्ध कार्रवाई को रद्द करने या दोहराने के लिए उपयोगकर्ता को संकेत देगा। आमतौर पर, इस जेस्चर का उपयोग एंटर किए गए टेक्स्ट को हटाने के लिए किया जाता है।

31. ब्रांडेड लॉन्च से संबंध

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

32. अतिरिक्त सामग्री डिजाइन विषय-वस्तु

सामग्री वेबसाइट में इस तरह के विषय शामिल हैं: डेटा प्रारूप (विभिन्न डेटा प्रारूप), डेटा विज़ुअलाइज़ेशन (सही इन्फोग्राफिक्स), खाली राज्य (खाली राज्यों का डिज़ाइन), ऑफलाइन स्टेट्स (इंटरनेट की अनुपस्थिति में इंटरफ़ेस), पहुंच (सुलभ डिज़ाइन) और द्विदिश (दाएं से बाएं पाठकों के लिए डिजाइन)।

निष्कर्ष

दिशा-निर्देशों का ज्ञान हमारी जागरूकता के स्तर को बढ़ाता है। हम मौजूदा उपयोगकर्ता पैटर्न को समझते हैं और एक एप्लिकेशन बनाते हैं जो उपयोगकर्ताओं की आदतों में व्यवस्थित रूप से फिट बैठता है।

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

और अगर हम एक नया, कस्टम समाधान पेश करना चाहते हैं, तो दिशानिर्देशों का ज्ञान इस नवाचार को सही ठहराने में मदद करता है।

कुल: दिशा-निर्देशों का ज्ञान और उनके अंतर एक मोबाइल ऐप डिजाइनर का एक महत्वपूर्ण कौशल है।

आप अन्य क्या अंतर जानते हैं? उन्हें कमेंट में साझा करें।

IOS और Android के लिए मोबाइल एप्लिकेशन के डिज़ाइन में 32 अंतर