WYSIWYGs και το τέλος του σχεδιασμού ιστοσελίδων όπως το ξέρουμε
Με Squarespace (και παρόμοιες πλατφόρμες) στην αγορά, ο σχεδιασμός δικτυακών τόπων Do-It-Yourself έγινε πιο ισχυρός.
Εδώ είναι αυτό που σημαίνει για τους προγραμματιστές ιστοτόπων όσον αφορά την αξιοποίηση του Squarespace ως εργαλείο ανάπτυξης και από την άποψη της προστιθέμενης αξίας σε ό, τι δεν μπορεί να κάνει το Squarespace.
Η πίτα ανάπτυξης ιστοσελίδων, έγινε απλά μικρότερη;
Πίσω στις ημέρες που οι οργανώσεις χρησιμοποιούσαν για να ξοδεύουν δολάρια για δολάρια μόνο για ένα σύστημα CMS και την αδειοδότηση μόνη της (και αυτό ήταν πάνω από το κόστος του CMS set-up ή προσαρμογής) την κατανομή του χρόνου που επενδύθηκε σε διάφορα μέρη του "web development προσπάθεια "φαινόταν κάτι τέτοιο:
- ~ ~ 1/3 ανάπτυξη - που αποτελείται από theming, commoditized ανάπτυξη (δηλαδή οτιδήποτε μπορείτε να πάρετε μια plug-in ή 3rd party βιβλιοθήκη για να κάνετε ακριβώς), και προσαρμοσμένη ανάπτυξη.
- ~ 1/4 διαχείριση έργου και επικοινωνίας (ανάλογα με το μέγεθος του έργου).
- ~ 5/12 ήταν όραμα και οπτικά (π.χ. στρατηγική μάρκας, οπτικό σχέδιο, χρηστικότητα, περιεχόμενο).
Σε αυτή την εποχή, πλατφόρμες ανοιχτού κώδικα όπως το Drupal και το WordPress ήταν στα αρχικά στάδια. Υπήρχαν, αλλά δεν είχαν τη διείσδυση στην αγορά που κάνουν σήμερα.
Με την πάροδο του χρόνου, οι Drupals, οι WordPresses και τα παρόμοια, έγιναν mainstream. Στην πραγματικότητα, έριξαν το κατώτατο σημείο από αυτό που οι προγραμματιστές μπορούσαν να χρεώσουν για ένα CMS. Σε δίκαιη κατάσταση, έριξαν επίσης το κατώτατο όριο από τη σχετική εργασία για τη δημιουργία ενός ιστότοπου με CMS.
Έτσι βλέπουμε ένα κομμάτι της πίτας ανάπτυξης, πηγαίνει μακριά:
Σήμερα, οι πλατφόρμες όπως το Squarespace έχουν «διπλασιάσει» το θεματικό μέρος της ανάπτυξης. Έτσι τώρα το τμήμα ανάπτυξης της πίτας (μερικές φορές) μοιάζει με αυτό:
Και πέντε χρόνια από τώρα; Μια λογική πρόβλεψη είναι ότι οι προσαρμοσμένες ανάγκες κωδικοποίησης (με τη γενική έννοια) θα πέσουν έξω από την εικόνα.
Είναι η πλατφόρμα ανάπτυξης ιστοσελίδων μικρότερη;
Η απάντηση είναι ένα ηχηρό, "Μερικές φορές!". Βασικά, τα μοντέρνα CMS και το Squarespace έχουν μειώσει την ανάγκη για προγραμματιστές που πρέπει να κάνουν πράγματα που έπρεπε να κάνουν στο παρελθόν.
Ανάλογα με το έργο αυτό μπορεί να σημαίνει:
- Ο ρόλος του προγραμματιστή είναι πολύ μικρός ή σχεδόν μηδενικός
- Ο προγραμματιστής μπορεί τώρα να επιφορτιστεί με μεγαλύτερα, καλύτερα και μεγαλύτερα προσαρμοσμένα πράγματα που σχετίζονται με την επιχείρηση
- Το έργο είναι τέτοιο ώστε μια λύση τύπου Squarespace δεν θα αρκεί ούτως ή άλλως, οπότε τίποτα δεν έχει αλλάξει πολλά.
Τι κάνει το Squarespace πραγματικά καλά;
Το Squarespace, ουσιαστικά, καταργεί την ανάγκη ενός προγραμματιστή να συμμετέχει ενεργά στην παραγωγή της κύριας ροής μιας ιστοσελίδας (μιας συγκεκριμένης κλίμακας και πολυπλοκότητας).
Το Squarespace παρέχει
- Ένα ισχυρό και εύχρηστο CMS
- Πολύ ευέλικτος έλεγχος διάταξης σελίδας
- Είναι φιλική προς το χρήστη και φιλική προς κινητά εκτός από το κουτί
- Έχει μερικά τρέχοντα χαρακτηριστικά όπως η παράλλαξη parallax
- Ένα ευρύ σύνολο χαρακτηριστικών που περιλαμβάνει μενού, ιστολόγια, εμπόριο κλπ.
Η καμπύλη μάθησης δεν είναι πολύ κακή. Από την άποψη των ελέγχων της Squarespace για το στυλ, τη διάταξη και τα στοιχεία ελέγχου σελίδας, ένας σχεδιαστής / προγραμματιστής ιστοσελίδων κάποιου εύλογου επιπέδου ικανότητας μπορεί να γίνει ένας «χρήστης ενέργειας» μέσα σε μία ή δύο ώρες.
Το Squarespace καθιστά εύκολη την επανάληψη και τις γρήγορες πρωτότυπες ιδέες
Είμαι σχεδιαστής με μια ικανότητα για το περιεχόμενο, το branding και τη στρατηγική. Έτσι, όταν δουλεύω μια τοποθεσία της οποίας τελικός προορισμός είναι το Drupal ή το WordPress (ή παρόμοιο), αρχίζω να σχεδιάζω στο Photoshop. Στη συνέχεια, ένας προγραμματιστής παίρνει τη δουλειά μου στο CMS επιλογής.
Ωστόσο, σε ένα έργο Squarespace, κάνω το σχεδιασμό, την ανάπτυξη, την αρχιτεκτονική, την ανάπτυξη περιεχομένου και τον πειραματισμό με φωτογραφίες στην περιοχή. Θα παραδεχθώ ότι, καταρχάς, με την προσέγγιση αυτή απογοήτευσα. Αλλά πολύ γρήγορα, το πήρα άνετα. Η δυνατότητα επανάληψης (χωρίς να μεταβείτε σε προγραμματιστή) μέσω της επωνυμίας, των μηνυμάτων, του περιεχομένου και της copywriting, της πλοήγησης και της αρχιτεκτονικής, του σχεδιασμού, των χρωμάτων, της διάταξης, των φωτογραφιών κλπ.
Ποιους ανθρώπους και ρόλους χρειάζεστε για να προβάλλετε ένα έργο Squarespace;
Εμπειρογνώμονες επωνυμίας και μηνυμάτων
Οι πελάτες σας θα εξακολουθήσουν να χρειάζονται βοήθεια για τον εντοπισμό, την άρθρωση και την παρουσίαση βασικών ιδεών στο κοινό τους. Καμία τεχνολογία δεν μπορεί να κάνει αυτό το είδος σκέψης, να στρατηγική, να ρωτήσει συγκεκριμένα ερωτήματα, να συλλέξει πληροφορίες και να καταλάβει τα βασικά συμπεράσματα. Τα σπίτια ανάπτυξης ιστοσελίδων πρέπει να σιγουρευτούν ότι οι άνθρωποι τους έχουν πάρει καλές μπριζόλες για αυτό το βασικό κομμάτι.
Μου αρέσει αυτό το απόσπασμα από έναν από τους αγαπημένους πελάτες μου, ο οποίος είναι ο Διευθυντής Επικοινωνιών & Μάρκετινγκ σε ένα αναγνωρισμένο ιδιωτικό σχολείο στη Νέα Αγγλία:
Η επωνυμία δεν αφορά την επανεφεύρεση του ποιος είσαι. Πρόκειται για την ΑΠΟΚΑΛΥΨΗ ποιος είσαι.
- Cheri Cross, Διευθυντής Επικοινωνιών και Μάρκετινγκ, Northfield Mount Hermon
Σχεδιαστές (με τη σωστή στάση)
Έχω παρατηρήσει περιπτώσεις όπου ένας σχεδιαστής αισθάνεται απογοητευμένος ότι είναι τοποθετημένοι σε ένα έργο Squarespace, επειδή αισθάνεται ότι πάρα πολλές επιλογές σχεδιασμού δεν είναι εφικτές. Ωστόσο, οι σχεδιαστές που γίνονται δημιουργικοί με το πώς να κυριαρχήσουν τα εργαλεία αυτά, και να δημιουργήσουν ακόμα μοναδικά σχέδια αίσθησης, θα έχουν την μεγαλύτερη επιτυχία. Και η πιο διασκεδαστική!
Για παράδειγμα, ένας από τους πελάτες μας είναι ένα μοναδικό γυμναστήριο στούντιο, κρυμμένο σε μια μικρή πόλη της δυτικής Μασαχουσέτης. Σε αντίθεση με τους ανταγωνιστές τους με μεγάλα κουτιά (που συχνά έχουν λιγότερο έμπειρους ή εκπαιδευτές ρολογιών), Fitness Fusion προσφέρει δημιουργική και έντονη ομαδική εκπαίδευση και 1-1 προσωπική εκπαίδευση που παρέχεται από αφοσιωμένους ειδικούς που γνωρίζουν τα πράγματα. Διακρίνονται από τα crossfits εκεί έξω εξυπηρετώντας όλα τα επίπεδα γυμναστικής μέσω μιας εξατομικευμένης προσέγγισης (σε αντίθεση με την εθνική "workout της ημέρας" του Crossfit) και με έμφαση στις βασικές μορφές (για καλύτερα αποτελέσματα και αποφυγή τραυματισμών).
Τα βασικά μηνύματα που συγκεντρώθηκαν από συνομιλίες επωνυμίας και στρατηγικής ήταν:
- Αυτό είναι ένα γυμναστήριο για όλα τα επίπεδα που θέλουν να δώσουν το 100%
- Θα έχετε δημιουργικές και ενδιαφέρουσες προπονήσεις
- Είναι μια υποστηρικτική ατμόσφαιρα χωρίς κρίση
Προσαρμόσαμε το θέμα "Marquee" του Squarespace για τη δημιουργία του ιστότοπου. Αλλά αντί για μια εικόνα πλήρους οθόνης στην αρχική σελίδα (που είναι μια επιλογή σε αυτό το θέμα), θέλαμε να κάνει κάτι περισσότερο. Το Squarespace δεν υποστηρίζει ακόμη την προβολή πλήρους οθόνης ως στοιχείο σχεδιασμού διεπαφής. Αλλά αυτό θέλαμε, οπότε είδαμε πώς το εργαστήκαμε γύρω του.
Προσλήφθηκε ένας βιντεογράφος, Kirby Productions, να βγάζετε βίντεο "όλων των επιπέδων" ατόμων που κάνουν σπριντ. Στη συνέχεια, πήραμε το ακατέργαστο βίντεο, το συμπιέσαμε, το γκρίζα κλίμακα και μετατράπηκε σε κινούμενο .gif. (Το Black & White είναι καλύτερο για φόρτωση, ακόμα και στα σημερινά περιβάλλοντα υψηλού εύρους ζώνης). Και έχει μια σκόπιμα gritty αίσθηση ότι εργάζεται για το σήμα του γυμναστηρίου, ενώ αισθάνεται "δροσερό" και μεταφέρει όλα τα επίπεδα. Ως πρόσθετο πλεονέκτημα, χρησιμοποιήσαμε επίσης την παράλλαξη parallax στην αρχική σελίδα (άλλο χαρακτηριστικό του θέματος Marquee).
Καλό copywriters
Υποθέτω ότι είναι δεδομένο ότι η καλή διαδικτυακή copywriting θα ενσωματώσει τις βέλτιστες πρακτικές όσον αφορά:
- Κάνοντας το περιεχόμενο εύπεπτο και σαρωτό με πολλαπλά σημεία εισόδου
- Χρήση των επικεφαλίδων και υποκεφαλαίων
- Χρήση του αρνητικού χώρου
- Εικόνες, εικονίδια, βίντεο, διαγράμματα
- Ελαχιστοποίηση της "ευτυχής ομιλίας" (Ο όρος "ευτυχής ομιλία" επινοήθηκε από τον Steve Krug, συγγραφέα του "Do not Make Me Think").
Αλλά, οι σχεδιαστές και οι copywriters θα έκαναν επίσης καλά να θυμούνται ότι το να βγάλεις ό, τι να πεις και πώς να παραδώσεις το μήνυμα είναι να είσαι ηθοποιός και να παίζεις μερικούς ρόλους ταυτόχρονα:
Ρόλος # 1: εξωτερικός σύμβουλος: με την εμπειρία της βιομηχανίας, προοπτική, καταλαβαίνω
Ρόλος # 2: Προοπτική των ενδιαφερομένων μερών του πελάτη: Είτε ο ιδιοκτήτης, ο Διευθύνων Σύμβουλος, ο Διευθυντής Μάρκετινγκ κ.λπ. είτε κάποιος συνδυασμός αυτών των ρόλων.
Ρόλος # 3: Ο τελικός πελάτης
Επίσης, οι επαγγελματίες του διαδικτυακού περιεχομένου που κατανοούν το σχεδιασμό σύγκλισης και το περιεχόμενο που αναπτύσσεται σε συνεννόηση μεταξύ τους, θα έχουν ένα πλεονέκτημα.
Κάποια υποστήριξη προγραμματιστών
Για να κάνετε λίγες προσαρμογές και να βοηθήσετε με οποιαδήποτε πιο τεχνικά στοιχεία, είναι χρήσιμο να έχετε πρόσβαση σε προγραμματιστή για ένα έργο Squarespace. Αλλά γενικά, ο ρόλος του προγραμματιστή θα είναι ελάχιστος.
Πότε δεν είναι αρκετό το Squarespace;
Το "Squarespace's" έξω εκεί δεν καταβροχθίζει το θέμα των θεμάτων από την πίτα, αλλά είναι το Squarespace την απάντηση όλη την ώρα;
Με τίποτα.
Πότε είναι κάτι περισσότερο σαν το Drupal ή το WordPress η σωστή επιλογή;
- Όταν έχετε περισσότερους από δύο συντάκτες.
- Όταν έχετε προσαρμοσμένη ροή εργασίας (για παράδειγμα, η πλατφόρμα Squarespace είναι απλή και απλά δεν έχει έκδοση σελίδας και δεν υποστηρίζει διαδικασία έγκρισης).
- Όταν έχετε εξειδικευμένες άδειες ως προς το ποιος μπορεί να επεξεργαστεί τι.
- Όταν οι ανάγκες διαμόρφωσης είναι πιο συγκεκριμένες ή εξειδικευμένες από ότι μπορούν να καλυφθούν από τους ελέγχους που προσφέρει η πλατεία.
- Όταν αρχίζετε να χρειαστείτε προσαρμοσμένες λειτουργίες. Αν αυτή είναι η περίπτωση που θέλετε ο προγραμματιστής να τα άγκιστρα και τον έλεγχο στις άκρες των δακτύλων (π.χ. αναζήτηση, ταξινομήσετε τον κατάλογο προσωπικού, κατάλογο μαθημάτων, ολοκλήρωση με συγκεκριμένη πύλη πληρωμής, ειδικές ανάγκες ασφαλείας, περιοχές με κωδικό πρόσβασης, ενσωμάτωση LDAP, και τα λοιπα.)
Πρόσφατα συνεργαστήκαμε Smith College να επανασχεδιάσουν τον ιστότοπο για τις βιβλιοθήκες τους. Το εργαλείο επιλογής για αυτό το έργο ήταν, με τα χέρια κάτω, το Drupal. Γιατί;
Πρώτον, σε όλο τον κόσμο, το Smith College έκανε ήδη μια μετατροπή στο Drupal. Από την άποψη του κολλεγίου, έχοντας όλες τις σημαντικές τοποθεσίες τους χρησιμοποιώντας την ίδια πλατφόρμα, έχει νόημα.
Δεύτερον, μια πλατφόρμα τύπου "Squarespace" δεν θα είναι σε θέση να χειριστεί με ευχαρίστηση το επίπεδο του προσαρμοσμένου περιεχομένου, της εμφάνισης και των ενσωματωμένων χαρακτηριστικών που απαιτεί αυτό το έργο.
Για να προσφέρουμε ένα άλλο παράδειγμα, συνεργαστήκαμε με την ομάδα του Μουσείο Solomon R. Guggenheim για να δημιουργήσετε τη συλλογή ιστολογίου του μουσείου (site που προτάθηκε για το Webby Award). Το Μουσείο εντόπισε το WordPress ως πλατφόρμα blogging τους, καθώς οι εσωτερικές και εξωτερικές απαιτήσεις υπογράμμισαν σαφώς την ανάγκη για μια πλατφόρμα πιο ισχυρή από ένα CMS τύπου Squarespace.
Λέξεις σοφίας για τον επαγγελματία στον ιστό
Η παραχώρηση ορισμένων έργων σε σας δεν είναι πάντα κακό.
Για τις εταιρίες ανάπτυξης ιστοσελίδων που επικεντρώνονται πραγματικά στην "βαριά ανύψωση" όσον αφορά την ανάπτυξη και τον προγραμματισμό, τότε μπορεί να υπάρξουν νέα έργα που έρχονται κάτω από τις μύτες τους που μεταδίδουν. Τούτου λεχθέντος, η Guggenheim και η Nike του κόσμου θα χρειαστούν πάντα πιο προσαρμοσμένες λύσεις με περισσότερη ιπποδύναμη και τον έλεγχο των προγραμματιστών.
Να είστε έτοιμοι για τις ομάδες ανάπτυξης σας να παίρνουν ένα διαφορετικό σχήμα.
Είμαστε ένα μικρό κατάστημα σχεδίασης που ασχολείται με έργα διαφόρων μεγεθών, από τα χαμηλά έως τα μέσα 5 ψηφία, μέχρι τα 6 ψηφία, τυπικά όλοι στην ομάδα μας συμβάλλουν ταυτόχρονα σε πολλαπλά έργα.
Καθώς συγκεντρώνουμε ομάδες, διαθέτουμε πόρους και διαχειριζόμαστε την "κυκλοφορία" (π.χ. ποιος εργάζεται σε ποια έργα), βλέπουμε έργα που είναι πιο βαριά για προγραμματιστές (όχι το Squarespace) και εκείνα που είναι λιγότερο (π.χ. Squarespace).
Εργάζεστε με το Squarespace ή ένα παρόμοιο εργαλείο; Πιστεύετε ότι το Squarespace απειλεί τη βιομηχανία σχεδιασμού; Ενημερώστε μας στα σχόλια.