Δημιουργία ιστοσελίδων: οργανωμένη ροή για έργα με πολλές σελίδες και απαιτήσεις

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

Στάδιο Α: απογραφή πριν από οποιαδήποτε σχεδίαση

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

Παραδοτέο: πίνακας τύπων περιεχομένου και βασικών σελίδων, με υπεύθυνο και κατάσταση ετοιμότητας.

Στάδιο Β: σχεδιάζουμε σχέσεις, όχι μόνο μενού

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

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

Στάδιο Γ: δημιουργούμε μοντέλα περιεχομένου

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

Αν χρησιμοποιείται CMS (Σύστημα Διαχείρισης Περιεχομένου, Content Management System), το μοντέλο περιεχομένου καθορίζει τα πεδία διαχείρισης. Η οργάνωση πρέπει να αντικατοπτρίζει τον τρόπο εργασίας της επιχείρησης και όχι να αναγκάζει τους ανθρώπους να αποθηκεύουν δομημένα δεδομένα μέσα σε ένα μεγάλο ελεύθερο πεδίο κειμένου.

Στάδιο Δ: σχεδιάζουμε επαναχρησιμοποιήσιμα μοτίβα

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

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

Στάδιο Ε: χωρίζουμε την ανάπτυξη σε λειτουργικά πακέτα

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

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

Στάδιο ΣΤ: μεταφέρουμε περιεχόμενο με κανόνες

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

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

Στάδιο Ζ: κάνουμε έλεγχο ανά διαδρομή χρήστη

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

Παράλληλα γίνεται έλεγχος SEO (Βελτιστοποίηση για Μηχανές Αναζήτησης, Search Engine Optimization) σε επίπεδο δομής, τίτλων, εσωτερικών συνδέσεων και δυνατότητας ανίχνευσης. Δεν προσθέτουμε τεχνητά λέξεις σε κάθε παράγραφο. Στόχος είναι κάθε σελίδα να έχει καθαρό θέμα και να συνδέεται με τις υπόλοιπες με λογική.

Στάδιο Η: δημοσίευση με λίστα μετάβασης

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

Στάδιο Θ: περνάμε από το έργο στη διακυβέρνηση

Οι ιστοσελίδες που μεγαλώνουν χρειάζονται κανόνες συντήρησης. Ποιος μπορεί να δημιουργεί νέα κατηγορία; Ποιος εγκρίνει σελίδες; Πότε αποσύρεται παλιό περιεχόμενο; Πώς ονομάζονται εικόνες και αρχεία; Ποιος ελέγχει φόρμες και τεχνικά σφάλματα; Χωρίς αυτές τις απλές απαντήσεις, ακόμη και ένα άρτιο σύστημα αρχίζει να αποκτά ασυνέπειες μετά την παράδοση.

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

Στάδιο Ι: ορίζουμε κύκλο βελτίωσης μετά την έναρξη

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

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

Η παραγωγική ροή σε μία ματιά

1. Απογραφή σελίδων και υλικού.
2. Χαρτογράφηση σχέσεων και πλοήγησης.
3. Μοντέλα περιεχομένου και δικαιώματα.
4. Σύστημα σχεδιαστικών μοτίβων.
5. Ανάπτυξη σε λειτουργικά πακέτα.
6. Ελεγχόμενη εισαγωγή περιεχομένου.
7. Δοκιμές πραγματικών διαδρομών.
8. Σχεδιασμένη δημοσίευση.
9. Κανόνες διαχείρισης μετά την παράδοση.

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

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

Η συνέπεια αυτής της ροής κάνει και την επόμενη επέκταση πιο προβλέψιμη.