Είναι σχεδόν ακατανόητο το 2015 να οικοδομήσουμε έναν ιστότοπο που δεν ανταποκρίνεται. Η τεχνική έχει φτάσει στο σημείο που οι περισσότεροι σχεδιαστές δεν λένε πλέον, «ανταποκρινόμενος σχεδιασμός ιστοσελίδων», λέμε, «web design», και σημαίνει ακριβώς το ίδιο πράγμα.

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

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

Η αναγκαιότητα είναι η μητέρα της εφεύρεσης

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

Ο υπεύθυνος σχεδιασμός ιστοσελίδων είναι ο μόνος τρόπος με τον οποίο ο Ιστός παραμένει βιώσιμος

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

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

Ανταπόκριτος σχεδιασμός για φορέματα

Εκτός αν έχετε περάσει το περασμένο έτος σε μια σφραγισμένη κάψουλα (επιχειρώντας να αποδείξετε την καταλληλότητά σας για την αποστολή του Mars One), θα γνωρίζετε ότι η Apple έχει ξεκινήσει μια φορητή συσκευή: το Apple Watch.

Το Apple Watch δεν είναι το πρώτο φορητό, δεν είναι ούτε το πρώτο έξυπνο ρολόι, αλλά είναι η συσκευή της λεκάνης απορροής επειδή το κοινό θα δει το Apple Watch ως το «καλύτερο» φορητό - το iPod δεν ήταν το πρώτο MP3 player, το iPhone είναι όχι το καλύτερο smartphone, αλλά και οι δύο κυριαρχούν στις αγορές τους - χάρη σε μεγάλο βαθμό στο μέγεθος του προϋπολογισμού μάρκετινγκ της Apple.

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

Ακόμη και με την εξάπλωση του σχεδιασμού που ανταποκρίνεται, τα 272pp ως 340px του Apple Watch είναι ανεπαρκή για να εμφανίσουν οτιδήποτε εκτός από μερικές γραμμές κειμένου. Ένας αρχιτέκτονας θα μπορούσε να σχεδιάσει ένα κτίριο που είναι 15 ίντσες υψηλό, αλλά κανείς δεν θα το χρησιμοποιήσει ποτέ, επειδή το ανθρώπινο σώμα είναι ένα σταθερό εύρος μεγέθους. Η Apple δεν είναι η μόνη εταιρεία που αντιμετωπίζει το ζήτημα. Οι φορητές συσκευές Android έχουν ακριβώς το ίδιο μέγεθος που δίνουν ή παίρνουν μερικά pixel και είναι εξίσου ακατάλληλα για την προβολή του Ιστού.

ο Ιστός δεν λειτουργεί σε μια οθόνη με το μέγεθος μιας γραμματοσήμου

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

Τμήματα του Ιστού λειτουργούν με φορητά. Οι εγγενείς εφαρμογές συνδέονται στον Ιστό (ή στο τηλέφωνό σας, ο οποίος συνδέεται στον Ιστό) για την ανάκτηση δεδομένων. Το απλό δεν μπορεί να εμφανίσει πλήρεις ιστοσελίδες.

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

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

Το μέλλον του ανταποκρινόμενου σχεδιασμού

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

Οπως και Ο Jeffrey Zeldman έγραψε λίγες μέρες πριν:

Έχουμε περάσει από αυτό πριν. Είναι η ιστορία του web design. Είναι η ιστορία του ιστού.

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

Η βασική εξέλιξη θα είναι ένα μέσο για την παρουσίαση του περιεχομένου longform σε ένα φορετό. Και στην πραγματικότητα υπάρχει ήδη: η πιο βιώσιμη επιλογή για την παράδοση μεγάλου όγκου δεδομένων σε μια φορητή συσκευή είναι ηχητική.

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

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

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

Προτεινόμενη εικόνα χρησιμοποιεί την εικόνα της συσκευής μέσω Shutterstock.