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

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

Θέλουν να είναι μια μύγα στον τοίχο για να ακούσουν ποιες επαγγελματικές εταιρείες σκέφτονται για την ανταποκρινόμενη σχεδίαση και πώς εξυπηρετούν τους πελάτες τους;

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

Δύο αντίθετες θέσεις

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

Στη γαλάζια γωνία ...

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

Σύμφωνα με τους υπευθύνους σχεδιασμού:

  • Οι χρήστες θέλουν μια πλήρη εμπειρία στον ιστότοπο ανεξάρτητα από τη συσκευή τους, όχι μια απογυμνωμένη εκδοχή του τι βασισμένοι στο διαδίκτυο πιστεύουν ότι οι χρήστες θα θέλουν να δουν. Τα κέντρα ευχρηστίας κάνουν τον επισκέπτη του ιστότοπου να νιώθει σαν να έχει τον έλεγχο και τη λήψη αποφάσεων. Οι ειδικοί υποστηρίζουν ότι ένας ξεχωριστός ιστότοπος για κινητά μπορεί να αποθαρρύνει τον τελικό χρήστη.
  • Ο υπεύθυνος σχεδιασμός είναι μια οικονομικά αποδοτική επιλογή αφού υπάρχει μόνο ένας χώρος για να διατηρηθεί. Οι επιχειρήσεις θα πρέπει να δημιουργήσουν χωριστούς ιστότοπους κινητής τηλεφωνίας για κάθε συσκευή, οι οποίοι μπορούν να προστεθούν μακροπρόθεσμα με απαιτήσεις περιεχομένου και συντήρησης.
  • Με ανταποκρινόμενες τοποθεσίες, δεν υπάρχουν δαπανηρές μελλοντικές αναβαθμίσεις όταν οι νέες κινητές συσκευές έρχονται στην αγορά.
  • Πολλοί εμπειρογνώμονες SEO πιστεύουν ότι οι ιστοτόποι που έχουν σχεδιαστεί με ευέλικτο σχεδιασμό είναι περισσότερο φιλικοί προς τη μηχανή αναζήτησης, επειδή δεν θα περάσουν χυμούς σύνδεσης σε άλλους τομείς, όπως συμβαίνει με τους ιστότοπους που αφορούν συγκεκριμένα κινητά - ορισμένοι SEO αμφισβητούν τη θεωρία αυτή και αναφέρουν την ενημέρωση ανακατεύθυνσης της Google ως αποδεικτικά στοιχεία. Σύμφωνα με την Google, αυτή η ενημερωμένη έκδοση "χρησιμοποιεί την τελική διεύθυνση URL προορισμού smartphone" στα αποτελέσματα αναζήτησης για κινητά, παρακάμπτοντας τις ανακατευθύνσεις, επιτρέποντας έτσι έναν ταχύτερο χρόνο φόρτωσης.

Σύμφωνα με τον Michael Wyszomierski, ο οποίος εργάζεται στο Google για τις λειτουργίες ποιότητας προϊόντων, ο σχεδιασμός που ανταποκρίνεται είναι εκεί που βρίσκεται. Ακολουθεί η ανάρτησή του στο Google+:

Michael Wyszomierski

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

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

Στην κόκκινη γωνία ...

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

