Είναι η εποχή του χρόνου, όταν κάθε blogger στο διαδίκτυο βγάζει μια κρυστάλλινη σφαίρα, ξεσκονίζει τις κάρτες ταρώ και ξοδεύει τις ώρες να κοιτάζει έντονα σε κύπελλα τσαγιού σε μια προσπάθεια να προβλέψει τις τάσεις για το επόμενο έτος.
Οι λίστες που προκύπτουν συνήθως κυμαίνονται στην αληθοφάνεια από το απολύτως βέβαιο (η Apple θα απελευθερώσει μια νέα συσκευή) στο εντελώς αβέβαιο (θα είναι μια τηλεόραση).
Η αλήθεια είναι ότι είναι εξαιρετικά σπάνιο για κάθε τάση να φτάνει από το μπλε. Αν κοιτάξετε προσεκτικά, θα δείτε τις ρίζες κάθε σημαντικής τάσης στο επόμενο έτος να αρχίσει να αναπτύσσεται το 2013 (ή νωρίτερα). Αν και είναι πιθανό να γίνει δημοφιλής μια πραγματικά επαναστατική έννοια, είναι πολύ πιο πιθανό το 2014 να είναι ένα έτος μικρών αυξητικών κερδών, εμπνευσμένων από, ή ως απάντηση σε, σταθερή τεχνολογική ανάπτυξη.
Το μέλλον του σχεδιασμού ιστοσελίδων είναι ήδη εμφανές, απλά πρέπει να κοιτάξουμε πίσω μας για να το δούμε. Εδώ είναι 7 προβλέψεις για το 2014 που αποδεικνύονται ήδη αληθινές και πώς μπορείτε να τους επιβιώσετε.
Η ψευδο-τάξη hover στο CSS είναι μία από τις πιο πρωτότυπες σχεδιαστικές έννοιες στο Web. Σε στενή σχέση με το δρομέα, δείχνει πότε ένα άτομο σκέφτεται να κάνει κλικ σε ένα στοιχείο και τα ενθαρρύνει να το κάνει. Ωστόσο, καθώς οι συσκευές που δεν διαθέτουν δρομέα συνεχίζουν να πλημμυρίζουν την αγορά, η χρησιμότητα του : hover είναι όλο και πιο αμφισβητήσιμη.
Πρόσφατα, συνάντησα μια συζήτηση στην οποία ένας σχεδιαστής ισχυρίστηκε ότι η χρήση του: hover ήταν στην πραγματικότητα κακή πρακτική, καθώς ενθάρρυνε τους σχεδιαστές της UX να σκέφτονται με όρους που οι περισσότεροι τελικοί χρήστες δεν θα βιώσουν (δηλαδή πλοήγηση με έναν δρομέα). Σίγουρα, τα ενδιαφέροντα φαινόμενα αιώρησης αυξάνονται ολοένα και λιγότερο στις νέες τοποθεσίες.
Συμβουλή επιβίωσης: Ενώ είναι αλήθεια ότι οι χρήστες κινητών θα ξεπεράσουν πιθανώς τους χρήστες υπολογιστών γραφείου κατά τους επόμενους 12 μήνες, το ποσοστό των χρηστών της επιφάνειας εργασίας θα εξακολουθεί να είναι διπλάσιο. Σχεδιάσαμε για πλατφόρμες, για παράδειγμα IE7, με πολύ μικρότερο μερίδιο αγοράς. Το Mobile-πρώτα δεν σημαίνει desktop-ποτέ, και : το hover υποβαθμίζεται χαριτωμένα. Έτσι, για μένα ,: το hover εξακολουθεί να έχει μια υποδοχή στην εργαλειοθήκη. απλά δεν είναι κρίσιμη για την αποστολή.
Όταν έφτασε για πρώτη φορά στη σκηνή, το jQuery ήταν μια αποκάλυψη. Είμαι ακόμα απόλυτα έκπληκτος από το πόσο απλό είναι να χειριζόμαστε τα στοιχεία του DOM σε κίνηση, και όχι μόνο σε ένα πρόγραμμα περιήγησης, αλλά σε όλα αυτά!
Το jQuery είναι δικαιολογημένα μια από τις πιο δημοφιλείς βιβλιοθήκες όλων των εποχών και για πολλούς ανθρώπους έχει γίνει συνώνυμο με το JavaScript, με τοποθεσίες που είναι ενσωματωμένες σε "HTML, CSS και jQuery".
Ωστόσο, το jQuery δεν είναι χωρίς τους κριτικούς του και οι φωνές της διαφωνίας αυξήθηκαν όλο και πιο δυνατά σε όλη τη διάρκεια του 2013. Η κύρια αντίρρηση στο jQuery είναι ότι είναι μεγάλη. Παρόλο που η έκδοση 2.0 έχασε υποστήριξη για IE 6, 7 και 8, είναι ακόμα ένα μεγάλο αρχείο για φόρτωση? ειδικά σε κινητές περιοχές. Το επιπλέον αίτημα http και το επιπλέον kb είναι μια μεγάλη τιμή για να πληρώσετε για κάτι απλό, όπως μια αδιαφάνεια.
Όλο και περισσότεροι άνθρωποι συνειδητοποιούν ότι η βανίλια JavaScript είναι ταχύτερη και πιο αποτελεσματική, για οτιδήποτε άλλο εκτός από μεγάλα ποσά χειρισμού DOM (όταν το jQuery κάνει πραγματικά excel).
Είναι απίθανο ότι το jQuery θα εξαφανιστεί οποτεδήποτε σύντομα - είναι πάρα πολύ καλή βιβλιοθήκη γι 'αυτό - αλλά η κυριαρχία της αγοράς που απολαμβάνει τα τελευταία δύο ή τρία χρόνια αρχίζει να γλιστράει.
Συμβουλή επιβίωσης: Περάστε λίγο χρόνο να γνωρίσετε τη γλώσσα πίσω από το jQuery. μάθετε πώς λειτουργεί το document.getElementById () . Μπορείτε να εκπλαγείτε με πόσα βανίλια JavaScript έχετε καταλάβει και η ικανότητά σας να χρησιμοποιείτε το jQuery θα βελτιωθεί επίσης.
Τόσο μεγάλο μέρος του τοπίου σχεδιασμού ιστοσελίδων αποτελείται από τις αντιλήψεις, τις μανίες και τις προκαταλήψεις των web designers? ο κινητός ιστός ήταν καταδικασμένος την ημέρα που κάποιος το πρότεινε ως εναλλακτική λύση για την ανταποκρινόμενη σχεδίαση.
Ο κινητός ιστός είναι οποιοσδήποτε ιστότοπος που έχει σχεδιαστεί για να λειτουργεί αποκλειστικά σε μια κινητή συσκευή, συνήθως ένα smartphone, που συνήθως εκτελείται παράλληλα με έναν επιτραπέζιο ιστότοπο. Με άλλα λόγια, δύο ιστοσελίδες. Μπορείτε επίσης να κρεμάσετε μια πινακίδα "Καλύτερη προβολή σε οθόνη 1024 x 768" στην αρχική σας σελίδα.
Φυσικά, υπάρχουν καλά επιχειρήματα για τη λειτουργία πολλών τοποθεσιών για κάποιες επιχειρήσεις, κυρίως επειδή η χρήση μας ποικίλλει - το κλασικό παράδειγμα είναι ένας χώρος εστιατορίου, όπου οι χρήστες επιφάνειας εργασίας πιθανώς θέλουν να δουν το μενού και οι χρήστες κινητών τηλεφώνων πιθανόν να θέλουν οδηγίες επιχείρηση. Αλλά όλα αυτά έχουν χαθεί στην τρελή βιασύνη για να αγκαλιάσουν τη νοημοσύνη του σχεδιασμού που ανταποκρίνεται σε όλους, ειδικά επειδή οι πραγματικές καταστάσεις που δικαιολογούν πολλαπλές τοποθεσίες είναι λίγες και πολύ κοντά.
Συμβουλή επιβίωσης: Εξετάστε το ενδεχόμενο να αναπτύξετε πολλαπλούς ιστότοπους εάν υπάρχει ένας καλός λόγος να πιστεύετε ότι οι χρήστες θα επωφεληθούν από διαφορετικό περιεχόμενο σε διαφορετικές συσκευές, αλλά θα τους αντιμετωπίσουν ως μικρο-τοποθεσίες. Και βεβαίως, βεβαιωθείτε ότι οποιοσδήποτε ιστότοπος που δημιουργείτε ανταποκρίνεται (η ποικιλία των μεγεθών οθόνης για κινητά θα συνεχίσει να αυξάνεται φέτος).
Όταν το Flash έλαβε μια βουτιά από τη μύτη, χρειάστηκε όχι μόνο την ανυπέρβλητη θέση της Adobe στην αγορά, αλλά και τη μόδα για κάτι που μοιάζει με Flash.
Οι πελάτες, που δεν είναι σίγουροι για το τι ήταν κακό στο Flash, απέρριψαν κάτι Flash, flash ή φανταχτερό. Ακολούθησαν μερικά σύντομα χρόνια συγκράτησης, με τους σχεδιαστές να αγκαλιάζουν τον ελάχιστο σχεδιασμό και τους πελάτες να αγκαλιάζουν μικρότερα τιμολόγια.
Ήταν πολύ νωρίς το 2013, όταν τα πράγματα άρχισαν να αλλάζουν, και η αυξανόμενη αγάπη για εικόνες πλήρους οθόνης, animation κειμένου, μεταβάσεις σελίδων, τοποθεσίες μιας σελίδας συνέχισε να αυξάνεται με ρυθμό.
Η απίστευτα χαμηλή ποιότητα των πολυμέσων HTML5 που έχουν οριστεί για τα εμπλουτισμένα μέσα μέσα σε μερικά χρόνια, αλλά το 2014 θα είναι το έτος που αλλάζει.
Συμβουλή επιβίωσης: Κάνετε το σύνθημά σας "Ακριβώς επειδή μπορώ, δεν σημαίνει ότι πρέπει." Μάθετε από τα λάθη του παρελθόντος χρησιμοποιώντας τα πλούσια μέσα μαζικής ενημέρωσης με τρόπους που ενισχύουν τα έργα και πάντα εστιάζουν στη διατήρηση των χρόνων φόρτωσης κάτω.
Το παλιό έπαθλο ότι «το περιεχόμενο είναι βασιλιά» δικαιολογείται από την κατάταξη της Google, τα βασικά σχεδιασμού και τις προτεραιότητες των πελατών.
Ωστόσο, η ατελείωτη πορεία του CMS, όπως το WordPress, το SquareSpace, το Webydo και το Drupal, σημαίνει ότι οι σχεδιαστές ολοένα και περισσότερο σχεδιάζονται όχι μόνο για περιεχόμενο που δεν έχουν, αλλά για περιεχόμενο που θα αλλάζει σε τακτική βάση.
Το περιεχόμενο συχνά ολοκληρώνεται πολλούς μήνες μετά την μετακίνηση του γραφείου σχεδιασμού ιστοσελίδων σε νέους βοσκότοπους και παρόλο που αυτό μπορεί να είναι κακό μόνο για το σχεδιασμό, τα καλά νέα είναι ότι οι πελάτες κατανοούν ολοένα και περισσότερο το Web ως συνεχιζόμενο έργο, τακτική συντήρηση και επαγγελματική διαχείριση.
Συμβουλή επιβίωσης: Με περιεχόμενο σε κατάσταση μόνιμης ροής, ο νέος μονάρχης είναι το εμπορικό σήμα. Όχι μόνο οπτική μάρκα, αλλά τόνος φωνής, στυλ, γλώσσας και ποιότητας. Να είστε ευέλικτοι με την προσέγγισή σας και να εστιάζετε στο σχεδιασμό συστημάτων, όχι σε σταθερές σελίδες. Οι ιστότοποι πρέπει τώρα να σχεδιαστούν με ευαισθησία, όχι μόνο για μια ποικιλία συσκευών, αλλά για ένα ευρύ φάσμα περιεχομένου.
Αλλάζοντας τον αλγόριθμό της την Παρασκευή το βράδυ φαίνεται να είναι κάτι που η ομάδα στο Mountainview κάνει όποτε νομίζουν ότι είναι οι μόνοι που δουλεύουν το Σαββατοκύριακο. Πολλοί σχεδιαστές ιστοσελίδων έχουν έρθει στο γραφείο τους το πρωί της Δευτέρας για να ανακαλύψουν αναφορές των ιστότοπων των πελατών, που προηγουμένως ήταν στο # 1 στο Google, χρονολογώντας στη σελίδα 8357 του 8358. Είναι ένα θαύμα που η Google δεν έχει ακόμη ονομάσει μια ενημέρωση «Hyena».
Δεν υπάρχει λόγος να πιστεύουμε ότι το 2014 θα είναι διαφορετικό από το 2013 ή το 2012 σε αυτό το μέτωπο.
Συμβουλή επιβίωσης: Το Google συνεχίζει να συμβουλεύει το ίδιο πράγμα: Γράψτε καλό αρχικό περιεχόμενο που απευθύνεται σε ανθρώπους όχι σε bots. Εάν έχετε αποφύγει μια σφαίρα μέχρι στιγμής, μην νομίζετε ότι θα συνεχίσετε να είστε τυχεροί. Τώρα είναι η ώρα να εξασφαλίσετε ότι το SEO σας είναι εντελώς λευκό καπέλο. Τα μεγάλα νέα φέτος είναι η τοπική SEO, ώστε να εστιάσετε το περιεχόμενό σας σε αυτό το μέτωπο.
Έχω προβλέψει ότι το SVG θα απογειωθεί για χρόνια και συνεχώς αποδείχτηκα λάθος. Όμως, το 2014 θα είναι η χρονιά του SVG, όλα κάτω από την αγάπη μας για εικόνες.
Τους τελευταίους 12 μήνες το Διαδίκτυο έχει όλο και περισσότερο πολιορκηθεί από εικόνες. Όπου βασίλευε κανείς ένα κείμενο, έχουμε τώρα εικονίδια. Ακόμη και το χρήσιμο μικρό "μενού" για την ένδειξη πλοήγησης στις οθόνες κινητής τηλεφωνίας έχει αντικατασταθεί από ένα σκοτεινό εικονίδιο χάμπουργκερ που καταλαμβάνει ακριβώς το ίδιο διάστημα και είναι λιγότερο διαφανές.
Ναι, είναι δυνατή η χρήση γραμματοσειρών εικονιδίων, αλλά γιατί θα κάνατε, όταν ένα μικρό ποσό κώδικα παρέχει τα ίδια αποτελέσματα χωρίς να χρειαστεί να φορτώσετε ένα ογκώδες αρχείο γραμματοσειράς εικονιδίων;
Το SVG επιλύει επίσης το ζήτημα της αποκρινόμενης εικόνας. είναι αλήθεια ότι οι εικόνες που ταιριάζουν σε μια διανυσματική μορφή είναι πιο περιορισμένες από το bitmap, αλλά η δημοτικότητα του επίπεδου σχεδίου και της μόδας για απλές απεικονίσεις χρωμάτων σε μπλοκ δημιουργούν το τέλειο περιβάλλον για να δημιουργηθεί και να αναπτυχθεί το SVG το 2014.
Συμβουλή επιβίωσης: Δοκιμάστε να εξάγετε κάποια αρχεία SVG από μια εφαρμογή σχεδίασης και στη συνέχεια να ρίξετε μια ματιά στον κώδικα. Είναι υπέροχο ότι υπάρχουν εφαρμογές εικόνας που θα δημιουργήσουν το SVG για εσάς, αλλά ένας πραγματικός κύριος καταλαβαίνει τα εργαλεία του / της. μάθετε να χειρίζεστε τον κώδικα SVG και θα αποκομίζετε τα οφέλη όλο το 2014 και καλά στο μέλλον.
Τι τάσεις βλέπετε να αναπτύσσονται το 2014; Πιστεύετε ότι κάτι επαναστατικό θα συμβεί; Ας γνωρίσουμε τις σκέψεις σας στα σχόλια.
Προτεινόμενη εικόνα / μικρογραφία, εικόνα πρόβλεψης μέσω Shutterstock.