Android VS. iOS: Σύγκριση 20 συστατικών και μοτίβων UI (Μέρος 2)

20 διαφορές μεταξύ Android και iOS θα πρέπει να γνωρίζετε κατά το σχεδιασμό εφαρμογών μεταξύ των πλατφορμών

中文 版 Πρωτότυπη κινεζική έκδοση που δημοσιεύθηκε στις 10 Δεκεμβρίου 2016

Android VS. iOS: Σύγκριση 20 συστατικών και μοτίβων UI (Μέρος 1)

14. Λίστες πλέγματος VS. Προβολή συλλογής

Οι λίστες πλέγματος χρησιμοποιούνται κατά κύριο λόγο για παραγγελθέντες τύπους περιεχομένου, ειδικά για εικόνες. Στο Android, μια κεφαλίδα ή ένα υποσέλιδο μπορεί να προστεθεί σε ένα πλέγμα για την παροχή πρόσθετων πληροφοριών ή ενεργειών. Η προβολή συλλογής του iOS είναι βασικά για την εμφάνιση του περιεχομένου που βασίζεται στην εικόνα.

Με την περικοπή των πλακιδίων πλέγματος στην αρχική θέση κύλισης της προβολής, μπορείτε να αναφέρετε την υπερχείλιση του περιεχομένου. Τόσο οι λίστες πλέγματος όσο και οι προβολές συλλογής είναι δυνατές για να μπείτε στην οθόνη λεπτομερειών για περισσότερες πληροφορίες.

Πηγή εικόνας: Οδηγίες σχεδίασης υλικών Google και κατευθυντήριες γραμμές ανθρώπινης διεπαφής iOS

15. Κάρτες

Οι κάρτες έχουν χρησιμοποιηθεί σε σχεδιασμό UI για μεγάλο χρονικό διάστημα. Αφού η Google κυκλοφόρησε το Design του υλικού το 2015, οι κάρτες αποτελούν έναν κοινό αντιπρόσωπο του Android design. Το UI κάρτας έχει το πλεονέκτημά του σε πολλαπλά μεγέθη συσκευών. Οι κάρτες μπορούν να μετατραπούν σε μέγεθος και να ρυθμιστούν εύκολα σύμφωνα με διαφορετικά μεγέθη οθόνης. Επιπλέον, οι κάρτες μπορούν να περιέχουν διάφορες πληροφορίες, όπως κείμενα, εικόνες και διαγράμματα.

Παρόλο που το iOS δεν καθορίζει τις οδηγίες χρήσης του, αλλά το παρόμοιο σχέδιο μπορεί να βρεθεί στην εφαρμογή Apple iOS.

Σε οπτικό στυλ, το Android δίνει έμφαση στις σκιές των καρτών, αλλά οι κάρτες είναι επίπεδες στο iOS 10. (Μετά την κυκλοφορία του iOS 11, εμφανίζονται μεγάλες σκιές!)

Πηγή εικόνας: Οδηγίες σχεδιασμού υλικού GoogleΠηγή εικόνας: Facebook Design

15. Μενού VS. Pickers και νέες οθόνες

Τα μενού του Android μοιάζουν με τους απλούς διαλόγους του. Η διαφορά μεταξύ τους είναι ότι τα παράθυρα διαλόγου εμφανίζονται στο κέντρο της οθόνης με διαφανή μαύρη επικάλυψη, αλλά η θέση των μενού είναι σχετική με τη θέση των αντικειμένων. Τα μενού έχουν λιγότερη διακοπή από τους διαλόγους.

Τα μενού εμφανίζονται στις ακόλουθες 3 περιπτώσεις: 1) Αφού αγγίξετε το εικονίδιο υπερχείλισης σε μια γραμμή δράσης ή σε μια λίστα με λίστα, 2) μετά από το πάτημα του αναπτυσσόμενου μενού και 3) μετά την κτύπημα μιας γραμμής στυλ 2 γραμμών που αποτελείται από ετικέτα και αξία.

Το iOS δεν έχει αυτό το είδος στυλ μενού. Αφού αγγίξετε μια κελιά αποτελούμενη από ετικέτα και αξία, η οθόνη θα μεταβεί στη νέα οθόνη που εμφανίζει επιλογές σε έναν πίνακα με ένα σημάδι επιλογής σε μία από τις επιλογές για να επισημάνει την επιλεγμένη κατάσταση στα τηλέφωνα. Στις ταμπλέτες, μπορεί να χρησιμοποιηθεί ένα popover για τον πίνακα μενού.

