Βέλτιστες πρακτικές για υπεύθυνους σχεδιαστές ιστοσελίδων ή για εγγενείς εφαρμογές; [Op-Ed]

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

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

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

Οι αξίες μιας εγγενούς εφαρμογής

Οι περισσότεροι χρήστες smartphone βασίζονται σε εγγενείς εφαρμογές για τα αγαπημένα τους προγράμματα. Το Facebook, το Twitter, το Instagram και άλλοι τρέχουν τις δικές τους εφαρμογές.

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

Πολλοί μεγάλοι εκδότες έχουν εφαρμογές στο iOS Store και στο Google Play Store που καλύπτουν ιστολόγια, webapps και κοινωνικά δίκτυα. Αλλά είναι δίκαιο να πούμε μεγάλες τοποθεσίες όπως το Facebook και το Twitter λάβετε περισσότερη αξία από εγγενείς εφαρμογές από μικρότερους ιστότοπους.

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

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

Πλήρως υπεύθυνες ιστοσελίδες: Πλεονεκτήματα και μειονεκτήματα

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

Αλλά στο πλαίσιο των εγγενών εφαρμογών υπάρχουν μερικές σκέψεις. Πρώτα οι ανταποκρινόμενες ιστοσελίδες περιορίζονται στη μηχανή εμφάνισης του προγράμματος περιήγησης. Στις smartphones αυτό σημαίνει περιορισμένη κίνηση, χωρίς Flash, και εμπιστοσύνη στη μηχανή rendering του προγράμματος περιήγησης.

Οι εγγενείς εφαρμογές μπορούν να χρησιμοποιούν τις βασικές λειτουργίες ενός smartphone ή tablet. Οι βιβλιοθήκες κινούμενων σχεδίων είναι πολύ ισχυρότερες από την απόδοση του CSS ή του JS στο πρόγραμμα περιήγησης.

Το ίδιο ισχύει και για τα στοιχεία εισόδου σε φόρμες, μαζί με η μετάδοση δεδομένων και οι ανησυχίες για την ασφάλεια. Πολλοί άνθρωποι προτιμούν να χρησιμοποιούν την εφαρμογή Pinterest μέσω της ιστοσελίδας του Pinterest. Το ίδιο ισχύει για τα Flipboard, Dropbox, Feedly, Gmail ή οποιαδήποτε άλλη σημαντική υπηρεσία ιστού.

Αλλά πρέπει αυτές οι ιστοσελίδες δεν προσφέρουν μια προσαρμοσμένη διάταξη? Υπάρχουν τρεις επιλογές:

1. Αναγκάστε τους χρήστες κινητών ιστού να κάνουν λήψη της εγγενούς εφαρμογής
2. Προσφέρετε μια διάταξη ιστού για κινητά με έναν προαιρετικό σύνδεσμο προς την εγγενή εφαρμογή
3. Απλά εκτελέστε τη διάταξη ιστού για κινητά ξεχωριστά από μια εγγενή εφαρμογή

Το Flipboard πηγαίνει με τη 2η επιλογή τοποθετώντας ένα banner στην κορυφή κάθε σελίδας. Μπορείτε να εγγραφείτε για λογαριασμό Flipboard ακριβώς στο πρόγραμμα περιήγησης του Mobile Safari. Αλλά είναι πολύ πιο εύκολο, γρηγορότερο και πιο διαισθητικό να χρησιμοποιήσετε την εφαρμογή.

Ο δικτυακός τόπος ειδήσεων ZDNet δεν αναφέρει καν την εφαρμογή τους για κινητά κατά την επίσκεψη στο Mobile Safari. Λειτουργεί ακριβώς όπως μια τυπική διάταξη με ανταποκρίσεις με ιστορίες ειδήσεων και εμφανιζόμενες θέσεις.

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

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

Desktop-First ή Mobile-First?

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

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

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

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

Υπάρχει σωστή απάντηση εδώ; Πρέπει οι ανταποκρινόμενες διατάξεις να ξεκινούν με τις μικρότερες οθόνες ή να είναι κινητές - πρώτα ξεπερασμένες?

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

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

Το καλύτερο και των δύο κόσμων

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

Όπως βρέθηκε σε αυτό το σπουδαίο κομμάτι της Modo Labs, η απάντηση έρχεται κάτω εμπειρία χρήστη. Δεν υπάρχει απόλυτη οριστική απάντηση. Πρόκειται για τη μέθοδο που προσφέρει την καλύτερη δυνατή κατανάλωση το συγκεκριμένο σας έργο σε μια κινητή συσκευή. Θα επιθυμούσαν οι χρήστες σας μια εφαρμογή για κινητά; Ή είναι ένας ιστοχώρος περισσότερο από αρκετό?

Το tech news blog TechCrunch έχει μια προσαρμοστική διάταξη και μια δωρεάν εφαρμογή για κινητά, και για τους λόγους. Ο ιστότοπός τους κάλυψε πρόσφατα μια ιστορία που επιβεβαιώνει ότι οι λαοί στις ΗΠΑ περνούν περισσότερο χρόνο σε εφαρμογές από ό, τι βλέπουν τηλεόραση.

Αλλά τι γίνεται αν κάποιος συνδεθεί με το TechCrunch στο Twitter; Αν κάποιος κάνει κλικ σε αυτόν το σύνδεσμο στο iPhone του, θα ανοίξει το Mobile Safari επειδή είναι ένας σύνδεσμος HTTP. Αυτό είναι όπου η ανταποκρινόμενη διάταξη είναι χρήσιμη επειδή Όλοι δεν θέλουν την εφαρμογή σας.

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

Εργασίες για μια βάση ανά έργο

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

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

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

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

Τα blogs και τα ψηφιακά περιοδικά είναι κάπως γκρίζα. Οι εγγενείς εφαρμογές λειτουργούν καλά για μερικούς αλλά δεν χρειάζονται για άλλους. Σε γενικές γραμμές εξαρτάται από σας το μέγεθος της αγοράς και το κοινό (δηλαδή τεχνικοί-καταλαβαίνω άνθρωποι).

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

Τυλίγοντας

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

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

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