Από καιρό σε καιρό, ένας κλάδος αντιμετωπίζει θεμελιώδεις αλλαγές που το μεταβάλλουν ριζικά. Μαζί με αυτό έρχεται μια έκρηξη ευκαιριών: ευκαιρία για τα άτομα να ξεχωρίζουν, να εμφανιστούν νέα προϊόντα και να αντικατασταθούν οι εδραιωμένες εταιρείες. Τώρα είναι ένας τέτοιος χρόνος στην κοινότητα ιστού.
Για όσο διάστημα μπορώ να θυμηθώ, η κύρια εστίαση στην ανάπτυξη ιστού ήταν να εξασφαλιστεί ότι οι ιστότοποι θα αποδίδουν το ίδιο σε όλα τα προγράμματα περιήγησης. Πήραμε μεγάλη προσπάθεια για να εξασφαλίσουμε ότι ο ιστότοπος ενός πελάτη φαινόταν ακριβώς ο ίδιος σε όλα, από τις παλιές εκδόσεις του Internet Explorer έως τον τελευταίο Firefox, όλα ταυτόχρονα.
Τα τελευταία χρόνια, παρατηρήσαμε αυξανόμενο ενδιαφέρον για το γνωστό ως προοδευτική βελτίωση, που είναι η τεχνική της προβολής προηγμένων λειτουργιών και στυλ στα σύγχρονα προγράμματα περιήγησης, αλλά όχι σε παλαιότερα προγράμματα που δεν υποστηρίζονται.
Αυτή η προσέγγιση δεν φάνηκε ποτέ να καταλήγει σε όλες τις κατευθύνσεις. Οι περισσότεροι οργανισμοί εξακολουθούν να προσπαθούν να κάνουν τους ιστοτόπους τους καθολικούς. Και η προοδευτική ενίσχυση θεωρήθηκε συχνά ως δικαιολογία για να αγνοήσουμε ενοχλητικά προβλήματα. Όπως αποδεικνύεται, οι άνθρωποι του διαδικτύου είναι μάλλον τρελοί και έχουν δημιουργήσει εργαλεία που ξεπερνούν τα αμέτρητα προβλήματα του προγράμματος περιήγησης.
Ορισμένες από αυτές τις εξελίξεις έχουν οδηγήσει στην έννοια του «ανταποκρινόμενου σχεδιασμού ιστοσελίδων». Αν δεν είστε εξοικειωμένοι με τον όρο, φροντίστε να ελέγξετε οριστική εισαγωγή του στην A List Apart .
Για να το συνθέσετε γρήγορα, η ουσία είναι ότι προσαρμόζετε την απόδοση της σελίδας ώστε να ταιριάζει στη συσκευή του χρήστη. Για κάποιο χρονικό διάστημα, αυτό ήταν εύκολο να γίνει: εάν ο χρήστης βρισκόταν σε κινητή συσκευή, μεταφέρθηκαν σε ξεχωριστό μίνι ιστότοπο. Αλλά με τα smartphones και ειδικά τα δισκία, η γραμμή έχει θολώσει.
Ο ανταποκρινόμενος σχεδιασμός έχει γίνει γρήγορα αναγνωρισμένος ως ένας εξαιρετικά έξυπνος τρόπος για την κατασκευή ιστοσελίδων. Πόσο μακριά να το πάρετε εξαρτάται από εσάς. Αλλά ένα πράγμα είναι σίγουρο: αλλάζει ριζικά τη βιομηχανία και επηρεάζει αμέτρητες πρακτικές και εργαλεία που έχουμε χρησιμοποιήσει εδώ και χρόνια. Ας εξετάσουμε τον αντίκτυπο αυτής της νέας προσέγγισης σε μερικά από τα βασικά εργαλεία που έχουμε έρθει να βασιστούμε και στον σχεδιασμό ιστοσελίδων εν γένει.
Σχεδόν όλοι όσοι εργάζονται στο διαδίκτυο έχουν βρεθεί σε κάποιο σημείο αντιμέτωποι με κάποιον που πιστεύει ότι ο έφηβος του φίλου του θα μπορούσε να χειριστεί το σχέδιό του. Αυτή η προοπτική ήταν πάντα ενοχλητική, αλλά υπάρχει κάποιο φως στο τέλος της σήραγγας. Με το γρήγορο σχεδιασμό, τα πράγματα πήραν πολύ πιο περίπλοκα πράγματα. Υπάρχει τώρα μια τεράστια ευκαιρία για τους επαγγελματίες του διαδικτύου να ξεχωρίζουν από το κοπάδι.
Υπάρχουν χιλιάδες σχεδιαστές ιστοσελίδων και προγραμματιστές σε όλο τον κόσμο και όλοι μας συνδέουμε με το μαγικό μέσο στο οποίο εργαζόμαστε. Αυτό είναι τόσο μεγάλο όσο και προβληματικό. Δεδομένου του αριθμού των ατόμων που είναι διαθέσιμα για δουλειά, η εμφάνιση μπορεί να είναι δύσκολη.
Υπάρχει πραγματικά μια υπέροχη ευκαιρία εδώ. Εάν είστε αρκετά επιθετικοί, θα μπορούσατε να ξεχωρίσετε με το να εργάζεστε με την ουρά σας για να αντιληφθείτε γρήγορα τον σχεδιασμό και την ανάπτυξη που ανταποκρίνεται. Περιηγηθείτε και μάθετε, ενημερώστε τον προσωπικό σας ιστότοπο και μιλήστε για τα αποτελέσματά σας. Σας εγγυώμαι αν βάζετε ένα νέο χαρτοφυλάκιο που να δείχνει αυτό το σύνολο δεξιοτήτων, οι άνθρωποι θα ενδιαφέρονται να συνεργαστούν μαζί σας. Αλλά το παράθυρο για αυτό είναι αρκετά σύντομο, ανάλογα με το πόσο γρήγορα παίρνουν οι άλλοι σχεδιαστές.
Οι προϋπολογισμοί αποτελούν σημαντικό εμπόδιο στην προσέγγιση αυτή. Με ευέλικτο σχεδιασμό, πρέπει να δημιουργήσουμε έως και τέσσερις παραλλαγές για κάθε διάταξη, να στοχεύουμε smartphones, tablet, netbooks και επιτραπέζιους υπολογιστές. Σκεφτείτε έναν βασικό ιστότοπο με μόνο δύο σελίδες: μια αρχική σελίδα και μια εσωτερική σελίδα. Αυτές οι δύο διατάξεις γίνονται οκτώ παραλλαγές όταν τις εφαρμόζετε για τέσσερα μεγέθη συσκευών.
Μήπως αυτό σημαίνει ότι πρέπει να χρεώνουμε τέσσερις φορές περισσότερο για το έργο; Αυτό δεν φαίνεται πιθανό. Προφανώς, το κόστος θα είναι αυξητικό, αλλά ο χρόνος που απαιτείται για την προετοιμασία των σχεδιαγραμμάτων και τον κωδικό τους για τη σωστή λειτουργία θα αυξηθεί σίγουρα.
Η εκπαίδευση των πελατών θα διαδραματίσει τεράστιο ρόλο. Πρέπει να βοηθήσουμε τους πελάτες μας να καταλάβουν ότι ενώ τα iPads και τα iPhones είναι δροσερά, αυτές οι συσκευές αυξάνουν το κόστος ανάπτυξης της ποιότητας. Να πάρει τους πελάτες να κατανοήσουν το κόστος μας είναι αρκετά δύσκολο, όπως είναι.
Εάν θέλετε να δημιουργήσετε μια βουτιά στην κοινότητα, δημιουργήστε ένα εργαλείο που να αντιμετωπίζει θέματα προϋπολογισμού. Πολλοί το έχουν ήδη κάνει, με εργαλεία όπως 320 και άνω και το Λιγότερο πλαίσιο . Και οι δύο μειώνουν το χρόνο που απαιτείται για την κατασκευή προϊόντων και βοηθούν τους προγραμματιστές να μειώσουν τον χρόνο των προϋπολογισμών. 320 και ιδιαίτερα είναι ένα τέλειο παράδειγμα για το πώς να επωφεληθούμε από αυτή την ευκαιρία.
Με το πεδίο ευρέως ανοιχτό τώρα, η εισαγωγή εργαλείων στην αγορά που εξομαλύνει την αναπτυξιακή διαδικασία για την υποστήριξη του ανταποκρινούς σχεδιασμού θα είναι πολύ πιο εύκολη. Θα μπορούσαμε ακόμη και να δημιουργήσουμε εργαλεία που θα αναπαράγουν τα υπάρχοντα, αλλά που είναι προσανατολισμένα γύρω από τον αποκρινόμενο σχεδιασμό.
Ένας από τους πολλούς τομείς που θα μπορούσαν να μετατραπούν ανάποδα είναι η αγορά για plug-ins που λειτουργούν με δημοφιλή πλαίσια όπως το jQuery. Η αγορά είναι γεμάτη με πανέμορφα plug-ins που κάνουν μια τεράστια ποικιλία πραγμάτων στον browser: slideshows, φωτογραφίες, φόρμες, pop-ups, ο κατάλογος συνεχίζεται.
Η ευκαιρία εδώ είναι παράλογη. Πάρτε ένα κοινό plug-in, όπως το εργαλείο slideshow Nivo Slider . Αυτό το τρομερό εργαλείο είναι στις ζώνες εργαλείων αμέτρητων προγραμματιστών. Η αγορά είναι ώριμη για κάποιον να δημιουργήσει ένα παρόμοιο εργαλείο που προσαρμόζεται αυτόματα για να λειτουργήσει ομαλά σε όλες τις συσκευές χρησιμοποιώντας μια απόκριση προσέγγιση.
Το ίδιο ισχύει και για σχεδόν οποιαδήποτε προσθήκη. Αν ψάχνετε για ένα έργο που ουσιαστικά εγγυάται την επιτυχία, επιλέξτε ένα καυτό plug-in και δημιουργήστε μια προσαρμοσμένη έκδοση που προσαρμόζεται για να λειτουργεί σωστά σε διαφορετικές συσκευές.
Παρόλο που αυτό το άρθρο αφορά περισσότερο τη διαδικασία ανάπτυξης, ας εξετάσουμε τον έλεγχο των προγραμμάτων περιήγησης. Αυτό είναι ένα βασικό μέρος της οικοδόμησης ιστοσελίδων. Οποιοσδήποτε γόνατος-βαθιά στην οικοδόμηση ενός δικτυακού τόπου είναι πιθανό δοκιμή πράγματα σε πολλαπλά προγράμματα περιήγησης καθώς πηγαίνουν. Και σε κάποιο σημείο, οι περισσότεροι ιστότοποι υποβάλλονται σε μια σε βάθος δοκιμή σε πολλά προγράμματα περιήγησης.
Αλλά πώς αντιμετωπίζουμε αυτό μέσω της ανταποκρινόμενης σχεδίασης; Πρέπει η ομάδα να κατέχει όλες τις πιο δημοφιλείς συσκευές; Σίγουρα, υπάρχουν εξομοιωτές, αλλά οι περισσότεροι είναι επώδυνοι να εγκαταστήσετε και να εργαστείτε με. Και τίποτα δεν κτυπά δοκιμές με το πραγματικό πράγμα.
Η εγκατάσταση λογισμικού σε υπολογιστές για λήψη εντύπων οθόνης σε διάφορα προγράμματα περιήγησης και πλατφόρμες είναι κάπως σκληρή. Αλλά η εγκατάσταση συστημάτων για την αυτόματη λήψη στιγμιότυπων οθόνης από τον συνεχώς αυξανόμενο αριθμό συσκευών είναι πολύ δύσκολο. Οι λύσεις που υπάρχουν είναι ακριβές και δεν έχω ακόμη βρει μια καλή υπηρεσία γι 'αυτό.
Αυτή είναι μια από τις καταστάσεις όπου η πολυπλοκότητα είναι ένα πλεονέκτημα. Εάν κάποιος καταφέρει να αποβάλει αυτή τη γάτα, τότε θα ήταν μάλλον δύσκολο για τους άλλους να ακολουθήσουν. Υπάρχουν πολλές λύσεις για τη λήψη αυτοματοποιημένων στιγμιότυπων σε πολλά προγράμματα περιήγησης, αλλά το πρώτο πρόσωπο που προσφέρει στιγμιότυπα οθόνης για συσκευές θα έχει κάτι αρκετά μοναδικό για πώληση. Και η κοινότητα θα ανταποκριθεί με μεγάλο τρόπο.
Η αγορά των έτοιμων θέσεων είναι τεράστια, αλλά ο σχεδιασμός που ανταποκρίνεται είναι και ένα κλειδί μαϊμού. Οι πάροχοι προτύπων δεν είναι πιθανόν να αναβαθμίσουν τα σχέδιά τους για να ικανοποιήσουν αυτές τις νέες απαιτήσεις. Αντίθετα, πιθανόν να προσθέσουν ανταπόκριση στις μελλοντικές κυκλοφορίες. Και εκεί βρίσκεται η ευκαιρία.
Τα παλιά πρότυπα δεν έχουν καταστεί άχρηστα. λείπουν μόνο ένα σημαντικό στοιχείο. Αυτό ισοδυναμεί με το επίπεδο παιχνιδιού για λίγο. Αν σκέφτεστε να ξεκινήσετε τη δική σας επιχείρηση θέματος, αυτή είναι μια καλή στιγμή για να το κάνετε αυτό. Οι εγκατεστημένες εταιρείες θα πρέπει να υποστηρίξουν τα πρότυπα κληρονομιών τους και, ενώ απολαμβάνουν ορισμένα πλεονεκτήματα, το εμπόδιο για την είσοδο στην αγορά μόλις πήρε λίγο χαμηλότερα.
Η κοινότητα έχει έρθει να βασίζεται σε υπηρεσίες λογισμικού για θέματα όπως wireframing και δοκιμές ευχρηστίας. Αλλά πώς αυτά τα εργαλεία χειρίζονται πολλαπλές συσκευές; Πολλά εργαλεία αναφέρονται, για παράδειγμα, σε δοκιμές ευχρηστίας, και μερικές νέες αντιμετωπίζουν ακόμη και την κινητή δοκιμή (όπως Εσείς ), αλλά επιλύουν μόνο ένα μέρος του προβλήματος.
Στην εξειδικευμένη τεχνολογία πλαισίωσης, υπάρχει ένας κοινός τρόπος χειρισμού διαφόρων διατάξεων σελίδας, αλλά δεν έχω ακόμα βρει μια λύση που να διαχειρίζεται μία διάταξη σελίδας για διάφορες συσκευές. Η ανάγκη είναι τόσο απλή, αλλά πολλά συστήματα απλά καταρρέουν. Πρέπει να δημιουργήσουμε ένα νέο καλώδιο για κάθε συσκευή; Η απάντηση δεν είναι σαφής.
Η αγορά είναι ώριμη για εργαλεία που υποστηρίζουν τις τρέχουσες προσεγγίσεις των ανθρώπων για να εργάζονται στο διαδίκτυο, ενώ ταυτόχρονα υιοθετούν την ικανοποιητική σχεδίαση. Μπορεί να είστε σε θέση να προσελκύσετε τους πελάτες μακριά από τους ανταγωνιστές, προσφέροντας χαρακτηριστικά που αγκαλιάζουν αυτές τις σύγχρονες τεχνικές.
Η αλλαγή μπορεί να αποθαρρύνει, ακόμη και συντριπτική. Ανεξάρτητα από το πόσο μαθαίνεις, πάντα αισθάνεσαι ότι μείνεις πίσω. Όλοι όμως βρίσκονται στην ίδια βάρκα. Σε περιόδους μεγάλης αλλαγής, μπορείτε να μεγιστοποιήσετε την ευκαιρία καταδύσεων και ιππασίας του πρώτου κύματος.
Βλέπετε άλλες ευκαιρίες για να επωφεληθείτε από την κίνηση προς την κατεύθυνση της απόκρισης του σχεδιασμού;