Μια άλλη εναλλακτική λύση είναι οι "συλλέκτες", οι μεταβλητές λίστες διακριτών τιμών που σας επιτρέπουν να επιλέξετε μια τιμή. Αφού τραβηχτεί ένα κελί με μια τιμή, ένας επιλογέας θα εμφανιστεί κάτω από το κελί ή θα γλιστρήσει από το κάτω μέρος της οθόνης.

Οι επιλογείς συνιστώνται να χρησιμοποιούνται μόνο για λίγες επιλογές. Εάν έχετε μια μακρά λίστα, η νέα οθόνη για τον πίνακα επιλογών θα ήταν η καλύτερη επιλογή.

16. Επιλογή ημερομηνίας / ώρας

Τόσο το Android όσο και το iOS έχουν τη δική τους προεπιλεγμένη ημερομηνία / ώρα συλλέκτες. Το Android διαθέτει επιλογή ημερομηνίας για να επιλέξετε μια συγκεκριμένη ημερομηνία (ημερομηνία, μήνας και έτος) και επιλογή χρόνου. Το iOS διαθέτει 4 είδη επιλογής: 1) Ημερομηνία που εμφανίζει μήνες, ημέρες του μήνα και έτη. 2) Ο χρόνος που εμφανίζει ώρες, λεπτά και (προαιρετικά) έναν χαρακτηρισμό AM / PM. 3) Ημερομηνία και ώρα που εμφανίζει ημερομηνίες, ώρες, λεπτά και (προαιρετικά) μια ονομασία AM / PM. 4) Μετρητής αντίστροφης μέτρησης που εμφανίζει ώρες και λεπτά.

17. Διαχωριστές

Για να διαχωρίσετε περιεχόμενο, χρησιμοποιούνται συνήθως διαιρέτες.

Το Android διαθέτει 2 τύπους διαχωριστικών: 1) Διαχωριστικά πλήρους ροής, που χρησιμοποιούνται για τη διαίρεση ξεχωριστών τμημάτων περιεχομένου. 2) Διαχωριστικά ένθετα, που χρησιμοποιούνται για τον διαχωρισμό σχετικού περιεχομένου.

Το iOS δεν ορίζει διαχωριστικά στις οδηγίες του. Το iOS χρησιμοποιεί ομαδοποιημένους πίνακες και υπάρχει μια γκρίζα περιοχή μεταξύ 2 ομαδοποιημένων πινάκων για διαχωρισμό. Το iOS διαθέτει διαχωριστικά στο τραπέζι του για να σχηματίσει ένα κελί.

Το Android τείνει να χρησιμοποιεί "χώρο" για να διαχωρίσει τις σειρές, οπότε το Android σπάνια έχει διαχωριστικά μεταξύ σειρών των οποίων τα δεδομένα σχετίζονται.

Στο Android, εάν υπάρχει ένα εικονίδιο ή μια εικόνα στην αριστερή πλευρά μιας σειράς, ο διαιρέτης εισόδου ξεκινά από ένα αριστερό άκρο κειμένου και τελειώνει στο δεξιό άκρο της οθόνης. Στο iOS, ένα κελί με ένα εικονίδιο είναι το ίδιο με το Android, αλλά για ένα κελί με μια εικόνα, ο διαχωριστής ξεκινά από το αριστερό άκρο της εικόνας.

18. Πεδία κειμένου

Τα πεδία κειμένου Android εμφανίζονται συνήθως σε φόρμες που πρέπει να συμπληρώσετε. Υπάρχουν 3 τύποι: 1) Ενιαία γραμμή 2) Πολλαπλές γραμμές και 3) Πλήρες πλάτος. Το 2017, το Android προσθέτει έναν άλλο τύπο: περιοχή κειμένου στις οδηγίες του.

