Ένας οδηγός για το δημιουργικό σχεδιασμό ιστοσελίδων (όχι έτσι)
Ο αισιόδοξος σχεδιασμός έχει κάποια σαφή buzz αργά και με καλό λόγο. Υποσχέθηκε να απλοποιήσει το όλο και πιο περίπλοκο καθήκον της προσαρμογής των ιστοτόπων για τον πολλαπλασιασμό των αμέτρητων νέων συσκευών κατά τα λεπτά.
Με την εξέταση κάποιων κοινών μεταβλητών όπως το μέγεθος της οθόνης, η προσαρμογή ενός ιστοτόπου στις ιδιαίτερες ανάγκες των επισκεπτών του γίνεται θέμα μερικών έξυπνο σχεδιασμό CSS και Javascript παρά τον λεπτομερή σχεδιασμό πολλών παράλληλων τοποθεσιών. Για όσους αντιμετωπίζουν το ναυτιλιακό πεδίο συντονισμού πολλαπλών τοποθεσιών συντονισμού, η ανταπόκριση του σχεδιασμού είναι, για να το θέσω ήπια, πολύ καλό πράγμα.
Όπως ίσως γνωρίζετε, η ίδια η ιδέα δανείζεται πραγματικά από την αρχιτεκτονική, μια άλλη πειθαρχία που επικεντρώνεται στη σχέση μεταξύ ανθρώπων και δημιουργημένων περιβαλλόντων. Το crossover έχει νόημα.
Σύμφωνα με το βιβλίο του Steven Johnson «Από ποιες καλές ιδέες προέρχονται από το 2011», αυτό το είδος εννοιολογικής διασταυρούμενης γονιμοποίησης είναι υπεύθυνο για πολλές σημαντικές ανακαλύψεις σε όλη την ιστορία της σκέψης και της εφευρέσεως. Αυτή η ιδέα μου έδωσε μια ιδέα. Παρόλο που έχω σχεδιάσει επιπόλαια ιστοσελίδες για όσο χρονικό διάστημα το Internet ήταν γύρω, μέχρι περίπου έξι μήνες πριν, οι περισσότεροι θα είχαν σκεφτεί για μένα κυρίως ως αγγλικός καθηγητής. Μια πρόσφατη μετατόπιση της σταδιοδρομίας στον προγραμματιστή / σχεδιαστή πλήρους απασχόλησης, σε συνδυασμό με το ιστορικό μου στις λογοτεχνικές σπουδές, μου έδωσε μια μοναδική και ίσως περίεργη προοπτική στον κόσμο του σχεδιασμού.
Τώρα θα ήθελα να μπορώ να σταματήσω εδώ για να εκτοξεύσω τους κωλοπαθείς κωλοπαγίδες που ορκίστηκα ότι δεν είχα ξαναβρεθεί σε ένα πανεπιστήμιο ξανά, γιατί αυτό θα ήταν τόσο κακό, αλλά το γεγονός είναι ότι έφυγα πραγματικά με σκοπό και με καλούς όρους. Το έκανα για να διερευνήσω τη σχέση τεχνολογίας και πολιτισμού, κάτι που με γοητεύει τουλάχιστον από τότε που κάθισα για πρώτη φορά και έπαιξα το King's Quest II το 1986. Όταν μου ζητήθηκε να γράψω αυτό το άρθρο, πήρα να σκεφτώ την παραγωγική διασταύρωση, γονιμοποίηση μεταξύ σχεδίου και αρχιτεκτονικής. Αναρωτήθηκα ποια - αν υπάρχουν - έννοιες από λογοτεχνικές μελέτες θα μπορούσαν να εφαρμοστούν με χρήσιμο τρόπο στο σχεδιασμό ιστοσελίδων.
Μετά από μερικές σκέψεις, έχω καταρτίσει έναν κατάλογο έξι δυνατοτήτων. Αυτά αντιπροσωπεύουν μόνο ένα πρώτο πέρασμα στην ερώτηση, αλλά ελπίζω ότι μπορούν τουλάχιστον να είναι υποδηλωτικά και ίσως προκλητικά. Στους λογοτεχνικούς λόγους, κάνω μια μικρή εκτίμηση . Σχετικά με τις έννοιες ...
1. Μεταφορά
Αυτό είναι σχεδόν προφανές, αλλά το τελευταίο έλεγξα ότι η μετάφραση εξακολουθεί να είναι σε μεγάλο βαθμό η εμπειρία των αγγλικών καθηγητών. Φροντίστε τον εαυτό σας για ένα από αυτά τα ενοχλητικά ζευγάρια που λέει πάντα για το επάγγελμά τους: το πιστεύετε ή όχι, ο ιστός είναι όλα μεταφορικά! Εγκαυμα! (Οχι δεν είναι πραγματικά). Η μεταφορά (σύγκριση με δύο στοιχεία που φαίνεται ότι δεν έχουν σχέση) είναι το βασικό (και μερικά θα λέγαμε μόνο) παράδειγμα που χρησιμοποιούμε για την επεξεργασία νέων τεχνικών μέσων.
Η ιδέα ενός συνδέσμου είναι μια μεταφορά - θα μπορούσε εξίσου εύκολα να ονομαστεί ένας κόμβος μεταφοράς IP, αλλά αυτό θα απαιτούσε πολύ χρόνο από τον μέσο μη τεχνικό χρήστη για κατανόηση. Όταν ο Tim Berners-Lee προσπαθούσε να αντιληφθεί το Ίντερνετ, διερεύνησε τις μεταφορές των ορυχείων και των ματιών. Το Διαδίκτυο, τα Windows, Tweets, Digg, Facebook, Canvas - όλα αυτά είναι μεταφορές (και το Reddit είναι μια λέξη).
Εδώ είναι πραγματικά το κύριο πράγμα που πρέπει να απομακρύνεται από αυτό: η συνειδητοποίηση των μεταφορών ενός ατόμου είναι μια μεγάλη διαδρομή για επιτυχημένο σχεδιασμό. Το μυστικό πολλών γνωστών ιστοτόπων είναι ότι έχουν πλήρη επίγνωση των μεταφορών που χρησιμοποιούν: τραβούν τις ιδέες κάτω από τον αιθέρα του κώδικα (με ενδιαφέρον, τουλάχιστον για μένα, το σημείο σύγκρισης σε μια μεταφορά είναι στην πραγματικότητα ονομάζεται "έδαφος"). Οι μεταφορές απευθύνονται στις οπτικές και απτικές αισθήσεις των ανθρώπων και αυτό τους καθιστά πολύ πιο εύκολο να θυμόμαστε, ειδικά επειδή ζούμε με ολοένα και πιο οπτικές και απτικές τεχνολογίες.
Για να καταστήσετε τη λέξη πιό εύγευστη στο εκτελεστικό αυτί (tsk, tsk), θα μπορούσατε να την εισαγάγετε ως "οπτική συνοχή" ή "απτική συνέπεια". Θα το έτρωγαν σαν το πρωινό ενός σκύλου (oops, simile).
2. Υπογραφή
Όταν χρησιμοποίησα για να διδάξω τα μαθήματα σύνθεσης πρώτου έτους, η υπογραφή ήταν η πιο σημαντική έννοια που δούλευα στην επικοινωνία. Δεν σημαίνει μόνο να βάλεις τον John Hancock στο κατώτατο σημείο. Αναφέρεται στο μοναδικό ίχνος του ατόμου που αιχμαλωτίζει μέσα από τις λέξεις και τις ιδέες. Στενά συνδεδεμένη είναι η ιδέα της φωνής: η ζωτική, μοναδική δύναμη που μιλάει μέσα από ένα συγκεκριμένο έργο.
Οι βέλτιστες πρακτικές μπορούν να σας κάνουν πολύ δρόμο, αλλά ο καλός σχεδιασμός έχει συνήθως μια σαφή υπογραφή και μια φωνή και, πάλι, οι καλύτεροι κωδικοποιητές είναι εκείνοι που έχουν επίγνωση του μοναδικού στυλ τους. Παρόλο που ένας πελάτης μπορεί να φανεί να μην απολαμβάνει τίποτα περισσότερο από τη σκέψη να καταστρέφει εντελώς την υπογραφή σας, θα περάσει μέσα από τα πάντα, από το χρώμα του ουρανίσκου μέχρι τη γραμματοσειρά και τη διαμόρφωση σε λύσεις cross-browser (και, ναι, ακόμη και η ιδιαίτερη εφαρμογή του αποκρίσιμου σχεδιασμού). Δεν είναι ακριβώς το ίδιο πράγμα με το εμπορικό σήμα, γιατί είναι πάντα σιωπηλό και όχι ρητό. Για να αναζητήσετε τα ίχνη του, σκεφτείτε πώς θα επανασχεδιάζετε το Google ή το Facebook.
Αν αυτό είναι λίγο υπερβολικά αφηρημένο, μπορείτε πάντα να δείτε πώς τα λέξεις "υποκείμενο σχεδίασης" ή "υπο-θέμα" ή "σιωπηρό σχήμα" ή "υποκάλυψη" κυλούν από τη γλώσσα σας.
3. Διώξτε τον Κύκλο
Εντάξει, αυτό δεν είναι αυστηρά από μια αγγλική τάξη. Το έκλεψα πραγματικά ένα επεισόδιο του The Show με τον Ze Frank, αλλά το έκανα συχνά σε μαθήματα σχετικά με τον τρόπο γραφής των εγγράφων A +. Τα πιο λαμπρά χαρτιά είναι εκείνα που όχι μόνο εντοπίζουν τους τρέχοντες τρόπους σκέψης αλλά και τους κάνουν ένα βήμα πιο πέρα.
Παρόλο που εξακολουθώ να είμαι ερωτευμένος με τις κυρτές χαρές της ιδιότητας του CSS3 "border-radius", για παράδειγμα, παρατήρησα ότι η νέα κυκλοφορία του Twitter έκανε πραγματικά στρογγυλεμένες γωνίες σε ένα κλιμακωτό, τεντωμένο, 3px είδος τρόπο. Σε αυτές τις γραμμές, πολύ λίγοι σχεδιαστές έχουν εξερευνήσει τις δυνατότητες για ασύμμετρες καμπύλες με έναν αποτελεσματικό τρόπο (κάποιος να πάρει σε αυτό!).
Το αληθινό δημιουργικό ταλέντο έγκειται στην ικανότητα να εντοπίζει και να εκραγεί ένα κλισέ - να μετατοπίζει την τελευταία στιγμή μακριά από το δημιουργικό αδιέξοδο. Αν απλά αντιγράφετε τι υπάρχει εκεί, τότε έχετε ήδη πεθάνει. Οι άνθρωποι που σχεδίασαν τις τρέχουσες ζεστές τοποθεσίες εργάζονται ήδη στην επόμενη φάση τους.
Υπάρχει μόνο μία μέθοδος σίγουρης πυρκαγιάς για την επισήμανση των κλισέ και την κατάρρευση του κύκλου: έρευνα. Πριν να στενάζετε και να κακοποιείτε με αγωνία, απλά σταματήστε και συνειδητοποιήστε ότι η έρευνα σε αυτή την περίπτωση σημαίνει να σερφάρετε πολλά από αυτά που θεωρείτε πραγματικά φανταστικές ιστοσελίδες. Ο Στίβεν Τζόνσον σημειώνει ότι η έρευνα είναι τόσο αποτελεσματική, διότι οδηγεί στη βελτίωση της δημιουργίας των αποκαλούμενων "παρακείμενων δυνατών" - των δυνατοτήτων που βρίσκονται ακριβώς πέρα από τα όρια των σημερινών τρόπων θέασης των πραγμάτων.
Θα ονομάσω αυτή την "πρόβλεψη εξέλιξης" ή "προληπτικό σχεδιασμό" ή "τακτική απομάκρυνση των συνόρων", μόνο για λακτίσματα.
4. Φαρμακονομία
Τι, μπορεί να αναρωτιέστε σε αυτό το σημείο, έχει αυτός ο τύπος για όλους αυτούς τους τυχαίους όρους; ΑΣΕ με να εξηγήσω.
Ο όρος "μη ταξινομικός χαρακτήρας" δανείζεται από μια γυναίκα που πέθανε πάρα πολύ σύντομα, ο λογοτέχνης κριτικός μου ήρωας Eve Kosofsky Sedgwick. Το μηχάνημα σημαίνει "για μία φορά", και μια ταξινόμηση είναι φυσικά ένα σύστημα ονομασίας. Επομένως, μια "ταξική ταξινόμηση" είναι ένα σύστημα εννοιών και ορολογίας που είναι προσαρμοσμένο για το συγκεκριμένο έργο και απορρίπτεται ή ανασχηματίζεται μόλις γίνει δυσκίνητο ή χωρίς νόημα.
Όχι μόνο αυτός ο τρόπος σκέψης για ένα έργο επιτρέπει μια καλή προσφορά φρέσκων ιδεών, σας επιτρέπει επίσης να προσαρμόσετε κάθε έργο στις συγκεκριμένες (και ιδιόρρυθμες) απαιτήσεις του πελάτη. Ένας απλός τρόπος εφευρέσεως μιας ταξινόμησης nonce είναι να δουλέψουμε για λίγο και έπειτα στο whiteboard μια λίστα όρων, θεμάτων, ιδεών, επαναλαμβανόμενων προτύπων και στοιχείων κώδικα που φαίνονται πιο συναφή με το συγκεκριμένο έργο. Δείτε αν αυτοί προσφέρονται για περαιτέρω πρότυπα ή όρους και προσθέστε και αφαιρέστε τακτικά από τη λίστα όπως κρίνετε κατάλληλο. Η ιδέα εδώ είναι να ενταχθεί στην κινητικότητα και την ευελιξία που είναι απαραίτητα για κάθε δημιουργικό έργο.
Ως περαιτέρω παρατήρηση, οι γλώσσες XML και OOP είναι μη ταξινομικά συστήματα, παρόλο που είναι προφανώς λίγο πιο δεσμευμένοι από κανόνες. Όσον αφορά πιο συγκεκριμένες πρακτικές, ο ταξινομικός σχεδιασμός nonce μπορεί να ενσωματωθεί σε όλα, από ονόματα μεταβλητών μέχρι τεκμηρίωση και σίγουρα μπορεί να χρησιμοποιηθεί για να εμπλουτίσει τις αλληλεπιδράσεις των πελατών (Jargon είναι σέξι ). Θα μπορούσατε να πείτε ότι παρέχει μια "ψυχή" για το έργο, αν είστε σε τέτοια πράγματα. Είχα έρθει με ένα κακόβουλο λέιζερ εδώ, αλλά νομίζω ότι αυτό είναι ένα πράγμα της ομορφιάς από μόνο του. RIP Eve.
5. Ζώνη επαφής
Αυτός ο όρος αναπτύχθηκε από έναν κριτικό που ονομάζεται Mary Louise Pratt ως απάντηση στην ιδέα των συνόρων (όπως στα σύνορα του Άγριου Δυτικού). Ισχυρίστηκε ότι τα σύνορα είναι λάθος μεταφορά για την κατάσταση, επειδή υπονοούν μόνο ότι η δράση συμβαίνει προς μία κατεύθυνση από τη μια οπτική γωνία. Το γεγονός είναι ότι ακόμη και σε καταστάσεις εξαιρετικών ανισορροπιών εξουσίας, όπως μεταξύ των καουμπόηδων και των Ινδιάνων, πολλαπλές προοπτικές και κίνητρα και από τις δύο πλευρές διαμορφώνουν το αποτέλεσμα. Αναγνωρίζοντας την επιρροή αυτών των πολλαπλών επιθυμιών, μπορεί να γίνει πιο ρεαλιστική εκτίμηση του τι οδηγεί σε επιτυχίες και αποτυχίες σε μια δεδομένη κατάσταση.
Τι κάνει λοιπόν αυτό το μικρό ρεβιζιονιστικό μάθημα ιστορίας με το web design; Ένας δικτυακός τόπος είναι μια ζώνη επαφής υπό την έννοια ότι έχετε έναν σχεδιαστή και έναν χρήστη και είναι γενικά μια πολύ ανισορροπημένη αλληλεπίδραση. Παρόλο που οι ιστότοποι Web 2.0 προσφέρουν ένα κομμάτι προσαρμογής θεμάτων και φυσικά πλατφόρμες επικοινωνίας, είναι πολύ μακριά από το να παραδώσουν τα ηνία στον κώδικα και να αφήσουν οποιονδήποτε να κάνει ό, τι θέλει. Γιατί λοιπόν κάποιοι αποτυγχάνουν και άλλοι επιτυγχάνουν;
Η δύναμη ενός ιστότοπου όπως το Reddit είναι ότι οι δημιουργοί του κρατούν τους χρήστες του στον βρόχο της δημιουργίας και της τροποποίησης. Είναι όσο το δυνατόν πιο απρόσκοπτη από την άποψη της ιδιωτικής ζωής και ακόμη και της διάταξης, και έτσι η αίσθηση της ύπαρξής της ως ζώνης επαφής παραμένει στην πρώτη γραμμή. Θέλω να πω, σκεφτήκατε ποτέ πραγματικά την Reddit; Δεν υπάρχει τίποτα εκεί (αλλά χιλιάδες Redditors). Οι σχεδιαστές και οι χρήστες δημιουργούν ένα βρόχο ανατροφοδότησης που αυτο-σχεδιάζει το site.
Παρόλο που ο όρος "ζώνη επαφής" είναι αρκετά αξιοπρεπής από μόνη της, ας ρίξουμε μερικές ακόμα λέξεις-κλειδιά διασκέδασης σχεδιασμού: "διαπερατή διεπαφή" ή "γενετική ανατροφοδότηση".
6. Το μέσο είναι το μήνυμα
Ο διάσημος τεχνικός-οραματιστής Marshall McLuhan διατύπωσε την ιδέα των "καυτών" και "κρύων" τεχνολογιών. Εάν μια τεχνολογία είναι "καυτή", σας δίνει σχεδόν όλες τις πληροφορίες που χρειάζεστε, αφήνοντας ελάχιστα τη φαντασία - σκεφτείτε τηλεοράσεις μεγάλης οθόνης 80 ιντσών ή ταινίες 3D. Όσο πιο ψυχρή είναι η τεχνολογία, τόσο περισσότερο απαιτείται συμμετοχή και εμπλοκή (το Reddit είναι κρύο ... τόσο κρύο, babe).
Όταν ο McLuhan είπε ότι το μέσο είναι το μήνυμα, εννοούσε ότι τα ΜΜΕ μετασχηματίζουν τον τρόπο που σκεφτόμαστε και γνωρίζουμε τον κόσμο. Καθώς όλο και βυθίζουμε πλήρως τις ψυχρές τεχνολογίες στο διαδίκτυο, αρχίζουν να αλλάζουν κυριολεκτικά τις αντιλήψεις μας. Ποιος θα είναι ο κόσμος χωρίς το Facebook; Δεν θέλω να ζήσω σε αυτόν τον κόσμο. Λοιπόν, ίσως. Έχει θερμανθεί λίγο περισσότερο για τα γούστα μου πρόσφατα.
Προτού να υποχωρήσω πολύ μακριά από τις ρήξεις ενός τεχνάβου με λασπώδη πυκνότητα εδώ, επιτρέψτε μου να καταλάβω γιατί οι παρατηρήσεις του McLuhan έχουν σημασία. Μας δίνει μια νέα ορολογία για να σκεφτόμαστε τον αντίκτυπο μιας ιστοσελίδας. Ως επί το πλείστον, όπως έχει αναπτυχθεί ο ιστός, έχει μετατραπεί ολοένα και περισσότερο από μια θερμή τεχνολογία σε μια κρύα τεχνολογία, ιδιαίτερα με την επιτάχυνση του σχεδιασμού του Web 2.0 τα τελευταία χρόνια. Τώρα μπορείτε να προσαρμόσετε πολύ περισσότερα από αυτά που βλέπετε και να αλληλεπιδράσετε και να παράγετε περιεχόμενο με τρόπους που ήταν αδιανόητοι λίγο πριν. Δεν έχει τελειώσει ακόμα. Με τα smart phones ειδικότερα, το μέσο / μήνυμα αλλάζει πάλι, νομίζω ότι για το θερμότερο επειδή η διεπαφή γίνεται τόσο απρόσκοπτη είναι δύσκολο να ξεφύγουμε.
Θα υπάρχουν πάντα όσοι επιθυμούν το αντίθετο της κυρίαρχης "θερμοκρασίας", και αυτό είναι σοφό να έχουμε κατά νου όταν προσπαθούμε να ξεπεράσουμε τις παλιές τάσεις με το νέο σχεδιασμό ιστοσελίδων. Αξίζει επίσης να εξεταστεί ποιο είναι το εύρος της άνετης θερμοκρασίας για τους πελάτες σας και τους πελάτες τους - θέλουν πολλή αλληλεπίδραση ή είναι οι ίδιοι που επιθυμούν τις παλιές καλές μέρες όταν οι άνθρωποι θα τους έλεγαν τι να αγοράσουν; Είναι ο εμβληματικός τύπος Flash; Crazy για το δυναμικό περιεχόμενο που προσφέρεται από την PHP και άλλους; Ή επιστροφή σε κάποια καλή παλιομοδίτικη στατική HTML; Καθώς πλησιάζετε το σχεδιασμό για ένα νέο μέσο, μπορεί επίσης να είναι πολύτιμο να εξετάσετε ερωτήματα σχετικά με το πώς το ίδιο το μέσο μετασχηματίζει τις προσδοκίες και τις δυνατότητες του χρήστη και πώς αυτό επηρεάζει τον πρωταρχικό σκοπό του ιστότοπου.
Εάν χρειαζόμαστε μια ιδέα σχεδιασμού εδώ, ίσως μπορούμε να την ονομάσουμε "μέτρηση μέσων" ή "ζεστό μήνυμα" και "κρύο μήνυμα".
Αποκόλληση
Γενικά, η ιδιοφυΐα του ανταποκρινόμενου σχεδιασμού είναι ο τρόπος με τον οποίο εισάγει μια ξένη, αλλά ασυνείδητα σχετική έννοια, σε ένα εντελώς νέο πλαίσιο. Όταν το κάνετε αυτό, οι παλιές ιδέες ζωντανεύουν με νέους τρόπους. Η διασταύρωση των ιδεών είναι αυτό που οδηγεί φόρουμ όπως το TED, το IFTF και αυτό το eZine. Αν ξοδεύετε πολύ χρόνο να κάνετε ποδηλασία με τους ίδιους λέιζερ ξανά και ξανά, παραμένετε στάσιμοι και η δουλειά σας υποφέρει - τα πράγματα πρέπει να εξελίσσονται ή να πεθαίνουν. Προσφέροντας αυτές τις ιδέες εδώ, δεν είναι καθόλου η πρόθεσή μου να προσπαθήσω και να αναγκάσω ανεπιθύμητες προτάσεις σε έναν τομέα ήδη έξυπνων και παρακινημένων σχεδιαστών. Ο κύριος στόχος είναι απλά να είναι λίγο προκλητικός. Αν διευρύνουμε αυτό το είδος διεπιστημονικής εξερεύνησης στη Φιλοσοφία, την Ιστορία, την Πολιτική ή την Ψυχολογία - αυτές τις συχνά περιφρονημένες φιλελεύθερες τέχνες - φανταστείτε μόνο το πλήθος των νέων εννοιών που θα γίνουν διαθέσιμες.