Εδώ είναι μερικά από τα επιχειρήματα ενάντια στον αποκρινόμενο σχεδιασμό:

  • Ταχύτητα - Όταν ένας χρήστης κινητής τηλεφωνίας ανοίγει έναν ιστότοπο με ανταποκρινόμενο σχεδιασμό, όλα τα στοιχεία του ιστότοπου της επιφάνειας εργασίας μεταφορτώνονται και αλλάζουν το μέγεθος ώστε να ταιριάζουν στην οθόνη. Αυτό καθιστά αργή την φόρτωση του ιστότοπου, καθώς όλο το αρχικό Javascript και ο κώδικας HTML εξακολουθούν να υπάρχουν. (Όταν οι σχεδιαστές δημιουργούν ιστότοπους συγκεκριμένους για κινητά, θεωρούν τη συσκευή κατά το σχεδιασμό του ιστότοπου και τη βελτιστοποίησή του ανάλογα.)
  • Διακριτό περιεχόμενο - Το στρατόπεδο υπέρ συγκεκριμένων ιστότοπων για κινητά υποστηρίζει ότι οι χρήστες κινητών τηλεφώνων ενδέχεται να χρειάζονται ένα άλλο επίπεδο περιεχομένου που δεν υπάρχει σε έναν ιστότοπο για επιτραπέζιους υπολογιστές. Ο ανταποκρινόμενος σχεδιασμός μπορεί να ταιριάζει στη συσκευή, αλλά δεν εκμεταλλεύεται τη βελτιστοποίηση της εμπειρίας του χρήστη, καθώς σχετίζεται με την κάλυψη των μοναδικών αναγκών του.

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

Ζήτησα από όλες τις ίδιες ερωτήσεις να εξετάσουν πόσο διαφορετική / παρόμοια ήταν η προσέγγισή τους στο θέμα.

Colin Proctor, Ιδέες Smashing

Πρώτα επάνω είναι Ιδέες Smashing , ένα διαδραστικό γραφείο με έδρα το Σιάτλ που δραστηριοποιείται από το 1996. Ο καλλιτέχνης Colin Proctor ήταν αρκετά ευγενικός για να μοιραστεί τις σκέψεις του σχετικά με την ανταπόκριση στο σχεδιασμό.

Ε: Πόσο συχνά αναπτύσσετε κινητές ιστοσελίδες για τους πελάτες σας;

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

Ε: Χρησιμοποιείτε αυτόματα το σχεδιασμό για όλους τους κινητούς πελάτες; Σύντομα να εξηγήσετε γιατί ή γιατί όχι.

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

Ε: Θα λέγατε ότι είστε ...

α) υπέρ του ανταποκρινόμενου σχεδιασμού
β) Δεν είναι υπέρ του ανταποκρινόμενου σχεδιασμού
γ) Προς όφελος τόσο των αισθητήρων σχεδιασμού όσο και των ξεχωριστών τοποθεσιών κινητής τηλεφωνίας

Σύντομα εξηγήστε γιατί επιλέξατε την απάντησή σας ...

Α: Νομίζω ότι είναι επικίνδυνο να χρησιμοποιήσετε την ανταπόκριση της διάταξης ως ένα catch all και ότι μια στρατηγική απόκρισης θα καθορίσει τους τρόπους με τους οποίους το σχεδιαστικό σας σύστημα ανταποκρίνεται στο περιβάλλον του χρήστη σας (το οποίο είναι το κλειδί). Ο υπεύθυνος σχεδιασμός / διάταξη είναι μια πολύ επεκτάσιμη προσέγγιση, αλλά πάντα λαμβάνει υπόψη το τι κάνει ο χρήστης; Δεν είναι, επειδή είναι ένα σύστημα πολλών λύσεων σχεδιασμού για κινητά.

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

Ε: Ποιες είναι οι καλύτερες συμβουλές σας για τους σχεδιαστές ιστοσελίδων / προγραμματιστές που επιθυμούν να δημιουργήσουν επιτυχημένες κινητές εμπειρίες για τους πελάτες τους;

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

Κατά τη γνώμη μου, το καλύτερο πράγμα που πρέπει να βγούμε από την έκρηξη του κινητού ιστού είναι ένα σπάσιμο από την ιδέα ότι ο καμβάς μας έχει ρυθμιστεί και ότι πρέπει απλώς να το γεμίσουμε. Αναγκάζαμε να ξεπεράσουμε τις παλιές μας υποθέσεις σχετικά με την εμπειρία των χρηστών και είναι υπεύθυνοι για τις διαδικασίες σκέψης μας περισσότερο από ό, τι έχουμε στην πρόσφατη ιστορία. Ως κοινωνία, δεν είμαστε πλέον ένα αιχμαλωτό κοινό που κοιτάζει ένα ορθογώνιο μέσου όρου προβολής ως 1024 × 768, οπότε οι κανόνες ξαναγραφούν. Ως βιομηχανία, είναι καιρός να πειραματιστούμε και να μεγαλώσουμε.