Ανάλογα με τη διαφορετική μορφή εισόδου, θα πρέπει να παρέχεται ένας κατάλληλος τύπος πληκτρολογίου. Τόσο το Android όσο και το iOS παρέχουν διάφορους τύπους πληκτρολογίων. Βασικά, μπορούν να ταξινομηθούν σε 3 τύπους: 1) Αριθμός Πληκτρολόγιο (iOS έχει αριθμητικό πληκτρολόγιο και pad pad), που χρησιμοποιείται για την εισαγωγή αριθμών τηλεφώνου, αριθμών πιστωτικών καρτών ή κωδικών PIN. 2) Κείμενο πληκτρολογίου, που χρησιμοποιείται για ονόματα ανθρώπων. 3) Μικτό πληκτρολόγιο, που χρησιμοποιείται για διευθύνσεις ηλεκτρονικού ταχυδρομείου ή διευθύνσεις URL.

Τόσο το Android όσο και το iOS μπορούν να τοποθετούν τοποθετητές και εικονίδια ή εικόνες σε πεδία κειμένου ως δείκτες για την επικοινωνία. Στο Android, τα σύμβολα κράτησης τοποθετούνται προς τα πάνω όταν το πεδίο κειμένου είναι εστιασμένο ή γεμάτο. Αυτός είναι ένας αρκετά έξυπνος σχεδιασμός που βοηθά τους χρήστες να γνωρίζουν τις ετικέτες ακόμη και όταν συμπληρώνονται όλα τα πεδία κειμένου. Στο iOS, προτείνουμε να μην χρησιμοποιείτε ξεχωριστή ετικέτα για να περιγράψετε ένα πεδίο κειμένου όταν το κείμενο με σύμβολο κράτησης θέσης είναι αρκετό.

Το iOS έχει έναν πιο έξυπνο σχεδιασμό ο οποίος είναι όταν τα πεδία κειμένου είναι γεμάτα και συγκεντρωμένα, το σαφές κουμπί εμφανίζεται στη δεξιά πλευρά του πεδίου κειμένου, οπότε οι άνθρωποι μπορούν να καθαρίσουν εύκολα όλα τα κείμενα με μία βρύση. Το Android δεν έχει αυτόν τον σχεδιασμό στο προεπιλεγμένο πεδίο κειμένου, αλλά μπορείτε να το βρείτε στη γραμμή αναζήτησης. Στο Android, μπορείτε να προσαρμόσετε το πεδίο κειμένου και να προσθέσετε ένα πλήρες κουμπί από τη δεξιά πλευρά.

Οι οδηγίες Android επίσης καθορίζουν βοηθητικά κείμενα, μετρητές χαρακτήρων και μηνύματα σφάλματος για πεδία κειμένου.

19. Ολισθητήρες

Τα ρυθμιστικά είναι τα στοιχεία για την προσαρμογή των ρυθμίσεων που αντικατοπτρίζουν τα επίπεδα έντασης, όπως η ένταση, η φωτεινότητα ή ο κορεσμός χρώματος. Κανονικά, η μικρότερη τιμή βρίσκεται στα αριστερά των ρυθμιστικών και η μεγαλύτερη τιμή στα δεξιά. Τα sliders μπορεί να έχουν εικονίδια και στα δύο άκρα της γραμμής για να αντικατοπτρίζουν την ένταση της αξίας τόσο στο Android όσο και στο iOS.

Τα συρόμενα Android έχουν 2 τύπους: 1) Συνεχείς ολισθητήρες, επιτρέποντας στους χρήστες να επιλέξουν μια τιμή κατά μήκος ενός εύρους. 2) Διακριτά ρυθμιστικά, επιτρέποντας στους χρήστες να επιλέξουν μια συγκεκριμένη τιμή, όπως 10 ή 20, από ένα εύρος τιμών.

Το Android παρέχει επίσης επεξεργάσιμο πλαίσιο κειμένου για εισαγωγή αριθμών για χρήστες που πρέπει να ορίσουν την ακριβή τιμή.

20. Άλλα μοτίβα

20-1. Ψάξιμο

Η αναζήτηση Android έχει 2 τύπους: επίμονη αναζήτηση και επεκτάσιμη αναζήτηση, η οποία μπορεί να συγκριθεί με την περίοπτη αναζήτηση iOS και την ελάχιστη αναζήτηση.

Η επίμονη αναζήτηση του Android και η εξέχουσα αναζήτηση του iOS χρησιμοποιούνται κυρίως για την κύρια λειτουργία των εφαρμογών είναι η αναζήτηση, όπως η σχετική εφαρμογή του καταστήματος, στην οποία οι χρήστες μπορεί να θέλουν να βρουν ένα προϊόν για να το αγοράσουν με αναζήτηση.

