Σχετικά με το σχεδιασμό εφαρμογών για φορητούς υπολογιστές
Παντού που γυρίζετε αυτές τις μέρες οι άνθρωποι μιλούν για κινητές εφαρμογές . Εφαρμογές για αυτό, εφαρμογές για αυτό.
Οι στατιστικές επίσης, ήταν κάπως συγκλονιστικές. Μια πρόσφατη μελέτη από την Φύσημα, έδειξε ότι οι καταναλωτές πέρασαν 81 λεπτά την ημέρα χρησιμοποιώντας κινητές εφαρμογές, σε σύγκριση με 74 λεπτά περιήγησης ιστού.
Καθώς όλο και περισσότεροι άνθρωποι αρχίζουν να ξοδεύουν χρόνο σε εφαρμογές σε σύγκριση με το Διαδίκτυο, μπορεί να αναρωτιέστε αν το σχεδιασμό εφαρμογών για κινητά είναι μια περιοχή που θα πρέπει να αρχίσετε να εξερευνάτε και πόσο μεταβιβάσιμες είναι οι ικανότητες σχεδιασμού ιστοσελίδων σας.
Σε αυτή τη θέση, ελέγχαμε με έναν αριθμό εμπειρογνωμόνων στον τομέα για να αποκτήσουν τις προοπτικές τους. Ενώμαστε μαζί μας είναι ο Robin Nixon, ο Aaron Maxwell, η Sarah Lynn, ο Mike Gualtieri, ο Josh Clark και ο JD Biersdorfer.
Ρόμπιν Νίξον
Ρόμπιν Νίξον είναι τεχνικός συγγραφέας και web developer και είναι ο συντάκτης του νέου βιβλίου HTML5 για iOS και Android: Οδηγός για αρχάριους .
sΤι συμβουλές θα δώσατε στους σχεδιαστές ιστοσελίδων που σκέφτονται να μπουν στον τομέα του σχεδιασμού και της ανάπτυξης εφαρμογών για κινητά;
Κατά την άποψή μου, ο πιο γρήγορος τρόπος για να μπείτε στην ανάπτυξη εφαρμογών είναι να ενημερώνεστε με τα πιο πρόσφατα πρότυπα HTML (έκδοση 5) και CSS (έκδοση 3) και να είστε όσο το δυνατόν πιο άπταιστα με το JavaScript, γιατί πολύ σύντομα είναι πιθανό ότι θα υπάρξουν λύσεις για τη σύνταξη μιας ενιαίας εφαρμογής ιστού που μπορεί να μετατραπεί σε εφαρμογές για όλες τις εφαρμογές iOS, Android, Web OS, Windows Phone και πολλά άλλα. Αυτό θα σας εξοικονομήσει από την ανάγκη να μάθετε πολλές πολύπλοκες γλώσσες και περιβάλλοντα ανάπτυξης όπως Java, Objective C, .NET και ούτω καθεξής και τον απαιτούμενο χρόνο για τη μεταφορά ενός έργου σε πολλές διαφορετικές συσκευές.
Για παράδειγμα, με ισχυρή γείωση σε HTML, CSS και JavaScript, μπορείτε εύκολα να συγκεντρώσετε τις μεγάλες εφαρμογές ιστού που μπορείτε επίσης να μετατραπούν σε αυτόνομες εφαρμογές χρησιμοποιώντας τις πληροφορίες στο βιβλίο μου HTML5 για iOS και Android ή υπάρχουν προϊόντα διαθέσιμα στο Διαδίκτυο για συμβάλλουν στη βελτιστοποίηση της διαδικασίας.
Με τη Microsoft, η οποία δηλώνει τώρα ότι οι εφαρμογές των Windows 8 θα δημιουργηθούν σε HTML και JavaScript, υπάρχουν ακόμα περισσότεροι λόγοι για να εξασφαλίσετε ότι έχετε πλήρη γνώση αυτών των τεχνολογιών, ιδίως επειδή η Microsoft είναι γνωστό ότι κινείται προς την έννοια μιας ενιαίας διεπαφής χρήστη έως το 2015 αυτή που βλέπει τώρα στο Windows Phone 7 - και ειδικά την επικείμενη ενημέρωση του Mango).
Πόσο μεταβιβάσιμα είναι οι δεξιότητες ιστού;
Οι δεξιότητες στο Web είναι εξαιρετικά δυνατές για την ανάπτυξη εφαρμογών, αν χρησιμοποιείτε τις τρεις τεχνολογίες HTML, CSS και JavaScript για να τις δημιουργήσετε. Αν όμως προγραμματίσετε να χρησιμοποιήσετε τη μητρική διαδρομή και να γράψετε τις εφαρμογές σας στο Στόχο C (για iOS) ή Java (για Android), τότε χρειάζεστε περισσότερο φόντο προγραμματισμού από ένα web development και υπάρχει μια αρκετά απότομη καμπύλη εκμάθησης για κάθε .
Ευτυχώς, για τη συντριπτική πλειοψηφία των εφαρμογών, είναι δυνατή η χρήση τεχνολογιών ιστού για την επίτευξη παρόμοιων αποτελεσμάτων με τη δημιουργία εγγενούς κώδικα. Μόνο όταν φτάσετε σε λειτουργίες κρίσιμου χρόνου, όπως οι απαιτήσεις υψηλού ρυθμού καρέ για τα παιχνίδια γρήγορης δράσης, πρέπει να επιστρέψετε στη μητρική γλώσσα μιας συσκευής ή λειτουργικού συστήματος.
Κατά την άποψή σας, ποιες εφαρμογές πιστεύετε ότι είναι καλά παραδείγματα μιας καλά σχεδιασμένης εφαρμογής;
Δεν μου αρέσει πολύ να αναφερθώ σε συγκεκριμένες εφαρμογές που αντιπροσωπεύουν τον καλό σχεδιασμό, αφού υπάρχουν τόσοι πολλοί από αυτούς, αλλά από τότε που ρωτήσατε την ερώτηση, αναμφισβήτητα μια εξαιρετική εφαρμογή είναι ο Theodore Grey's Τα στοιχεία , η οποία είναι μια διαδραστική 3D εξερεύνηση όλων των στοιχείων, στα οποία μπορείτε σχεδόν να φανταστείτε να τα αγγίζετε γιατί μπορείτε να περιστρέψετε κάθε δείγμα, να τα μετακινήσετε με τις άκρες των δακτύλων σας και ακόμη και να τα δείτε σε 3D. Για μένα αυτό είναι ένα παράδειγμα όπου ένα eBook (το οποίο είναι αυτό που πραγματικά είναι) γίνεται πολύ περισσότερο από ένα απλό βιβλίο για την μετάφραση του ηλεκτρονικού βιβλίου (το οποίο τα περισσότερα άλλα eBooks είναι), λαμβάνοντας τα βιβλία σε ένα εντελώς νέο επίπεδο.
Τα στοιχεία
Πώς βλέπετε αυτή τη φορά στο web design;
Robin Nixon: Πιστεύω ότι αυτή τη στιγμή είναι η πιο συναρπαστική στιγμή για προγραμματιστές και προγραμματιστές από τις αρχές της δεκαετίας του 1980, όταν οι μικροϋπολογιστές πρώτα άνθισαν. Μόλις ο υπολογιστής πήρε τον υπολογιστικό θρόνο, μόνο οι υπολογιστές Mac και το λειτουργικό σύστημα Linux προσφέρουν πραγματικό ανταγωνισμό (και πολύτιμο λίγα σε αυτό). Αλλά τώρα οι πόλεμοι του λειτουργικού συστήματος είναι ξανά ενεργοποιημένοι, αυτή τη φορά που τροφοδοτείται από την εκθετική ανάληψη κινητών συσκευών όπως τα τηλέφωνα και τα tablet και τη φαινομενική λήψη εφαρμογών γι 'αυτούς, πράγμα που σημαίνει ότι υπάρχει ένας κόσμος ευκαιριών εκεί έξω. Κατά τη γνώμη μου, "Υπάρχει χρυσός στους λόφους τους".
Aaron Maxwell
Ο Aaron Maxwell είναι ιδρυτής του Mobile Web Up, α κινητό web design πρακτορείο.
Τι πρέπει να σκεφτούν οι σχεδιαστές ιστοσελίδων καθώς ξεκινούν την περιοχή των εφαρμογών ιστού;
Πολλές από τις ίδιες έννοιες εξακολουθούν να ισχύουν. Ως σχεδιαστής, σκεφτείτε τι ενέργειες επιθυμείτε να μπορεί ο χρήστης να πάρει - ποιες εμπειρίες θέλετε να μπορούν να έχουν. Αυτή η εστίαση είναι συχνά το καλύτερο μέρος για να ξεκινήσετε.
Τα μενού είναι πιο αποτελεσματικά όταν δεν συντρίβουν με πάρα πολλές επιλογές. Οργανώστε σε μια ιεραρχική δομή, με περισσότερες από δώδεκα επιλογές σε κάθε επίπεδο. Εξετάστε αν η χρήση μιας καρτέλας πλοήγησης με καρτέλες θα βοηθήσει τον χρήστη να πάρει γρήγορα τη διαφορετική ενέργεια που χρειάζονται.
Ο χώρος των στοιχείων είναι δύσκολος στο κινητό. Το πρόσθετο padding είναι μια πολύ χρήσιμη τεχνική στην επιφάνεια εργασίας για τη σημασιολογική ομαδοποίηση. μπορείτε να τοποθετήσετε μια ομάδα widgets, εικόνων ή κειμένων κειμένου που σχετίζονται μεταξύ τους και να τα διακρίνετε από διαφορετική ομάδα μόνο με διαχωρισμό του κάθετου και οριζόντιου χώρου.
Αλλά σε μια κινητή οθόνη, έχετε ακριβώς τόσα ακίνητα για να εργαστείτε με. Έτσι, ο σχεδιαστής πρέπει να είναι πιο οικονομικός με το πώς τα στοιχεία χωρίζονται χωρικά, γεμίζοντας με λίγα pixels και όχι δεκάδες. Αυτό μπορεί να λειτουργήσει με τη συμπερίληψη άλλων σημείων. Οι στρογγυλεμένες γωνίες γύρω από μια περίμετρο συμβάλλουν στην ομαδοποίηση. Και διαφορετικά χρώματα φόντου μπορούν επίσης να μεταδώσουν μια αλλαγή περιβάλλοντος.
Αυτό που παραλείπετε είναι τουλάχιστον εξίσου σημαντικό με αυτό που βάζετε. Σκεφτείτε το έτσι: κάθε στοιχείο που προσθέτετε στο μενού ρυθμίσεων, για παράδειγμα, έχει ένα κόστος σε πρόσθετη πολυπλοκότητα, χρόνο και προσοχή του χρήστη. Εξετάστε προσεκτικά αν αξίζει κάποιο στοιχείο ή στοιχείο, ειδικά λαμβάνοντας υπόψη το είδος των περιβαλλόντων υψηλής απόσπασης που τείνουν να χρησιμοποιούνται οι εφαρμογές για κινητά.
Κατά τη γνώμη σας, ποιες εφαρμογές αποτελούν παραδείγματα καλών σχεδίων;
Είναι σημαντικό να μελετήσετε άλλες εξαιρετικά επιτυχημένες εφαρμογές για κινητά για να βρείτε τι είναι αποτελεσματικό. Κοιτάξτε τα περίφημα ονόματα: Facebook, Skype, ανεξάρτητα από το ποιος πελάτης Twitter είναι πιο δημοφιλής αυτή την εβδομάδα. Ρωτήστε τους φίλους και την οικογένεια τι εφαρμογές χρησιμοποιούν περισσότερο και προσπαθήστε να καταλάβετε γιατί. (Συμβουλή: μπορεί να μην γνωρίζουν συνειδητά γιατί, γι 'αυτό ζητώντας τους άμεσα δεν θα βοηθήσει πολύ.) Μελέτη Κινούμενα μοτίβα UI.
Σάρα Λίν
Σάρα Λίν είναι ένας σχεδιαστής ιστοσελίδων και δημιουργικός και ο ιδιοκτήτης της Sarah Lynn Design.
Πώς προτείνετε ότι οι σχεδιαστές θα πρέπει να προχωρήσουν στην εκμάθηση σχεδιασμού εφαρμογών για κινητά;
Έχω βρει μερικούς από τους καλύτερους τρόπους να μάθω πώς να σχεδιάζω για τις εφαρμογές είναι με την έρευνα της αγοράς. Κοιτάξτε μερικά από τα apps εκεί έξω, αναλύοντας τη λειτουργικότητά τους, ποια στοιχεία που χρησιμοποιούν που είναι ήδη μέρος των προσφορών του τηλεφώνου και πώς θα μπορούσαν να βελτιωθούν για να είναι πιο εύκολο στη χρήση. Μελετήστε τις αλληλεπιδράσεις διαφορετικών στοιχείων και πώς συγκρίνονται οι διαφορετικές εφαρμογές μεταξύ τους. Πολλές εταιρείες έχουν ήδη θέσει το χρόνο να εκτελέσουν εκτεταμένες δοκιμές των χρηστών. Μάθετε από αυτά που έχουν ήδη αναπτυχθεί και βρείτε τρόπους για να τα αξιοποιήσετε και να τα βελτιώσετε.
Υπάρχουν πολλά σπουδαία βιβλία για να ξεκινήσετε. Έχω συστήσει ιδιαίτερα ένα βιβλίο της Suzanne Ginsburg με τίτλο Σχεδίαση της εμπειρίας χρήστη iPhone . Αν φυσικά ενδιαφέρεστε για την αγορά iOS. Μιλάει για τον έλεγχο των χρηστών και για το πώς να σχεδιάσετε ένα σχεδιασμό εφαρμογών. Ένα εξαιρετικό μέρος για να ξεκινήσετε όταν δεν είστε σίγουροι πώς να κάνετε τη διαδικασία σχεδιασμού μιας εφαρμογής.
Η εκμάθηση πώς να αποκτήσετε ανατροφοδότηση από τους χρήστες και να σχεδιάσετε σε μεγάλο βαθμό το χαρτί προτού πάτε στον υπολογιστή είναι μια μεγάλη ικανότητα για οποιονδήποτε σχεδιαστή εφαρμογών (ή διαδραστικό σχεδιαστή εν γένει). Ένας άλλος πολύ καλός τρόπος για να μάθετε είναι να έρθετε σε επαφή με έναν σχεδιαστή εφαρμογών που ήδη παράγει εξαιρετική δουλειά. Ζητήστε τους να είναι μέντορας και να σας δώσουν τυχόν δείκτες που είναι πρόθυμοι να σας προσφέρουν. Οι περισσότεροι σχεδιαστές είναι διατεθειμένοι να περάσουν μερικές στιγμές από το χρόνο τους αν σας ζητήσουν όμορφα. Λάβετε σχόλια από τους φίλους σας και άλλους σχεδιαστές που ίσως γνωρίζετε. Δείξτε τα πρωτότυπα σας και λάβετε τα σχόλιά τους.
Κατά τη γνώμη σας, πόσο μεταβιβάσιμες είναι οι δεξιότητες σχεδιασμού ιστοσελίδων για το σχεδιασμό εφαρμογών;
Κάπως μεταβιβάσιμη. Θα έλεγα ότι εμπίπτει περισσότερο στο χώρο του σχεδίου αλληλεπίδρασης στο σύνολό του. Το οποίο περιλαμβάνει και τα δύο.
Υπάρχουν πολλά διαφορετικά πράγματα που πρέπει να λάβετε υπόψη, λόγω του μεγέθους των συσκευών, των απαιτήσεων των διαφορετικών πλατφορμών και απλά λόγω του τρόπου με τον οποίο οι χρήστες αλληλεπιδρούν με τις εφαρμογές σε σύγκριση με έναν ιστότοπο. Τα προφίλ των χρηστών κινητής τηλεφωνίας μπορεί να ποικίλλουν αρκετά, από τον τυπικό χρήστη κινητής τηλεφωνίας, στον χρήστη του κινητού που είναι απλά πάρα πολύ τεμπέλης για να τραβήξει τον φορητό υπολογιστή του και να χρησιμοποιεί τις εφαρμογές του όταν κρεμάει γύρω από το σπίτι. τα σχέδια και το σχεδιασμό για να ταιριάζουν σε διαφορετικούς τρόπους ζωής μπορεί να είναι παρόμοια κατά μία έννοια με το σχεδιασμό ενός δικτυακού τόπου. Δεν έχει σημασία τι μέσο θέλετε πάντα να το σχεδιάσετε γύρω από το κοινό-στόχο σας.
Το να μαθαίνεις να σκέφτεσαι σε μια μικρότερη και συχνά λιγότερο ευέλικτη μορφή μπορεί να είναι προκλητική. Το ίδιο ισχύει και για το σκεπτόμενο σχετικά με το τοπίο σε σχέση με το κάθετο και πώς μπορείτε να προσαρμόσετε την εφαρμογή σας για να εργαστείτε και στους δύο τρόπους. Η αξιοποίηση των ενσωματωμένων εργαλείων της κινητής συσκευής είναι ένας άλλος λόγος για τον οποίο η έρευνα είναι τόσο σημαντική όταν πρόκειται για το σχεδιασμό εφαρμογών. Είναι σχεδόν καλύτερο να επιλέξετε μια πλατφόρμα και να μάθετε τα μέσα και τα έξω από αυτήν, αντί να προσπαθείτε να τα μάθετε όλα. Μπορεί να είναι αρκετά αποθαρρυντικό και συντριπτικό αν προσπαθήσετε να το μάθετε όλα με τη μία.
Όπως και κάθε νέο μέσο, απαιτεί την προθυμία να μάθει και να ενημερώνεται με την ταχέως αναπτυσσόμενη αγορά για να είναι επιτυχής.
Mike Gualtieri
Mike Gualtieri, είναι κύριος αναλυτής της Forrester Research και συντάκτης της νέας έκθεσης, Βέλτιστες πρακτικές σχεδίασης εφαρμογών για κινητά .
Τι πρέπει να δώσει ιδιαίτερη προσοχή στον σχεδιαστή για τις εφαρμογές κατά το σχεδιασμό μιας καλής εμπειρίας χρήστη;
Οι προσδοκίες των χρηστών είναι υψηλότερες για εφαρμογές για κινητά από ό, τι για τους ιστότοπους. Οι εφαρμογές iPhone της Apple έφεραν το cachet για τις εφαρμογές για κινητά. Επίσης, οι δυνατότητες αφής και χειρονομίας παρέχουν νέους τρόπους αλληλεπίδρασης με εφαρμογές. Το πρώτο βήμα για το σχεδιασμό μεγάλων εφαρμογών είναι να κατανοήσετε καλύτερα τους χρήστες σας από ό, τι κατανοούν τους εαυτούς τους. Η παραδοσιακή ποσοτική και ποιοτική έρευνα είναι σημαντική για τη δημιουργία προσωπικών (φανταστικών ανθρώπων που εκπροσωπούν τους χρήστες σας). Μεγάλη σχεδίαση προέρχεται από φαντασία-σχεδιαστής που φαντάζεται τι θα φανεί χρήσιμος χρήστης, χρήσιμος και επιθυμητός στο πλαίσιο της εφαρμογής.
Ειδικά για εφαρμογές για κινητά, οι σχεδιαστές πρέπει να εξετάσουν τις πέντε διαστάσεις του πλαισίου σχεδιασμού για κινητά: τοποθεσία, μετακίνηση, αμεσότητα, οικειότητα και συσκευή.
Πηγή: Forrester Research, Inc.
Τι συμβουλή θα δώσατε στους σχεδιαστές ιστοσελίδων που σκέφτονται να κινούνται προς αυτή την κατεύθυνση;
Κάνε το. Ο σχεδιασμός εφαρμογών για κινητά smartphones και tablet είναι μια αυξανόμενη ευκαιρία. Όλοι χρειάζονται εξαιρετικό σχεδιασμό. Υπάρχουν τρεις διαδρομές για την ανάπτυξη εφαρμογών για κινητά:
- Εγγενείς εφαρμογές. Αν έχετε δεξιότητες Javascript τότε έχετε κάποιες δεξιότητες προγραμματισμού. Μην εκφοβίζεστε από το Στόχο C για iPhone ή Java για Android. Thumb μέσω ενός βιβλίου και στις δύο και θα είστε σε θέση να πάρετε μια γρήγορη ιδέα εάν αυτό είναι κάτι που μπορείτε να αντιμετωπίσετε. Όλοι οι σχεδιαστές ιστοσελίδων δεν θα μπορούν να προχωρήσουν χωρίς περαιτέρω εκπαίδευση.
- HTML5. Εφαρμογές
- Υβρίδιο. Είναι μια εγγενής εφαρμογή που καθιστά το HTML5 μέσα σε αυτό.
Όλες αυτές οι αναπτυξιακές διαδρομές απαιτούν σχεδιασμό.
Τζος Κλάρκ
Τζος Κλάρκ είναι σχεδιαστής, προγραμματιστής και συγγραφέας Tapworthy: Σχεδιάζοντας τις εξαιρετικές εφαρμογές iPhone και Καλύτερες εφαρμογές iPhone: Ο οδηγός για τα προγράμματα εξαγωγής που προκαλούν διακρίσεις .
Τι συμβουλή θα δώσατε στους σχεδιαστές ιστοσελίδων που ενδιαφέρονται να μεταβούν σε σχεδιασμό εφαρμογών και ανάπτυξη; Τι χρειάζονται για να μάθουν;
Όσον αφορά τις πραγματικές τεχνολογίες σχεδιασμού, μπορεί να μην υπάρχει καν ανάγκη να μάθετε πολλά περισσότερα. Μπορείτε να κάνετε μερικές εντυπωσιακές διεπαφές εφαρμογών χρησιμοποιώντας τους δοκιμασμένους και πραγματικούς φίλους μας HTML, CSS και JavaScript. Δεν μιλάω μόνο για τις παραδοσιακές εφαρμογές ιστού εδώ αλλά και για τις λεγόμενες "υβριδικές εφαρμογές". Πρόκειται για εφαρμογές των οποίων οι διεπαφές σχεδιάζονται με HTML, αλλά παρέχονται ως εγγενείς εφαρμογές στα διάφορα καταστήματα εφαρμογών. Είναι σαν να διανείμετε την εφαρμογή σας μέσω του καταστήματος εφαρμογών. Για τους σχεδιαστές ιστοσελίδων, αυτός είναι ένας προσιτός τρόπος για να ξεκινήσετε να σχεδιάζετε εφαρμογές ιστού χωρίς να μάθετε μια γλώσσα προγραμματισμού.
Ο Jonathan Stark έχει γράψει δύο σπουδαία βιβλία που δίνουν μια γενική εικόνα για το πώς να το κάνετε αυτό, χρησιμοποιώντας ένα έργο open-source που ονομάζεται PhoneGap, το οποίο συνδέει την εφαρμογή σας στο δικό του πρόγραμμα περιήγησης ως μια εγγενή εφαρμογή: Δημιουργία εφαρμογών iPhone με HTML, CSS και JavaScript και Δημιουργία εφαρμογών Android με HTML, CSS και JavaScript .
Εδώ είναι το πράγμα: Ενώ μπορείτε να κάνετε αξιοσημείωτα πράγματα με HTML5 και CSS3, αυτές οι τεχνολογίες απλά δεν μπορούν να ταιριάξουν αρκετά με το πολωνικό και pizazz των εφαρμογών Real McCoy, λογισμικού που χτίστηκε με τη μητρική γλώσσα της συσκευής. Αν θέλετε να δημιουργήσετε εφαρμογές με γραφικά, κινούμενα γραφικά, γραφικά widget και πλήρη πρόσβαση σε ολόκληρη τη συσκευή, θα πρέπει να είστε ιδανικοί. Αυτό σημαίνει ότι πρέπει να κωδικοποιήσετε τις εφαρμογές iPhone στο Objective-C, τις εφαρμογές Android στη Java κ.ο.κ. Πρόκειται για γλωσσες προγραμματισμού που δεν γελάσουν και μπορούν να αντιπροσωπεύσουν μια απότομη ανάβαση για τους σχεδιαστές ιστοσελίδων για να μάθουν. Αν πάτε αυτή τη διαδρομή, μπορεί να θέλετε να συνεργαστείτε με έναν πιο έμπειρο κωδικοποιητή για να βοηθήσετε τα σχέδιά σας να ζωντανέψουν. Εν τω μεταξύ, όμως, ο πειραματισμός με το σχεδιασμό εφαρμογών με HTML, CSS και Javascript μπορεί να είναι ένας πολύ καλός τρόπος για να εξοικειωθείτε με την πλατφόρμα και ακόμα να δημιουργήσετε γρήγορα πρωτότυπα για τις εγγενείς εφαρμογές.
Όσο για την ίδια τη διαδικασία σχεδιασμού, ο σχεδιασμός των κινητών εμπειριών διαφέρει σημαντικά από τον σχεδιασμό των επιτραπέζιων υπολογιστών. Οι δύο γκάζες για τους νεοφερμένους είναι η εργονομία και το πλαίσιο.
Για τις συσκευές οθόνης αφής, έχετε εργονομικά θέματα ειλικρινά προς το Θεό για να αντιμετωπίσετε. Σχεδιάζετε μια διεπαφή για τα δάχτυλα και τους αντίχειρες, και αυτό σημαίνει ότι πρέπει να εξετάσετε τα προβλήματα της άνεσης που ο αντίχειρας σας φυσικά έρχεται να ξεκουραστεί στην οθόνη; Περισσότερο από αυτό, υπάρχουν προβλήματα ορατότητας. Όταν εργάζεστε με μια διεπαφή με το χέρι, προφανώς σκοτεινιάζετε την οθόνη. Αυτό σημαίνει ότι πρέπει να σχεδιάσετε τους ελέγχους σας έτσι ώστε να μην παρεμβαίνουν στο περιεχόμενο. Και οι δύο αυτές σκέψεις - η άνεση και η ορατότητα - εξηγούν γιατί τα περισσότερα smartphone με οθόνη αφής εμφανίζουν τους κύριους ελέγχους και την πλοήγηση στο κάτω μέρος της οθόνης. Εκεί όπου ο αντίχειρας έρχεται για να ξεκουραστεί όταν χρησιμοποιείτε το τηλέφωνο με το χέρι και αυτό σημαίνει επίσης ότι μπορείτε να εργαστείτε με τα χειριστήρια χωρίς να παρεμποδίζετε το περιεχόμενο. Αυτό είναι ακριβώς το αντίθετο από αυτό στο οποίο είμαστε συνηθισμένοι στην επιφάνεια εργασίας, όπου τα κύρια μενού και τα στοιχεία ελέγχου βρίσκονται στην κορυφή της οθόνης.
Ο άλλος τομέας που είναι καιρός να εξετάσουμε είναι το πλαίσιο. Πώς και πού θα χρησιμοποιούν οι χρήστες αυτήν την εφαρμογή; Πώς αυτό επηρεάζει τις προτεραιότητές τους και τα χαρακτηριστικά που πρέπει να τοποθετήσετε μπροστά και κέντρο; Πρέπει να είστε προσεκτικοί εδώ. Ένας μύθος εξελίχθηκε ότι υπάρχει μόνο ένα είδος κινητού χρήστη: βιαστικά, σε μια βιασύνη, αποσπούν την προσοχή. Αυτό συμβαίνει μερικές φορές μερικές φορές, αλλά όχι όλη την ώρα. Το κινητό δεν είναι μόνο εν κινήσει: είναι στον καναπέ, στην κουζίνα, που περιμένει στο αεροδρόμιο για μια καθυστέρηση πτήσης. Όλες αυτές οι καταστάσεις είναι στιγμές που το κοινό σας έχει πολλή προσοχή στην ανταλλαγή και μπορεί πραγματικά να ξοδέψει χρόνο με την εφαρμογή σας. Ταυτόχρονα, οι κινητές συσκευές μπορούν επίσης να κάνουν περισσότερα από τους επιτραπέζιους υπολογιστές επειδή είναι φορτωμένοι με όλους αυτούς τους αισθητήρες που τους δίνουν πραγματικά υπερδυνάμεις: GPS, μικρόφωνο, κάμερα, αφή, γυροσκόπιο, πυξίδα. Αυτό το πλαίσιο της συσκευής διαμορφώνει τον τρόπο με τον οποίο το κοινό σας χρησιμοποιεί το τηλέφωνό του και αναμένεται να χρησιμοποιήσει την εφαρμογή σας.
Όλα αυτά σημαίνει ότι πρέπει να εξετάσετε πώς το περιβάλλον της συσκευής επηρεάζει τις προτεραιότητες των χρηστών και ότι αυτές οι προτεραιότητες είναι πιθανόν να διαφέρουν από τις προτεραιότητες της επιφάνειας εργασίας. Αλλά υπάρχει μια δύσκολη συστροφή σε αυτό: δεν μπορείτε να συγχέουμε αυτό το πλαίσιο με την πρόθεση του χρήστη. Υπάρχει ένα κοινό ένστικτο για την υπερπροσαρμογή των εφαρμογών για κινητά, για να γίνουν αυτά τα γραφικά. Αυτό είναι λάθος. Κάνουμε τα πάντα στα τηλέφωνά μας αυτές τις μέρες και κάθε φορά που λέτε, "Οι άνθρωποι δεν θέλουν να το κάνουν αυτό σε κινητά", κάνετε λάθος. Έχουμε όλοι την εμπειρία εκεί που πηγαίνετε σε έναν ιστότοπο στο smartphone σας και έχετε χτυπήσει στην έκδοση για κινητά του ιστότοπου, όπου έχετε απογυμνώσει ακριβώς τη λειτουργία ή το περιεχόμενο που αναζητάτε. Ακριβώς επειδή είστε σε μια μικρή οθόνη σπάνια σημαίνει ότι θέλετε να κάνετε λιγότερα. Είναι σαν να λέμε ότι απλά επειδή ένα χαρτόδετο βιβλίο είναι μικρότερο, θα πρέπει να αφαιρέσουμε τα κεφάλαια. Μη συγχέετε το περιεχόμενο της συσκευής με πρόθεση.
Αυτό που λέω είναι ότι πιστεύω ότι στις περισσότερες περιπτώσεις, οι εφαρμογές για κινητά και οι ιστότοποι πρέπει να έχουν θεματικά παρόμοιο περιεχόμενο και χαρακτηριστικά με τους ξαδέλφους της επιφάνειας εργασίας τους. Η παρουσίαση και η προτεραιότητα μπορεί πολύ καλά να αλλάξουν ώστε να ταιριάζουν με τις κινητές νοοτροπίες, αλλά το περιεχόμενο θα πρέπει να είναι σχεδόν πάντα το ίδιο. Στην πραγματικότητα, σε πολλές περιπτώσεις, οι εκδόσεις για κινητά θα πρέπει να κάνουν περισσότερα, επειδή οι συσκευές είναι ικανές περισσότερο. Αυτός είναι ο λόγος για τον οποίο η εφαρμογή για κινητά του Amazon μπορεί να κάνει πράγματα που ο ιστότοπος δεν μπορεί να κάνει: σάρωση γραμμωτών κωδίκων, για παράδειγμα, για αναζήτηση αντικειμένων.
Για τους σχεδιαστές ιστοσελίδων, αυτό σημαίνει ότι πρέπει να αρχίσετε να σκέφτεστε πιο ευέλικτα για το πώς θα οικοδομήσουμε ιστότοπους. Κάναμε λάθος εδώ και περισσότερα από 15 χρόνια, δημιουργώντας ιστοσελίδες μόνο για περιήγηση στην επιφάνεια εργασίας. Αυτός δεν είναι ο σκοπός του ιστού. Έχει σχεδιαστεί για να είναι ουδέτερη πλατφόρμα, για να εμφανίζεται σε οποιοδήποτε είδος οθόνης ή συσκευής. Απλά δεν ξέρετε πώς θα προβληθεί ο ιστότοπός σας τώρα. Υπάρχουν συσκευές jillion με διαφορετικούς τύπους παραγόντων που μπορούν να έχουν πρόσβαση στον ιστότοπό σας τώρα και αυτό σημαίνει ότι είναι σημαντικό να δημιουργήσετε ιστότοπους που μπορούν να προσαρμοστούν σε οποιαδήποτε συσκευή. Για τους περισσότερους από εμάς, αυτός είναι ένας νέος τρόπος να σκεφτούμε την οικοδόμηση ιστοσελίδων - δεν πρόκειται για τη δημιουργία ξεχωριστού ιστότοπου για κινητά και για ξεχωριστούς ιστότοπους για επιτραπέζιους υπολογιστές. Αντ 'αυτού, σημαίνει την οικοδόμηση ενός ενιαίου ιστότοπου που προσαρμόζεται με χαρά στους περιορισμούς και τις δυνατότητες κάθε συσκευής.
Είμαστε πολύ τυχεροί εδώ στον πλανήτη Γη που ζούμε μαζί με τον πιο έξυπνο άνθρωπο του σύμπαντος για το πώς να σχεδιάσουμε αυτό το είδος ανταποκρινόμενης ιστοσελίδας, και το όνομά του είναι ο Ethan Marcotte. Ο Ethan έγραψε μόλις ένα νέο βιβλίο που ονομάζεται Σχεδιασμός ιστοσελίδων προσαρμοζόμενος σε συσκευές που περιγράφει τον τρόπο κατασκευής ιστότοπων που προσαρμόζουν το σχεδιασμό και τα χαρακτηριστικά τους για οποιαδήποτε συσκευή. Είναι μια ιδιοφυΐα, και μπορείτε επίσης να είστε ιδιοφυείς, διαβάζοντας το βιβλίο του. Αυτό το υλικό είναι εξίσου σημαντικό για την υγεία και το μέλλον της βιοτεχνίας μας, όπως η εκστρατεία για τα πρότυπα ιστού της τελευταίας δεκαετίας. Κάθε σχεδιαστής ιστοσελίδων θα πρέπει να βάλει στην άκρη μερικές ώρες για να χτυπήσει πίσω εκείνο το βιβλίο.
JD Biersdorfer
JD Biersdorfer είναι δημοσιογράφος τεχνολογίας και συγγραφέας πολλών βιβλίων για gadgets συμπεριλαμβανομένων Καλύτερες εφαρμογές iPhone .
Κατά τη γνώμη σας, τι κάνει για μια καλά σχεδιασμένη εφαρμογή και καλή εμπειρία χρήστη;
Μετά από να εξετάσουμε 400-500 εφαρμογές για το βιβλίο "Καλύτερες εφαρμογές iPhone", πιστεύω ότι οι εφαρμογές που λειτουργούν καλύτερα είναι εκείνες όπου το περιβάλλον εργασίας χρήστη έχει σχεδιαστεί ειδικά για την οθόνη του μικρού τηλεφώνου και όχι για εφαρμογές που λαμβάνουν την επιφάνεια εργασίας (με πολλά εικονίδια και μενού) και προσπαθήστε να στριμώξετε πάρα πολύ στον χώρο. Μια καλή εφαρμογή είναι επίσης μια σταθερή εφαρμογή δοκιμασμένη και σχετικά χωρίς σύγκρουση.
Υπάρχουν συγκεκριμένες εφαρμογές που έρχονται στο μυαλό σας επειδή είναι καλά παραδείγματα σχεδιασμού;
Παρόλο που δεν το συμπεριλάμβανα στο βιβλίο εκείνη την εποχή, επειδή το βρήκα γεμάτο και συντριβή, το AccuWeather έχει επανασχεδιάσει την εφαρμογή iPhone της σε ένα πραγματικά υπέροχο πρόγραμμα καιρού με μεγάλα, πολύχρωμα γραφικά και μια αρκετά διαισθητική διασύνδεση για να μην το κάνετε πρέπει να σκάβετε γύρω από διάφορες οθόνες μόνο για να δείτε πόσο ζεστό είναι - και πόσο ζεστό θα είναι. Οι ελεύθερες και οι πληρωμένες εφαρμογές διαφέρουν ελαφρώς στο σχεδιασμό, αλλά και οι δύο χρησιμοποιούν τα ίδια οπτικά στοιχεία για να μεταφέρουν γρήγορα τις καιρικές συνθήκες.
AccuWeather
Μου αρέσει επίσης η εφαρμογή "Kayak" για τα πράγματα που οι προγραμματιστές έβαλαν σε αυτό εκτός από το συνηθισμένο μέρος για την κράτηση πτήσεων και ξενοδοχείων. Για παράδειγμα, υπάρχει μια ενότητα που μπορείτε να χρησιμοποιήσετε για να μάθετε πόσο κάθε αεροπορική εταιρεία χρεώνει εσείς για να ελέγξετε τις τσάντες, άλλος για να μάθετε ποια καταστήματα και εστιατόρια βρίσκονται στο αεροδρόμιο στο οποίο έχετε κολλήσει, μετατροπέας νομισμάτων και ακόμη και λίστα ελέγχου συσκευασίας μια πρακτική εφαρμογή για ταξίδια που είναι εύκολο να πλοηγηθεί.
Καινούριο, εξακολουθώ να πιστεύω ότι η εφαρμογή "BBC News" είναι ιδανική για κυνηγούς κυνηγών. Οι δημιουργοί της εφαρμογής καταφέρνουν να βρουν έναν ευανάγνωστο τρόπο για να βάλουν εννέα κορυφαίες ιστορίες (με τίτλους και μικρές φωτογραφίες) στην αρχική οθόνη, μαζί με ένα banner News Breaking και ένα κουμπί για να πατήσετε έτσι ώστε να ακούτε ζωντανή ροή BBC Radio. Είναι πολύ εύκολο να επεξεργαστείτε τις κατηγορίες ειδήσεων που θέλετε να ακολουθήσετε και υπάρχουν σύνδεσμοι σε δημοφιλή προ-εγγεγραμμένα βίντεο και ηχητικά κλιπ που μπορείτε να κάνετε stream, όπως το σύντομο βίντεο του World News Summary.
Αυτή η ανάρτηση σας φέρθηκε από την αντιστάθμιση εκτύπωση φυλλαδίου εταιρία, Flyers της επόμενης ημέρας.
Ποιες είναι οι εμπειρίες σας με το σχεδιασμό εφαρμογών για κινητά; Ποιες εφαρμογές νομίζετε ότι αποδεικνύουν καλές αρχές σχεδίασης και διεπαφή χρήστη; Ενημερώστε μας στα σχόλια παρακάτω.