Εξέλιξη της ομάδας δημιουργικών

Ακολουθεί επάνω Εξέλιξη της ομάδας δημιουργικών , μια εταιρεία παροχής λύσεων πλήρους εξυπηρέτησης με έδρα το Akron, Ohio. Ζήτησα από τους προγραμματιστές τις ίδιες ερωτήσεις και εδώ είναι οι απαντήσεις τους:

Ε: Πόσο συχνά αναπτύσσετε κινητές ιστοσελίδες για τους πελάτες σας;

Α: Αναπτύσσουμε ιστότοπους για κινητές συσκευές κατά πάσα πιθανότητα περίπου 30% του χρόνου. Είναι ένας συνδυασμός επιθυμίας, προϋπολογισμού και αναγκαιότητας για τους πελάτες μας. Πολλοί πελάτες δεν έχουν την ανάγκη ή την επιθυμία να υποστηρίξουν τα κινητά λόγω του κοινού και του προϋπολογισμού τους. Λόγω της ευελιξίας των τοποθεσιών που χτίζουμε (μη κινητά), δουλεύουν αξιοπρεπώς στο κινητό ώστε οι πελάτες να μην μπορούν να δικαιολογήσουν το κόστος. Μπορεί να είναι μια σκληρή πώληση, αλλά καθώς οι κινητές τάσεις αναπτύσσονται και σταθεροποιούνται, περισσότεροι πελάτες παίρνουν στο σκάφος.

Ε: Χρησιμοποιείτε αυτόματα το σχεδιασμό για όλους τους κινητούς πελάτες;

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

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

Ε: Θα λέγατε ότι είστε ...
α) υπέρ του ανταποκρινόμενου σχεδιασμού
β) Δεν είναι υπέρ του ανταποκρινόμενου σχεδιασμού
γ) Προς όφελος τόσο των αισθητήρων σχεδιασμού όσο και των ξεχωριστών τοποθεσιών κινητής τηλεφωνίας.

Σύντομα εξηγήστε γιατί επιλέξατε την απάντησή σας ...

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

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

Το ηθικό εδώ είναι να προσαρμόσουμε τη λύση που βασίζεται στο σχέδιο και τους χρήστες και να μην κλείσουμε στην ολοένα αυξανόμενη πυώδη συζήτηση.

Ε: Ποιες είναι οι καλύτερες συμβουλές σας για τους σχεδιαστές ιστοσελίδων / προγραμματιστές που επιθυμούν να δημιουργήσουν επιτυχημένες κινητές εμπειρίες για τους πελάτες τους;

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

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

Ryan Anderson, Alchemy50

Στη συνέχεια, μίλησα με τον Ryan Anderson, πρόεδρο της Alchemy50 , ένα ψηφιακό γραφείο με έδρα το Μπρούκλιν, Νέα Υόρκη. Εδώ είναι που ο Ryan είχε να πει για τη διαδικασία της εταιρείας του:

Ε: Πόσο συχνά αναπτύσσετε κινητές ιστοσελίδες για τους πελάτες σας;

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

Ε: Χρησιμοποιείτε αυτόματα το σχεδιασμό για όλους τους κινητούς πελάτες;

Α: Όχι αυτόματα, αλλά συχνά. Εξαρτάται πραγματικά από τη φύση του έργου - είτε πρόκειται για μια εφαρμογή στο διαδίκτυο είτε για μια εταιρική ιστοσελίδα - και οι δύο έχουν μοναδικές παραμέτρους που πρέπει να ληφθούν υπόψη. Επίσης, δεν διαχωρίζουμε πραγματικά το "κινητό" πια, αλλά μάλλον πηγαίνουμε σε ένα project γνωρίζοντας ότι στις περισσότερες περιπτώσεις είναι πολλαπλών συσκευών, multi-resolution, multi-browser κ.λπ ... πρέπει να λειτουργεί παντού και με ένα να είναι αποδοτική ως προς το κόστος.

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

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