Η επεκτάσιμη αναζήτηση Android και η ελάχιστη αναζήτηση του iOS για την εφαρμογή της οποίας η αναζήτηση είναι δευτερεύουσα. Το Android μειώνει τη γραμμή αναζήτησης σε ένα εικονίδιο. Αφού γίνει κλικ στο εικονίδιο αναζήτησης στη γραμμή εφαρμογών, η γραμμή εφαρμογών μετατρέπεται σε γραμμή αναζήτησης. Το iOS χρησιμοποιεί τρόπο οπτικής σχεδίασης, καθιστώντας τις γραμμές αναζήτησης να είναι ημιδιαφανείς, να μην είναι εμφανείς.

Το iOS χρησιμοποιεί επίσης το εικονίδιο αναζήτησης για να μειώσει τη σημασία της αναζήτησης. Επιπλέον, μερικές φορές το iOS αποκρύπτει τις γραμμές αναζήτησης πίσω από τις γραμμές πλοήγησης. Οι χρήστες πρέπει να πατήσουν προς τα κάτω για να εμφανίσουν τη γραμμή κρυφών αναζητήσεων.

20-2. Διαγραφή και άλλες ενέργειες

Οι χρήστες Android μπορούν να επιλέξουν ένα στοιχείο πατώντας παρατεταμένα και στη συνέχεια εισάγετε τη λειτουργία επιλογής στην οποία εμφανίζονται κουμπιά δράσης, όπως η διαγραφή, στις γραμμές εφαρμογών. Οι χρήστες Android μπορούν επίσης να αγγίξουν το εικονίδιο υπερχείλισης για να εμφανίσουν το μενού με μια επιλογή "επιλέξτε" και να πατήσετε για να εισέλθετε στη λειτουργία επιλογής.

Οι χρήστες του iOS μπορούν να πατήσουν προς τα αριστερά για να προκαλέσουν κρυφές ενέργειες, όπως διαγραφή. Μπορούν επίσης να πατήσετε "Επεξεργασία" στις γραμμές πλοήγησης για να εισέλθετε στη λειτουργία επεξεργασίας για να διαγράψετε ή να αναδιατάξετε στοιχεία. Εάν υπάρχουν περισσότερες ενέργειες, όπως η μετακίνηση και η επίτευξη, στη λειτουργία επεξεργασίας, η οθόνη θα έχει έναν πίνακα θα έχει πολλαπλές επιλογές επιλογής και μια γραμμή εργαλείων με αυτές τις ενέργειες.

20-3. Επιλέξτε Κείμενο

Τόσο στο Android όσο και στο iOS, οι χρήστες μπορούν να πατήσουν μακρά κείμενα για να τα επιλέξουν. Μετά από πολύ καιρό, στο Android, τα εικονίδια ενέργειας θα εμφανιστούν στη γραμμή δράσης που έγινε ύφος ανθήρα για να υποδείξει την τρέχουσα κατάσταση, τη λειτουργία επιλογής. Στο iOS, οι ενέργειες εμφανίζονται απλά σε ένα μενού πάνω από τα επιλεγμένα κείμενα. Το Android διαθέτει τώρα επίσης την πλωτή γραμμή εργαλείων όπως το iOS που εμφανίζεται παραπάνω στην περιοχή επιλογής με ενέργειες περικοπής, αντιγραφής, επικόλλησης και πολλά άλλα.

Αφού αντιγραφούν ή κοπεί τα κείμενα, οι χρήστες μπορούν να πατήσουν πατημένα τα πεδία κειμένου για να εμφανίσουν ένα αναδυόμενο παράθυρο επικόλλησης και να πατήσετε το για να επικολλήσετε.

Πηγή: Google

20-4. Προπόνηση & Δραστηριότητα

Γενικά, οι ράβδοι προόδου είναι καλύτερες από τις ράβδους, επειδή οι ράβδοι προόδου επιτρέπουν στους χρήστες να γνωρίζουν την κατάσταση, πόσες έχουν απομείνει, έτσι θα πρέπει να περιμένουν.

Χρησιμοποιούνται γραμμές προόδου για την πρόβλεψη της προόδου. Αν η πρόοδος δεν είναι αξιόλογη, τότε θα χρησιμοποιηθούν κλώστες. Αν όμως η πρόοδος είναι προβλέψιμη και ο χρόνος αναμονής είναι μικρότερος από 3-4 δευτερόλεπτα, μπορείτε να χρησιμοποιήσετε και τους κλώστες.

