iOS और Android ऐप्स के डिज़ाइन में 32 अंतर

यह सिर्फ एक साधारण तुलना नहीं है, बल्कि हर OS UI की खासियतों को समझने के लिए भी एक अच्छा लेख है

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

1. HIG vs. Material Design

2. इकाइयाँ: pt vs. dp

3. स्क्रीन: 320pt x 568pt vs. 360dp x 640dp

4. फ़ॉन्ट: San Francisco vs. Roboto

5. Android navigation bar

6. Material Design में Shadow और Elevation

7. Naming:

→ Tab bar vs. Bottom Navigation Bar

→ Navigation Bar vs. Top App Bar,

→ Segmented Controls vs. Tabs

→ Alerts vs. Dialogs

→ Touch ID vs. Android Fingerprint

8. टॉप-लेवल नेविगेशन के तरीके

9. tab bar और bottom navigation bar में अंतर

10. Android tabs की विशेष सुविधाएँ

11. सब-पेज दिखाने के तरीकों में अंतर

12. navigation drawer को बुलाने के पैटर्न

13. स्क्रॉल करते समय व्यवहार में अंतर

14. search behavior में अंतर

कंपोनेंट्स (UI) में अंतर

15. जो चीज़ें iOS में नहीं हैं

→ Navigation Drawer, Backdrops, Banner, Snackbar, Chips, Bottom App Bar, FABs(Floating Action Button), Bottom Navigation Drawer, Side Sheet, Expanding Bottom Sheet, Standard Bottom Sheet,

16. जो चीज़ें Android में नहीं हैं

→ Page Control, Toolbars, Steppers, Popovers

17. समान लेकिन अलग Status Bar

18. Refresh Content Control vs. Swipe to refresh

19. controls के visual differences

20. back arrow के आकार और header position में अंतर

21. "तीन डॉट्स" आइकन में अंतर

22. Pickers: iOS में तारीख चुनना drum type है, जबकि Android में सामान्य calendar जैसा

23. text field में अंतर

→ iOS में label फ़ील्ड के ऊपर दिखता है और इनपुट करते समय गायब हो जाता है, Android में इनपुट करते समय ऊपर खिसक जाता है

→ content clear button लगभग समान है

→ Material Design में इनपुट के समय underline को Primary रंग से highlight किया जाता है

24. Context Menus vs. Menus

25. Action View/Activity View vs. Modal Bottom Sheet

26. Edit Menus vs. Text Selection Toolbar

27. divider size: iOS 0.5pt vs. Android 1dp

अन्य अंतर

28. tap zone size: iOS 44x44pt, Android 48x48dp

29. App Store vs. Google Play

30. iOS का अनोखा Undo/Redo: उपयोगकर्ता फ़ोन हिलाए तो Undo फ़ंक्शन काम करता है

31. launch screen में अंतर: Material launch screen पर app logo की अनुमति देता है, लेकिन HIG launch screen को मार्केटिंग के लिए इस्तेमाल करने की सिफारिश नहीं करता। इसे सिर्फ placeholder की तरह उपयोग करें

32. Material Design के अतिरिक्त तत्व: Data Format, Data Visualization, Empty States, Offline States आदि

[xguru]

स्टार्टअप है, तो ऐप किससे डेवलप करना चाहिए? इस सवाल पर मेरा बुनियादी जवाब है

#1 अगर सर्विस के लिए ऐप सच में ज़रूरी नहीं है, तो पहले सिर्फ mobile web को अच्छी तरह बनाना भी काफ़ी है.

#2 अगर ऐप सच में ज़रूरी है, तो शुरुआती दौर में React Native या Flutter से iOS/Android platform को एक साथ support करें.

#3 जब users बढ़ जाएँ, developers भी बढ़ें और funding भी आ जाए, तब हर OS के लिए optimized native app में बदलना भी अच्छा है. (Swift & Kotlin)

लेकिन, इसका जवाब 10 साल पहले भी यही था.

तब बस HTML5, Hybrid(Phonegap), Objective C++ & Java थे..

अब अगर web को React से बनाते हैं, तो React Native की वजह से थोड़ा आसान ज़रूर होगा.

#1 तो हर हाल में, #2 की सिफारिश है, और #3 optional है

UI comparison पर यह लेख #3 वाले मामले में अच्छी तरह समझना चाहिए, और #2 के लिए भी पहले से पढ़कर रखना अच्छा है.

[laeyoung]

xguru द्वारा छोड़ी गई टिप्पणी के बाद

लेकिन अगर यह ऐसा service है जो कैमरा, GPS, accelerometer आदि जैसे hardware पर बहुत अधिक निर्भर करता है, तो सीधे 3 पर जाएँ।

(उदा. real-time video filter app बनाना है -> #3 पर...)