Σύντομα εξηγήστε γιατί επιλέξατε την απάντησή σας ...

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

Ε: Ποιες είναι οι καλύτερες συμβουλές σας για τους σχεδιαστές ιστοσελίδων / προγραμματιστές που επιθυμούν να δημιουργήσουν επιτυχημένες κινητές εμπειρίες για τους πελάτες τους;

Α: Μην επιλέξετε μια λύση μέχρι να καταλάβετε πλήρως τι θέλει να κάνει ο πελάτης. Και προσέξτε, πολλές φορές ένας πελάτης θα πει ότι θέλουν "έναν ιστότοπο HTML5" ή μια "εφαρμογή για κινητά που λειτουργεί παντού" - διαπιστώσαμε ότι συνήθως δεν καταλαβαίνουν πλήρως τι λένε. Ζητήστε τους να ξεχάσουν την τεχνολογία για ένα λεπτό και να εξηγήσουν σε απλή γλώσσα τι είναι αυτό που θέλουν να χτίσουν. Ποια είναι η αγορά-στόχος; Ποιες είναι οι συνήθειες αυτής της αγοράς (τεχνολογία, πρόγραμμα περιήγησης, κάθονται σε γραφεία, κλπ.) Ποια λειτουργία θα προσφέρει ο ιστότοπος / εφαρμογή; Συχνά φορές, καθώς μιλάτε μέσα από αυτά τα σημεία με τον πελάτη, θα εμφανιστεί μια αποτελεσματική προσέγγιση (και μερικές φορές πολύ διαφορετική!).

Nicholas Davison, Digitaria

Τέλος, μίλησα με τον Διευθυντή Ανάπτυξης Ιστού στο Digitaria , Nicholas Davison. Η Digitaria είναι μια ψηφιακή υπηρεσία πλήρους υπηρεσίας που ιδρύθηκε το 1997 με πέντε τοποθεσίες στις Ηνωμένες Πολιτείες. Εδώ είναι αυτό που ο Νίκολας είχε να πει για τον αποκρινόμενο σχεδιασμό:

Ε: Πόσο συχνά αναπτύσσετε κινητές ιστοσελίδες για τους πελάτες σας;

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

Ε: Χρησιμοποιείτε αυτόματα το σχεδιασμό για όλους τους κινητούς πελάτες; Σύντομα να εξηγήσετε γιατί ή γιατί όχι.

Α: Παραβλέποντας τον Zeldman και τιμά τον ορισμό του Marcotte ... αν διαχωρίσετε το Respive ως, ουσιαστικά, τα Adaptive plus υγρό layouts και εικόνες, δεν επιλέγουμε αυτόματα το Responsive over Adaptive. Ο κύριος λόγος για αυτό είναι η απόδοση των επενδύσεων.

Οι υγρές διατάξεις δημιουργούν μια σειρά προκλήσεων: Η ανάμιξη σταθερών διαστάσεων και ποσοστών τείνει να απαιτεί πρόσθετα στοιχεία div για να κρεμάσει το σχέδιο. Σφάλματα στρογγυλοποίησης οδηγούν σε προβλήματα σε παλαιότερες εκδόσεις του Internet Explorer και συχνά αφήνουν κενά ενός pixel ακόμη και σε πιο σύγχρονα προγράμματα περιήγησης. Το QA, εάν εκτελείται σωστά, πρέπει να ελέγχει κάθε στοιχείο σε κάθε μέγεθος σε κάθε πρόγραμμα περιήγησης - που προσθέτει μαζικά στα έξοδα QA.

Ποια είναι αυτά τα κόστη που σας μεταφέρουν σε ένα προσαρμοστικό σχέδιο που ήδη καλύπτει τα 320, 480, 720, 960 και 1140; Κάνουν ελαφρώς καλύτερη χρήση του χώρου και προσθέτουν ένα ελαφρύ παράγοντα wow. Εάν τα οφέλη αυτά δικαιολογούν το κόστος, χτίζουμε Responsive. Εάν δεν το κάνουν, το Adaptive είναι πιο κατάλληλο.