Οι γραμμές προόδου εμφανίζονται, εκτός από τα κείμενα περιεχομένου και τα παράθυρα διαλόγου, στο κάτω άκρο των γραμμών εφαρμογής / των γραμμών πλοήγησης. Μπορείτε να βρείτε το παράδειγμα στις εφαρμογές του προγράμματος περιήγησης.

Οι γραμμές προόδου δεν έχουν μόνο γραμμικές, αλλά και κυκλικές ενδείξεις. Οι δείκτες κυκλικής προόδου χρησιμοποιούνται συχνά με κουμπιά λήψης. Αφού ληφθούν τα κουμπιά λήψης, τα κουμπιά θα γίνουν δείκτες κυκλικής προόδου.

Οι δείκτες προόδου Android έχουν 4 τύπους: 1) Προσδιορίζονται 2) Απροσδιόριστο 3) Buffer 4) Ερώτημα απροσδιόριστο και προσδιορισμένο για διαφορετικές καταστάσεις.

Android γραμμική πρόοδο και δείκτες δραστηριότηταςΤο Android Circular είναι απροσδιόριστο και καθορίζει τους δείκτες προόδου

Σχετικά με την ανανέωση, το Android μάθει από το iOS, χρησιμοποιώντας το δάχτυλο προς τα κάτω για ανανέωση του περιεχομένου. ένας κυκλικός κλώστης θα εμφανιστεί μετά την απομάκρυνση και εξαφανιστεί μετά την φόρτωση του περιεχομένου.

Ανανεώστε τις λίστες πατώντας προς τα κάτω. Οι δείκτες φόρτωσης θα εμφανιστούν.

20-5. Εικόνες: Κοινή χρήση VS. Δράση

Όταν θέλετε να μοιραστείτε το περιεχόμενο από αυτήν την εφαρμογή σε άλλο, τα Android και iOS έχουν το δικό τους εικονίδιο κοινής χρήσης. Αξίζει να σημειωθεί ότι το κουμπί δράσης (share) της iOS θυμίζει μια εμφάνιση modal που περιέχει όχι μόνο λίστα εφαρμογών, αλλά και ενέργειες όπως το αντίγραφο, το αγαπημένο ή το save, χρήσιμες στο τρέχον πλαίσιο.

Εικονίδιο κοινής χρήσης Android VS. iOS Action icon

20-6. Γραμμές κατάστασης

Οι γραμμές κατάστασης Android και iOS διαθέτουν πληροφορίες όπως η ώρα, η κατάσταση της μπαταρίας, η κατάσταση Wi-Fi και η ισχύς του σήματος. Μετακίνηση προς τα κάτω από τις γραμμές κατάστασης για την εμφάνιση κέντρων ειδοποιήσεων.

20-7. Γραμμές πλοήγησης VS. Κουμπί αφετηρίας

Οι γραμμές πλοήγησης Android και οι γραμμές πλοήγησης iOS είναι διαφορετικές. Μην τους συγχέετε.

Οι γραμμές πλοήγησης Android διαθέτουν 3 κουμπιά για το Back, Home και Πρόσφατες εφαρμογές. Οι γραμμές πλοήγησης μπορούν να είναι εικονικές ή φυσικές.

Το iOS διαθέτει ένα φυσικό κουμπί, το σπίτι. Ένα πάτημα για να πάει πίσω στο σπίτι. πατήστε δύο φορές για να μεταβείτε στις λίστες εφαρμογών που ξεκίνησαν πρόσφατα. Αξίζει να σημειωθεί ότι το iOS δεν έχει κλειδί όπως το Android, οπότε η οθόνη UI θα πρέπει να έχει ένα κουμπί πίσω στις γραμμές πλοήγησης.

Μετά την κυκλοφορία του iPhoneX, δεν υπάρχει κανένα κλειδί στο σπίτι στη συσκευή. Σύρετε προς τα πάνω σε ένα δείκτη γραμμής για να επιστρέψετε στην πατρίδα σας.

ανακεφαλαιώσουμε

Πλοήγηση

