Ανακατασκευή ιστοσελίδων: από την παλιά ιστοσελίδα σε εργαλείο που δουλεύει καλύτερα

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

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

Πότε χρειάζεται πλήρης ανακατασκευή και πότε όχι

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

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

Τι κρατάμε από την υπάρχουσα ιστοσελίδα

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

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

Πίνακας κριτηρίων: πώς κρίνεται το αποτέλεσμα

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

Περιεχόμενο και αρχιτεκτονική πληροφορίας

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

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

Τεχνική μετάβαση χωρίς να χαθεί η λογική του παλιού ιστοσελίδα

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

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

Έλεγχος πριν και μετά τη δημοσίευση

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

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

Η σωστή ερώτηση πριν ξεκινήσει το έργο

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

Πώς ιεραρχούμε τις αλλαγές χωρίς να χαθεί ο έλεγχος

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

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

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