Εάν, όπως προτείνει ο Zeldman, χρησιμοποιούμε το Responsive και Adaptive εναλλακτικά και δεν εξετάζουμε τις υγρές παραλλαγές, δεν θα πρέπει ποτέ να είναι αυτόματη απόφαση. Όποιος σκέφτεται τον πελάτη του, εξετάζει τα σωστά εργαλεία για τη σωστή δουλειά.

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

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

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

Ε: Θα λέγατε ότι είστε ...
α) υπέρ του ανταποκρινόμενου σχεδιασμού
β) Δεν είναι υπέρ του ανταποκρινόμενου σχεδιασμού
γ) Προς όφελος τόσο των αισθητήρων σχεδιασμού όσο και των ξεχωριστών τοποθεσιών κινητής τηλεφωνίας

Σύντομα εξηγήστε γιατί επιλέξατε την απάντησή σας ...

Α: Ο προσαρμοστικός σχεδιασμός είναι απίστευτα συναρπαστικός σχεδόν σε κάθε περίπτωση. Παραβλέποντας τα κινητά και τα δισκία γίνεται γρήγορα τόσο κακή επιχειρηματική κίνηση όσο αγνοώντας τον ιστό ήταν πριν από δέκα χρόνια. Απλά πρέπει να τα εξετάσετε για τα περισσότερα έργα. Οι ημέρες μερικών περιοχών Mdot αριθμούνται. Οι χρήστες αναμένουν όλο το περιεχόμενο σε όποια συσκευή χρησιμοποιούν. Όταν το ανύπαρκτο ή μερικό κινητό δεν είναι καν επιλογές, το Adaptive είναι ο οικονομικά αποδοτικότερος τρόπος να το παραδώσει στη συντριπτική πλειονότητα των περιπτώσεων. Σε σύγκριση με μια πλήρη σελίδα Mdot και πλήρη επιφάνεια εργασίας, είναι φθηνότερη. Σε σύγκριση με το πλήρες Mdot, Tablet και Desktop, είναι πολύ φθηνότερο.

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

Ε: Ποιες είναι οι καλύτερες συμβουλές σας για τους σχεδιαστές ιστοσελίδων / προγραμματιστές που επιθυμούν να δημιουργήσουν επιτυχημένες κινητές εμπειρίες για τους πελάτες τους;

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

Χρησιμοποιήστε το answer.js ώστε ο ιστότοπός σας να λειτουργεί σε κάθε πρόγραμμα περιήγησης, όχι μόνο σε εκείνους που γνωρίζουν τα ερωτήματα μέσων. Μην χτίζετε υγρό μόνο και μόνο επειδή το Respinive είναι η πιο δροσερή έκδοση του Adaptive. Έχει πλεονεκτήματα αλλά και κόστος. Βεβαιωθείτε ότι έχετε επιλέξει τι είναι σωστό για εσάς.

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

Για λόγους καλής λογικής, πρέπει να συμφωνήσετε με μια λίστα με πλατφόρμες για τις οποίες δίνετε μια εγγύηση κώδικα. Υπάρχουν τόσες πολλές παραλλαγές Android, παλιές κυκλοφορίες σημείων iOS, συσκευές Windows Mobile που πρόκειται να προσφέρετε δωρεάν μπαλώματα για ζωή αν είστε αρκετά ανόητοι για να συμφωνήσετε απλώς "όλα τα smartphones". Και τότε υπάρχει το Blackberry όπου φαίνεται ότι οι παλαιότερες εκδόσεις σχεδιαστεί με μια διεστραμμένη αγάπη για το σπάσιμο.

Η συζήτηση συνεχίζεται

Χάρη σε όλους τους συμμετέχοντες για να μας δώσει μια διορατικότητα στις καθημερινές διαδικασίες τους.