Το Android χρησιμοποιείται για να χρησιμοποιεί το συρτάρι πλοήγησης ως κύρια πλοήγηση, αλλά επί του παρόντος οι καρτέλες και η κάτω πλοήγηση είναι πιο δημοφιλείς λόγω της καλύτερης χρηστικότητας. Το iOS, όπως συνήθως, χρησιμοποιεί γραμμές καρτών για πλοήγηση.

Γραμμή εφαρμογής / γραμμή πλοήγησης

Οι γραμμές εφαρμογών Android, οι τίτλοι των οθονών ευθυγραμμίζονται αριστερά και τα κουμπιά δράσης τοποθετούνται στη δεξιά πλευρά. Στο iOS, οι τίτλοι τοποθετούνται στο κέντρο των γραμμών πλοήγησης και τα κουμπιά δράσης τοποθετούνται στη δεξιά και αριστερή πλευρά των γραμμών πλοήγησης.

Γραμμές εργαλείων

Τα Android και iOS διαθέτουν κάτω γραμμές εργαλείων για κείμενα δράσης, εικονίδια ενέργειας ή κατάσταση.

Καρτέλες VS. Κατακερματισμένοι έλεγχοι

Για την πλοήγηση στο δεύτερο ή χαμηλότερο επίπεδο, το Android χρησιμοποιεί καρτέλες που περιέχουν 2 τύπους: σταθερό και με δυνατότητα κύλισης και υποστηρίζει χειρονομίες για να αλλάζουν προβολές. Το iOS χρησιμοποιεί κατακερματισμένα στοιχεία ελέγχου, τα στοιχεία των οποίων περιορίζονται σε 2-5.

Κουμπιά

Παρόλο που τα Android και iOS έχουν τα δικά τους προκαθορισμένα στυλ κουμπιών, οι οπτικοί σχεδιαστές εξακολουθούν να μπορούν να σχεδιάζουν κουμπιά στη σκέψη τους, αρκεί τα στυλ κουμπιών να μην συγχέουν τους χρήστες. Το μόνο που πρέπει να παρατηρήσετε είναι ότι το Android χρησιμοποιεί το UPPERCASE, για όλα τα κείμενα με δυνατότητα τροφοδοσίας, συμπεριλαμβανομένων των κουμπιών τους.

Πλωτά κουμπιά δράσης VS. Κουμπιά κλήσης προς δράση

Το Android διαθέτει δικό του χαρακτηριστικό κουμπί float action για την κύρια ενέργεια στην οθόνη. Τα FABs τοποθετούνται στην κάτω δεξιά γωνία για εύκολη πρόσβαση και κτυπήματα. Κουμπιά κλήσης σε iOS, τοποθετημένα στο κέντρο των γραμμών καρτελών, που συνήθως έχουν διαφορετικό στυλ με άλλες πραγματικές καρτέλες.

Κάτω φύλλα VS. Δελτία ενεργειών και προβολές δραστηριότητας

Το iOS διαθέτει φύλλα δράσης για μεγάλο χρονικό διάστημα και στη συνέχεια το Android έχει επίσης φύλλα πυθμένα με ενέργειες για χρήση με ένα χέρι.

Διαλόγους VS.Alerts

Οι διαλόγοι χρησιμοποιούνται για προειδοποίηση, παρέχοντας επιλογές και επιβεβαίωση. Τα Android και iOS βάζουν το κύριο κουμπί δράσης στη δεξιά πλευρά και δευτερεύουσα ενέργεια, όπως η ακύρωση, στην αριστερή πλευρά. Τα κείμενα στο κουμπί πρέπει να είναι απλά και ξεκάθαρα. Τα ρήματα μπορούν να χρησιμοποιηθούν αντί Ναι και Όχι.

Διαλόγων πλήρους οθόνης VS. Modal Views & Popovers

Τα παράθυρα διαλόγου πλήρους οθόνης του Android και οι τρόποι προβολής ή περιστροφής του iOS σε συσκευές τηλεφώνου είναι πλήρους οθόνης, αλλά τα tablet δεν είναι πλήρης οθόνη.

Σνακ μπαρ & τοστ VS. Ειδοποιήσεις αυτόματης κλεισίματος

Οι σνακ μπαρ, οι τοστ και οι προειδοποιήσεις χρησιμοποιούνται ως ανατροφοδότηση μετά από μια ενέργεια.

Λίστες VS. Πίνακες & Κύτταρα (Γραμμές)

