Ανάπτυξη για το Android vs. iOS: Υλικό έναντι επίπεδης σχεδίασης

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

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

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

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

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

Διαφορετικές γλωσσικές διαφορές

Σχεδιασμός Υλικού Android

Η εφαρμογή Gmail της Google για το Android

Ας ξεκινήσουμε με την πιο προφανή διαφορά μεταξύ Android και iOS: Οι γλώσσες σχεδιασμού. Η Google κυκλοφόρησε το Design του υλικού πριν από μερικά χρόνια και γρήγορα έγινε το πρότυπο για το Android App Design.

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

Σχεδιασμός Υλικού Animation από τον Kyle Waldrop, https://dribbble.com/shots/1930247-Material-Design-Animation

Κινουμένων σχεδίων

Το Material Design εστιάζει σε συναρπαστικά και συνεχή εφέ κίνησης για να προσελκύσει την προσοχή του χρήστη.

Τεκμηρίωση

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

iOS 9 Flat Design

Η εφαρμογή Mail της Apple για iOS

Σε αντίθεση με την προσπάθεια τυποποίησης του υλικού σχεδιασμού της Google, το επίπεδο σχέδιο που εισήγαγε η Apple στο iOS 9 δεν έχει επίσημο όνομα, αλλά συνήθως αναφέρεται ως "iOS 9 Design" ή "iOS 9 Flat Design" ή κάποια παρόμοια μετάλλαξη.

Το iOS 9 Flat Design ορίζεται με μια παγωμένη έγχρωμη παλέτα, βασιζόμενη σε μεγάλο βαθμό σε λευκό / ουδέτερο γκρι χρώμα ως φόντο και μπλε ως χρώμα προφοράς. Επικεντρώνεται στη σαφήνεια, την εκτίμηση και το βάθος. Τα πιο ζωντανά χρώματα χρησιμοποιούνται με φειδώ (σε σύγκριση με το σχεδιασμό υλικών), και η διαφάνεια, αντί για σκιές, χρησιμοποιούνται για να μεταφέρουν το βάθος και την αντίληψη.

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

Κινουμένων σχεδίων

Πηγή: http://digitalagencynetwork.com/top-10-ios-9-features-in-gifs/

Το iOS 9 Flat Design έχει πιο λεπτές, "ρευστές" κινούμενες κινήσεις σε σύγκριση με τις Animation Design Animations.

Τεκμηρίωση

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

Οι καλές ανεπίσημες πηγές για την τεκμηρίωση επίπεδης σχεδίασης iOS 9 περιλαμβάνουν τον Σχεδιασμό του Κώδικα και την Τεκμηρίωση του Ivo Mynttinen.

συμπέρασμα

Αυτό είναι για το εισαγωγικό άρθρο αυτής της εβδομάδας.

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

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

Επίσης, αν έχετε μια εφαρμογή iOS και ψάχνετε για ένα έμπειρο Android Engineering για να σας βοηθήσουμε να δημιουργήσετε μια έκδοση Android της εφαρμογής σας, μην διστάσετε να επικοινωνήσετε.

Αυτό το άρθρο συνυπέγραψε ο Alex Bush, ένας μηχανικός λογισμικού στο SmartCloud. Blogs σχετικά με τα προηγμένα θέματα iOS και Ruby on Rails.