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

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

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

Κατανόηση των οδηγιών της Apple

Όσον αφορά τη συζήτηση σχετικά με το αν όλες οι εφαρμογές πρέπει τώρα να υιοθετήσουν μια "επίπεδη" αισθητική, είναι καθαρά ζήτημα απόψεων. Εάν χρησιμοποιείτε προσαρμοσμένα στοιχεία UI στο σχεδιασμό σας τότε τελικά οι στυλιστικές αποφάσεις βρίσκονται με εσάς και την ομάδα σας. Παρόλο που η Apple προτείνει ότι επανεξετάζετε τη χρήση σκιών, κλίσεων και πλαισίων, δεν έχω δει στοιχεία που να δείχνουν ότι αυτή είναι μια αυστηρή απαίτηση.

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

Σκεφτείτε την προσαρμογή της εφαρμογής ως χωρισμένη στους ακόλουθους τρεις τύπους:

    • Πρότυπο. Η εφαρμογή περιέχει μόνο τα τυπικά, μη προσαρμοσμένα στοιχεία UI που παρέχονται από την UIKit.
    • Εθιμο. Η εφαρμογή παρουσιάζει ένα εντελώς προσαρμοσμένο UI που δεν περιλαμβάνει UIKit UI στοιχεία.
    • Υβρίδιο. Η εφαρμογή περιέχει ένα μείγμα τυπικών και προσαρμοσμένων στοιχείων, συμπεριλαμβανομένων τυποποιημένων στοιχείων που έχετε προσαρμόσει χρησιμοποιώντας API χρώσης UIKit και API προσαρμογής εμφάνισης.

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

    Οι προσαρμοσμένες εφαρμογές - δηλαδή εφαρμογές που δεν χρησιμοποιούν στοιχεία UIKit UI - απαιτούν μια πιο ξεχωριστή προσέγγιση. Για παράδειγμα, εάν αισθάνεστε ότι το τρέχον UI και η εμπειρία της εφαρμογής εξακολουθούν να είναι κατάλληλες, μπορεί να υπάρχουν ελάχιστες προσπάθειες. Από την άλλη πλευρά, εάν αισθάνεστε ότι η προσωπικότητα και η εμπειρία του χρήστη πρέπει να αλλάξουν για να ευχαριστήσουν τους χρήστες του iOS 7, έχετε περισσότερη δουλειά.

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

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

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

    Τα πράγματα πρέπει να κάνουν κάθε εφαρμογή

    • Ενημερώστε το εικονίδιο της εφαρμογής. Στο iOS 7, τα εικονίδια εφαρμογών είναι 120 x 120 pixels (υψηλή ανάλυση).
    • Ενημερώστε την εικόνα εκκίνησης για να συμπεριλάβετε την περιοχή της γραμμής κατάστασης αν δεν το κάνει ήδη.
    • Υποστηρίξτε την οθόνη Retina και το iPhone 5 σε όλα τα έργα τέχνης και τα σχέδια, αν δεν το κάνετε ήδη.

    Πράγματα που πρέπει να κάνει κάθε εφαρμογή

    • Βεβαιωθείτε ότι το περιεχόμενο των εφαρμογών είναι διακριτό μέσα από τα ημιδιαφανή στοιχεία UI-όπως μπαρ και πληκτρολόγια-και τη διαφανή γραμμή κατάστασης. Στο iOS 7, οι ελεγκτές προβολής χρησιμοποιούν τη διάταξη πλήρους οθόνης (για να μάθετε περισσότερα, δείτε Χρησιμοποιώντας ελεγκτές προβολής ).
    • Επανασχεδιάστε τα προσαρμοσμένα εικονίδια κουμπιών μπαρ. Στο iOS 7, τα εικονίδια κουμπιών μπαρ είναι ελαφρύτερα σε βάρος και έχουν διαφορετικό στυλ.
    • Προετοιμάστε τα κουμπιά χωρίς περιθώρια απομακρύνοντας από την παροχή εικόνων φόντου κουμπιών και επαναξιολογώντας τη διάταξη.
    • Εξετάστε την εφαρμογή σας για τιμές σκληρού κώδικα UI-όπως μεγέθη και θέσεις- και αντικαταστήστε τις με αυτές που αποκτάτε δυναμικά από τις παρεχόμενες από το σύστημα τιμές. Χρησιμοποιήστε την αυτόματη διάταξη για να βοηθήσετε την εφαρμογή σας να ανταποκριθεί όταν απαιτούνται αλλαγές στη διάταξη. (Εάν είστε νέοι στο Auto Layout, μάθετε γι 'αυτό διαβάζοντας Οδηγός διάταξης αυτόματου κακάο .)
    • Εξετάστε την εφαρμογή σας για μέρη όπου οι μετρήσεις και οι αλλαγές στυλ των στοιχείων ελέγχου και των προβολών του UIKit επηρεάζουν τη διάταξη και την εμφάνιση. Για παράδειγμα, οι διακόπτες είναι ευρύτεροι, οι ομαδοποιημένοι πίνακες δεν είναι πλέον ένθετοι και οι προβολές προόδου είναι πιο λεπτές. Για περισσότερες πληροφορίες σχετικά με συγκεκριμένα στοιχεία περιβάλλοντος χρήστη, ανατρέξτε στην ενότητα Κουμπιά Μπαρ και Μπαρ , Έλεγχοι , Προβολές περιεχομένου , και Προσωρινές προβολές .
    • Υιοθέτηση δυναμικού τύπου. Στο iOS 7, οι χρήστες μπορούν να προσαρμόσουν το μέγεθος κειμένου που βλέπουν σε εφαρμογές. Όταν υιοθετήσετε τον Δυναμικό Τύπο, λαμβάνετε κείμενο που ανταποκρίνεται κατάλληλα στις αλλαγές μεγέθους που καθορίζονται από το χρήστη. Για περισσότερες πληροφορίες, δείτε Χρησιμοποιώντας τις γραμματοσειρές .
    • Βεβαιωθείτε ότι η εφαρμογή σας δεν ανταποκρίνεται ακατάλληλα στη νέα χειρονομία του Κέντρου Ελέγχου ή στο δάχτυλο του ελεγκτή πλοήγησης, για να επιστρέψετε στη χειρονομία, ειδικά εάν εκτελείτε προσαρμοσμένο χειρισμό αφής.
    • Αναθεωρήστε τη χρήση των σκιών, των διαβαθμίσεων και των πλαισίων. Επειδή η αισθητική iOS 7 είναι ομαλή και στρωμένη - με πολύ λιγότερη έμφαση στη χρήση οπτικών εφέ για να κάνουν τα στοιχεία του UI να φαίνονται φυσικά - ίσως θελήσετε να επανεξετάσετε αυτά τα εφέ.
    • Εάν είναι απαραίτητο, ενημερώστε την εφαρμογή σας στις βέλτιστες πρακτικές για το iOS 6, όπως το Auto Layout και οι πίνακες ιστοτόπων, και βεβαιωθείτε ότι η εφαρμογή δεν χρησιμοποιεί καθόλου API.

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

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

    Συνοψίζοντας

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

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

    Αυτό έχει ξεκαθαρίσει τις ανησυχίες που είχατε; Ανυπομονούμε να κάνουμε τη μετάβαση; Ενημερώστε μας στα σχόλια.