Το Android τείνει να χρησιμοποιεί χώρο μάλλον διαχωριστικό για να διαχωρίζει τα σχετικά κείμενα περιεχομένου σε λίστες. Το Android χρησιμοποιεί διαιρέτες όταν τα κείμενα περιεχομένου είναι εντελώς διαφορετικά. Το iOS έχει διαιρέτες για να σχηματίσει κελιά στους πίνακες του. Τα iOS tappable cells έχουν τους επόμενους δείκτες οθόνης που παρέχουν καλύτερη χρηστικότητα από το Android. Τα tablet iOS έχουν 2 τύπους: απλοί και ομαδοποιημένοι πίνακες.

Υποτμήματα VS. Ομαδοποιημένες κεφαλίδες πινάκων και επικεφαλίδα τμήματος

Το Android έχει μόνο υποτίτλους, αλλά το iOS έχει κεφαλίδες πινάκων για ομαδοποιημένους πίνακες και κεφαλίδες ενοτήτων για απλά δισκία.

Λίστα ελέγχου

Τα Android και iOS έχουν τα δικά τους στοιχεία ελέγχου για την επιλογή μεμονωμένων στοιχείων, την επιλογή πολλαπλών επιλογών και την αναδιάταξη. Επιλέξτε τα κατάλληλα ανάλογα με την κάθε πλατφόρμα.

Μενού VS. Pickers και νέες οθόνες

Το Android έχει μενού, αλλά το iOS χρησιμοποιεί συλλέκτες για σύντομες λίστες και νέες οθόνες για μεγαλύτερες λίστες.

Λίστα πλέγματος VS. Προβολές συλλογής

Βασικά, το Android και το iOS έχουν παρόμοιες προβολές πλέγματος / συλλογής.

Καρτέλλες

Το UI κάρτας με στυλ είναι ένα βασικό χαρακτηριστικό του Android Material Design, αλλά το iOS έχει παρόμοιο σχεδιασμό.

Επιλογή ημερομηνίας / ώρας

Τα Android και iOS έχουν τα δικά τους προεπιλεγμένα δεδομένα επιλογής ημερομηνίας / ώρας.

Διαβήτης

Το Android διαθέτει διαιρέτες, αλλά το iOS χρησιμοποιεί πίνακες ομάδων για να διαχωρίσει ξεχωριστό περιεχόμενο.

Πεδία κειμένου

Τα Android και iOS έχουν τα δικά τους πεδία κειμένου. Εμφάνιση κατάλληλων πληκτρολογίων ανάλογα με τις μορφές εισόδου των πεδίων κειμένου.

Ολισθητήρες

Το Android και το iOS έχουν τα δικά τους στοιχεία. Και οι δύο είναι παρόμοιες.

Ψάξιμο

Το Android έχει επίμονη αναζήτηση και επεκτάσιμη αναζήτηση, όπως το iOS έχει εμφανή αναζήτηση και ελάχιστη αναζήτηση. Ορισμένες φορές το iOS αποκρύπτει τις γραμμές αναζήτησης πίσω από τη γραμμή πλοήγησης, οι χρήστες πρέπει να πατήσουν προς τα κάτω για να τους προκαλέσουν.

Διαγραφή και άλλες ενέργειες

Οι χρήστες Android πρέπει πρώτα να επιλέξουν στοιχεία και στη συνέχεια να εκτελέσουν άλλες ενέργειες όπως διαγραφή. Το iOS υποστηρίζει τη μετακίνηση για διαγραφή. Οι χρήστες του iOS μπορούν επίσης να εισέλθουν στη λειτουργία επεξεργασίας για να διαγράψουν στοιχεία ή να επιλέξουν στοιχεία για τη διεξαγωγή άλλων ενεργειών.

Επιλέξτε Κείμενα

Παραδοσιακά, μετά την επιλογή κειμένων, οι γραμμές εφαρμογής Android εμφανίζουν ενέργειες, όπως αντιγραφή, περικοπή, επιλογή όλων. Το Android διαθέτει επίσης μια γραμμή εργαλείων με ενέργειες που εμφανίζονται πάνω από τα επιλεγμένα κείμενα, όπως το iOS συνήθως.

Πρόοδος και Δραστηριότητα

Εάν η πρόοδος μιας ενέργειας είναι προβλέψιμη και μετρήσιμη, χρησιμοποιήστε τη γραμμή προόδου. αν όχι, χρησιμοποιήστε τα κλώστη αντί.

