Ο κύκλος ζωής σχεδιασμού-περιεχομένου
Σχεδιασμός στο διαδίκτυο έχει έρθει πλήρης κύκλος από τις πρώτες ημέρες του.
Υπήρξε μια αναβίωση απλών, υποτιμημένων σχεδίων ιστοτόπων που έβαλαν το περιεχόμενο ευδιάκριτα στο προσκήνιο, αποφεύγοντας τα τολμηρά γραφικά και τεχνάσματα της περασμένης δεκαετίας περίπου, παρόμοια με τον τρόπο που οι πρώτες ιστοσελίδες έδωσαν έμφαση στη λειτουργία και το περιεχόμενο.
Αλλά είναι πιθανό ο ιστός, και ο τρόπος που έχει σχεδιαστεί, θα κινούνται σε κύκλους, όπως κάνουν οι περισσότερες τάσεις. Σε κάποιο σημείο στο εγγύς μέλλον, μπορούμε για άλλη μια φορά να δούμε ιστότοπους με πιο εμφανή "σχέδια", με περιεχόμενο που έσπρωξε την κλίμακα της σημασίας λίγο.
Θα παρατηρήσετε σε όλο αυτό το άρθρο ότι υπάρχουν περιπτώσεις όπου έχω βάλει "σχεδιασμό" σε εισαγωγικά. Φυσικά, όλοι οι ιστότοποι σχεδιάζονται σε ένα ή το άλλο επίπεδο και ο σχεδιασμός δεν σημαίνει μόνο γραφικά.
Τα αποσπάσματα είναι εκεί για να διαφοροποιήσουν μεταξύ των εμφανών, οπτικά κυριαρχούντων σχεδίων και της γενικής πρακτικής του σχεδιασμού.
Στην αρχή…
Στις πρώτες μέρες του Διαδικτύου, υπήρχε ελάχιστος "σχεδιασμός". Ως επί το πλείστον, οι ιστοσελίδες ήταν κείμενο, με ίσως μια εικόνα ή δύο που ρίχνονται μέσα για το καλό μέτρο. Πολλά από αυτά οφείλονται σε όρια εύρους ζώνης και ανησυχίες σχετικά με το χρόνο φόρτωσης (όταν ο καθένας τηλεφωνεί, κάθε byte μετράει). Και πολλά από αυτά ήταν επειδή δεν υπήρχαν πραγματικά πολλές "σχεδιαστικές" λειτουργίες ενσωματωμένες στα πρότυπα ιστού.
Προσθέστε ζητήματα με διαφορετικά προγράμματα περιήγησης που εμφανίζουν τα πράγματα με άκρως διαφορετικούς τρόπους και μπορείτε να δείτε γιατί σχεδόν κανείς δεν ενοχλούσε το σχεδιασμό, πέρα από μερικά στυλ κειμένου. Το περιεχόμενο κυριαρχούσε υπέρτατο (παράλληλα με το περιστασιακό κινούμενο GIF).
Ο ιστός ήταν καινούργιος και οι άνθρωποι προσέγγισαν τον σχεδιασμό εκτύπωσης. Δεν υπήρχαν πολλοί "επαγγελματίες" σχεδιαστές ιστοσελίδων, και υπήρχε η τάση να υπάρχουν περισσότεροι άνθρωποι που σχεδιάζουν για το διαδίκτυο που προέρχονταν από ένα φόντο λογισμικού και όχι από ένα υπόβαθρο σχεδιασμού. Εξαιτίας αυτού, είτε τα οπτικά σχέδια διατηρήθηκαν ελάχιστα, είτε ήταν πραγματικά, πραγματικά κακά.
Θα πρέπει να αναφέρουμε εδώ την επικράτηση του φόντου "νυχτερινής νύχτας" σε πρώιμα σχέδια ιστοτόπων. Του θεωρητικά ότι ο επιπολασμός αυτού του εξωτερικού χώρου στυλ υπόβαθρο οφείλεται στον μεγάλο αριθμό των επιστημονικών φαντασίας και των οπαδών βιντεοπαιχνιδιών που ήταν σε απευθείας σύνδεση από τα πρώτα έως τα μέσα της δεκαετίας του '90. Κάποιες φορές τα υπόβαθρα αυτά αποτελούσαν εικόνες στατικών πλακιδίων, ενώ άλλες φορές είχαν κινούμενο τρεμοπαίζει ή αφρώδη. Και στις δύο περιπτώσεις, ήταν απίστευτα κοινές στις πρώτες ιστοσελίδες.
Το αναβοσβήσιμο κείμενο ήταν μια από τις χειρότερες τάσεις των πρώτων ημερών του σχεδιασμού ιστοσελίδων. Το κείμενο Rainbow (ειδικά το κινούμενο κείμενο που άλλαξε χρώματα σε συνεχή βρόχο) ήταν μια άλλη τάση που εξαφανίστηκε ευτυχώς από επαγγελματικές ιστοσελίδες (αν και μερικές φορές παρατηρείται σε ερασιτέχνες τοποθεσίες, αμέσως φτάνοντας στα μέσα της δεκαετίας του 90, μια νότα νοσταλγίας). Αυτές ήταν οι πρώτες μεγάλες προσπάθειες οπτικού σχεδιασμού στο διαδίκτυο.
Πλαίσια, πίνακες, φλας και η κορυφή του "Design"
Δεν ήταν πολύ καιρό πριν καταλάβουν οι άνθρωποι ότι θα μπορούσαν να διαμορφώσουν τις ιστοσελίδες τους χρησιμοποιώντας πίνακες HTML. Ενώ αυτό έκανε πολλά για να προωθήσει τον κόσμο του σχεδιασμού ιστοσελίδων, είχε επίσης ως αποτέλεσμα μερικά πραγματικά φρικτά σχέδια ιστοσελίδας. Προστέθηκε επίσης στο μέγεθος των ιστότοπων και να φορτώσει τους χρόνους, καθώς απαιτούσαν πολλαπλές εικόνες φόντου για τη δημιουργία του σχεδίου στις περισσότερες περιπτώσεις.
Τα καρέ ήταν ένας άλλος τρόπος με τον οποίο πολλοί δημιουργοί ιστοτόπων μορφοποίησαν το περιεχόμενό τους. Ένα πλαίσιο θα περιέχει στοιχεία πλοήγησης, ενώ ένα άλλο θα κρατά το κύριο περιεχόμενο. Το πλαίσιο πλοήγησης θα παραμείνει στατικό καθώς φορτώνεται νέο περιεχόμενο. Τα πλαίσια χρησιμοποιήθηκαν επίσης για την προβολή συνδέσεων εκτός του χώρου ενώ εξακολουθούσε να διατηρείται η κεφαλίδα του αρχικού ιστότοπου ή άλλες πληροφορίες (η τεχνική αυτή χρησιμοποιείται ακόμα από αρκετές τοποθεσίες σήμερα, κυρίως Σχετικά με το ).
Το Flash κυκλοφόρησε επίσης γύρω από την ίδια εποχή και χρησιμοποιήθηκε για να δημιουργήσει πλήρως διαδραστικές, κινούμενες ιστοσελίδες. Οι χρόνοι φόρτωσης για τοποθεσίες Flash ήταν μεγαλύτεροι σε πολλές περιπτώσεις, αλλά καθώς το ευρυζωνικό Διαδίκτυο έγινε πιο συνηθισμένο, οι χρόνοι φόρτωσης έγιναν λιγότερο σημαντικοί.
Το διαδίκτυο εκείνη την εποχή κυριαρχείται από το "σχέδιο". Το περιεχόμενο, σε πολλές (περισσότερες) περιπτώσεις, πήρε ένα πίσω κάθισμα σε οπτικό στυλ. Οι σχεδιαστές (επαγγελματίες και χομπίστες) ήθελαν να επιδείξουν τις δεξιότητές τους στο σχεδιασμό, καθώς και το περιεχόμενο και η χρηστικότητα που υπέστησαν. Αλλά ο ιστός ήταν ακόμα σχετικά νέος και δεν ήταν μέρος της καθημερινής ζωής για δισεκατομμύρια ανθρώπους, όπως συμβαίνει τώρα.
Η αρχιτεκτονική και η χρηστικότητα της πληροφορίας ήταν ακόμα στις πρώτες μέρες τους στο διαδίκτυο και αγνοήθηκαν σε μεγάλο βαθμό από πολλούς σχεδιαστές. Οι καμπάνες και οι σφυρίχτρες ήταν η κύρια εστίαση, ανεξάρτητα από το αν στην πραγματικότητα βελτίωσαν την εμπειρία των χρηστών.
Web 2.0: Εξισορρόπηση περιεχομένου και σχεδιασμού
Με την εμφάνιση του Web 2.0, των blogs και του περιεχομένου που δημιουργεί ο χρήστης, το περιεχόμενο άρχισε να γίνεται πιο σημαντικό. Ο τολμηρός σχεδιασμός ήταν ακόμα σημαντικός και εξακολουθούσε να σκεφτόταν και σε ορισμένες περιπτώσεις εξακολουθούσε να υπερισχύει του περιεχομένου που εμφανίζεται.
Το Squidoo είναι ένα εξαιρετικό παράδειγμα στυλ σχεδίασης κοινών στην εποχή του Web 2.0.
Υπήρχαν μερικές τοποθεσίες κατά τη διάρκεια αυτής της περιόδου που έβαλαν την εστίαση πιο συγκεκριμένα στο περιεχόμενο (Wikipedia θα ήταν πιθανώς το πιο σημαντικό από αυτά), αλλά ο ανοικτός σχεδιασμός εξακολουθεί να διαδραματίζει σημαντικό ρόλο στα περισσότερα.
Το Web 2.0 μπορεί να πιστωθεί με έμφαση στο περιεχόμενο και τελικά να δώσει λειτουργία τουλάχιστον εξίσου σημαντική με τη μορφή. Οι περισσότερες τοποθεσίες Web 2.0 ήταν σχετικά φιλικές προς το χρήστη και έδωσαν έμφαση στην εμπειρία των χρηστών. Εξακολουθεί να επικεντρώνεται σε στοιχεία σχεδίασης και γραφικά, αλλά γενικά όχι εις βάρος του περιεχομένου και της χρηστικότητας του ιστότοπου.
MySpace Design
Ίσως το χειρότερο πράγμα που θα βγει από την εποχή Web 2.0 είναι αυτό που θα κάνω να ονομάσω "MySpace design". Glitter γραφικά. Rainbows και μονόκεροι. Φρικαίοι, δυσανάγνωστοι συνδυασμοί χρωμάτων. Σελίδες με κινούμενα πάντα. Και όλες οι γεννήτριες που επέτρεψαν στους ανθρώπους χωρίς σχεδιαστικό υπόβαθρο και χωρίς γνώση HTML ή CSS να δημιουργούν σελίδες προφίλ που ήταν πιο φρικτές από οποιοδήποτε ερασιτεχνικό "σχέδιο" που δημιουργήθηκε ποτέ στις πρώτες μέρες του ιστού. Και για να προσθέσετε προσβολή σε τραυματισμό, γράφτηκαν ως επί το πλείστον σε κακή μορφοποίηση HTML και CSS.
Ευτυχώς, αυτά τα είδη των υπερβολικά υπερβολικών και υπερβολικά φουσκωμένων τοποθεσιών και σελίδων έχουν μειωθεί ως επί το πλείστον από το δρόμο. Βέβαια, εξακολουθούν να εμφανίζονται συχνά στα προφίλ του MySpace των κοριτσιών ηλικίας 14 ετών (μεταξύ πολλών άλλων δημογραφικών στοιχείων), αλλά ευτυχώς δεν διατέθηκαν πολύ στον γενικό ιστό. Με την εξαίρεση του Κατακράτηση , φυσικά.
Το Focus επιστρέφει στο περιεχόμενο
Τα τελευταία δύο χρόνια, υπήρξε αναβίωση σε απλά, καθαρά σχέδια. Ακόμη και τα σχέδια που θα θεωρούνταν "grungy" ή "Web 2.0" - συχνά έχουν απλότητα γι 'αυτά. Η εστίαση τίθεται ξανά πίσω στο περιεχόμενο.
Το Frieze Magazine έχει πολύ καθαρό και απλό σχεδιασμό, με έμφαση στο περιεχόμενο.
Ένας από τους λόγους που οδηγούν αυτή την τάση είναι ο αριθμός των ανθρώπων που περιηγούνται στο διαδίκτυο σε έξυπνα τηλέφωνα. Οι χρήστες που πραγματοποιούν περιήγηση από ένα iPhone ή άλλο ευφυές τηλέφωνο μεγάλης οθόνης δεν θέλουν κατ 'ανάγκη να δουν έναν ιστότοπο για κινητά. Αλλά η περιήγηση σε ένα site που είναι υπερβολικά περίπλοκο είναι μια αγγαρεία σε μια μικρή οθόνη.
Το τυπογραφικό είναι ένα άλλο πολύ καλό παράδειγμα ενός ιστότοπου που δίνει το κέντρο του περιεχομένου.
Αυτά τα νέα σχέδια προσφέρουν περιεχόμενο ενώ απρόσμενα εξαφανίζονται στο παρασκήνιο. Κάνουν εύκολο στους επισκέπτες να περιηγηθούν και να βρουν αυτό που ψάχνουν και να ενισχύσουν τη συνολική εμπειρία. Αλλά δεν είναι προφανείς ή επιδεικτικές και οι περισσότεροι άνθρωποι δεν τις παρατηρούν συνειδητά. Πρόκειται για μια τεράστια απόκλιση από τα σχέδια που έχουν εμφανιστεί από τα τέλη της δεκαετίας του '90.
Περιεχόμενο vs. Στυλ
Πολύ συχνά, οι σχεδιαστές και ειδικά οι πελάτες τους εξετάζουν χωριστά το περιεχόμενο και το στυλ (ή το σχεδιασμό). Θεωρούν τα δύο ως ξεχωριστές οντότητες που πρέπει κάπως να γίνουν για να συνεργαστούν. Ή τουλάχιστον συνυπάρχουν στον ίδιο χώρο.
Αυτός είναι ο λάθος τρόπος προσέγγισης ενός έργου. Το περιεχόμενό σας πρέπει να βελτιωθεί από το οπτικό στυλ του ιστότοπού σας. Και τα οπτικά στοιχεία θα πρέπει να δημιουργηθούν για να υποστηρίξουν το περιεχόμενο και να το καταστήσουν πιο εύχρηστο για τους επισκέπτες σας. Η αντιμετώπιση του περιεχομένου και του σχεδιασμού ως δύο ξεχωριστά πράγματα οδηγεί σε ένα τελικό προϊόν που συχνά λείπει.
Κοιτάξτε το περιεχόμενο που πρέπει να ενσωματώσει ο ιστότοπός σας και σκεφτείτε πώς να παρουσιάσετε καλύτερα το περιεχόμενο στο σχεδιασμό. Η υιοθέτηση μιας ολιστικής προσέγγισης είναι πιο πιθανό να οδηγήσει σε ένα σχέδιο που παρέχει αβίαστα περιεχόμενο, χωρίς να τραβήξει την προσοχή στον εαυτό του.
Η κυκλική φύση του σχεδιασμού
Ενώ ο σχεδιασμός εξελίσσεται συνεχώς, κινείται και σε αρκετά τακτικούς κύκλους. Έχουμε έρθει πλήρης κύκλος από τις πρώτες ημέρες του σχεδιασμού ιστοσελίδων όπου το περιεχόμενο είναι το επίκεντρο των ιστοτόπων. Και όμως, έχουμε μεγαλώσει τόσο πολύ από τις πρώτες μέρες του διαδικτύου που κανένας δεν θα μπερδέψει έναν καλά σχεδιασμένο ιστότοπο από το 2010 με έναν σχεδιασμένο το 1995.
Ουσιαστική, κυρίαρχη οπτική σχεδίαση θα κάνει πιθανότατα μια επιστροφή τα επόμενα χρόνια, αλλά είναι πιθανό ότι θα έχει εξελιχθεί και βελτιωθεί στο σημείο που δεν είναι πλέον επιζήμια για την εμπειρία του χρήστη.
Με την επικράτηση του βίντεο και άλλων μη κειμένων περιεχομένου σε συνδυασμό με τις νέες δυνατότητες που παρουσιάζονται από το CSS3 και το HTML5, έχει νόημα μόνο ότι τα γραφικά θα πάρουν και πάλι το κεντρικό στάδιο.
Γράφτηκε αποκλειστικά για WDD από Κάμερον Τσάπμαν
Πώς βλέπετε τη σχέση μεταξύ σχεδίου και περιεχομένου και των κύκλων ζωής που παρουσιάζονται σε αυτή τη θέση; Υποβάλετε τις απόψεις σας παρακάτω ...