Εικόνες: Κοινή χρήση VS. Δράση

Τα Android και iOS έχουν το δικό τους εικονίδιο κοινής χρήσης. Μην χρησιμοποιείτε εικονίδιο κοινής χρήσης Android στο iOS και αντίστροφα.

Γραμμές κατάστασης

Η γραμμή κατάστασης Android και iOS έχει βασικά χρόνο, κατάσταση μπαταρίας, σήμα Wi-Fi και σήμα κυψελοειδούς σύνδεσης. Evoke κέντρα γνωστοποίησης μετακινώντας τις γραμμές κατάστασης.

Γραμμές πλοήγησης VS. Αρχική κουμπιά

Οι γραμμές πλοήγησης Android έχουν 3 πλήκτρα, πίσω, σπίτι και πρόσφατες εφαρμογές. Το iOS έχει μόνο ένα κλειδί, το σπίτι. Πατήστε δύο φορές για να εμφανιστεί η πρόσφατη λίστα εφαρμογών. Είναι απαραίτητα κουμπιά πίσω στις γραμμές πλοήγησης στις εφαρμογές iOS.

Περίληψη

Από την παρατήρηση των τελευταίων χρόνων, οι συμπεριφορές και τα στοιχεία UI του Android είναι όλο και περισσότερο παρόμοια με το iOS, αν και το Android εξακολουθεί να διατηρεί μερικές δικές του μοναδικές συμπεριφορές. Νομίζω ότι η Google προσπαθεί να σχεδιάσει τη γλώσσα του UI σε διάφορες πλατφόρμες. Στο μέλλον, είναι προβλέψιμο ότι το Android και το iOS θα είναι όλο και πιο κοντά και αυτό είναι καλό για τους χρήστες και τους προγραμματιστές.

Παρόλο που ορισμένα στοιχεία του UI δεν καθορίζονται στις κατευθυντήριες γραμμές σχεδίασης υλικών Android ή στις οδηγίες χρήσης του ανθρώπινου περιβάλλοντος iOS, αυτό δεν σημαίνει ότι δεν μπορείτε να χρησιμοποιήσετε αυτά τα στοιχεία. Σε ορισμένες περιπτώσεις, λόγω του περιορισμού των προεπιλεγμένων συστατικών στοιχείων του UI, ενδέχεται να δανείζουμε εμπειρία από άλλες πλατφόρμες και να προσαρμόζουμε εξαρτήματα για να καταφέρουμε να αντιμετωπίσουμε δυσκολίες. Το πραγματικό σημείο είναι ότι οι συμπεριφορές ή τα στοιχεία θα μπερδέψουν τους χρήστες μας ή όχι.

Αυτά τα πρότυπα που παρουσιάζονται εδώ δεν μπορούν να εφαρμοστούν άμεσα σε κάθε εφαρμογή. Μπορεί να χρειαστεί να προσαρμοστούν ανάλογα με τα διαφορετικά σενάρια και απαιτήσεις. Ελπίζω ότι όλοι γνωρίζουν καλύτερα τα στοιχεία και τις συμπεριφορές των 2 πλατφορμών. Εάν υπάρχουν λάθη ή έχετε ερωτήσεις, καλώς ήρθατε να διορθώσετε ή να συζητήσετε μαζί μου. Ευχαριστώ!

Παρακαλώ δώστε 10 clapsif έχετε διαβάσει αυτό το άρθρο.
Παρακαλώ δώστε 20 clapsif νομίζετε ότι είναι χρήσιμο.
Παρακαλώ δώστε 50 clapsif νομίζετε ότι είναι εκπληκτικό!
Σας ευχαριστώ :)
-------------------------------------------------- ------------------
Δεν μιλώ για τους λόγους για τους οποίους οι Οδηγίες Σχεδιασμού Υλικών και οι Οδηγίες σχεδίασης ανθρώπινου διεπαφής iOS έχουν αυτού του είδους τις συμπεριφορές ή τους κανόνες αντί για άλλους. Αυτό το άρθρο είναι περισσότερο για πρακτική χρήση. Θα ήθελα να συζητήσω το πλαίσιο και τους λόγους σε άλλα άρθρα στο μέλλον.
Δεν έχω ενημερώσει για Android O και iOS 11, είτε.

Αναφορά