Κατασκευή ιστοσελίδων στην Καισαριανή: πρώτα χάρτης σελίδων, μετά σχεδιασμός
Για μια σωστή ιστοσελίδα στην Καισαριανή, η δομή πρέπει να αποφασιστεί πριν από τα χρώματα και τα εφέ. Ο χάρτης σελίδων δείχνει τι χρειάζεται πραγματικά, η ιεράρχηση πληροφοριών ορίζει τι βλέπει πρώτα ο χρήστης και η συντήρηση περιεχομένου εξασφαλίζει ότι η παρουσία παραμένει ενημερωμένη.
Ο χάρτης περιεχομένου ως εργαλείο απόφασης
Ένας καλός χάρτης σελίδων δεν είναι απλώς λίστα ονομάτων στο μενού. Περιγράφει τον ρόλο κάθε σελίδας, ποια ερώτηση καλείται να απαντήσει, ποια πληροφορία χρειάζεται και ποιος θα μπορεί να την ενημερώνει. Με αυτόν τον τρόπο η δομή γίνεται κοινή αναφορά για επιχείρηση, κειμενογράφο και κατασκευαστή πριν εμφανιστούν σχεδιαστικές λεπτομέρειες.
| Τύπος σελίδας | Κύριος ρόλος | Κριτήριο ότι χρειάζεται |
|---|---|---|
| Αρχική | Προσανατολισμός και επιλογή βασικής διαδρομής | Χρειάζεται να συνδέει διαφορετικές ανάγκες χωρίς να αναλύει τα πάντα. |
| Υπηρεσία | Απάντηση σε συγκεκριμένη πρόθεση | Υπάρχουν ιδιαίτερες ερωτήσεις, όρια ή επόμενο βήμα για το αντικείμενο. |
| Σχετικά με την επιχείρηση | Πλαίσιο εμπιστοσύνης και ταυτότητας | Υπάρχει ουσιαστική πληροφορία που βοηθά τον επισκέπτη να καταλάβει ποιος αναλαμβάνει τι. |
| Επικοινωνία | Συγκέντρωση διαθέσιμων τρόπων επαφής | Ο χρήστης χρειάζεται ένα σαφές σημείο για στοιχεία, φόρμα και οδηγίες επικοινωνίας. |
Ο χάρτης λειτουργεί και ως μηχανισμός αφαίρεσης. Αν δύο σελίδες έχουν ίδιο σκοπό και ίδιο περιεχόμενο, πιθανόν δεν χρειάζονται να παραμείνουν χωριστές. Αν μια σημαντική ερώτηση δεν έχει φυσική θέση πουθενά, ο χάρτης αποκαλύπτει το κενό πριν αυτό μετατραπεί σε πρόχειρο τμήμα σε λάθος σελίδα.
Ξεκινάμε από ερωτήσεις πελατών και όχι από ονόματα μενού
Τα ονόματα «Αρχική», «Υπηρεσίες» και «Επικοινωνία» δεν αρκούν για να καθορίσουν τι πρέπει να γραφτεί. Η δομή γίνεται χρήσιμη όταν ξεκινά από τις πραγματικές ερωτήσεις που χρειάζεται να απαντηθούν για να προχωρήσει κάποιος. Συγκεντρώνουμε τις βασικές ερωτήσεις, τις ομαδοποιούμε ανά πρόθεση και έπειτα αποφασίζουμε αν κάθε ομάδα χρειάζεται αυτόνομη σελίδα ή μπορεί να ενταχθεί σε υπάρχουσα. Το μενού προκύπτει μετά από αυτή την εργασία.
Για κάθε προτεινόμενη σελίδα γράφουμε μία πρόταση που αρχίζει «αυτή η σελίδα υπάρχει για να…». Αν η πρόταση είναι αόριστη ή ίδια με άλλης σελίδας, ο ρόλος χρειάζεται αποσαφήνιση. Η αντιγραφή της δομής ενός ανταγωνιστή χωρίς να εξεταστούν οι δικές μας υπηρεσίες μπορεί να δημιουργήσει κατηγορίες που δεν ταιριάζουν και να κρύψει πληροφορίες που έχουν μεγαλύτερη σημασία για το δικό μας κοινό.
Η ιεράρχηση πληροφοριών αποφασίζει τι διαβάζεται πρώτο
Ακόμη και σωστή πληροφορία μπορεί να αποτύχει αν εμφανίζεται σε λάθος σειρά. Ο επισκέπτης χρειάζεται πρώτα πλαίσιο, μετά λεπτομέρεια και τέλος επιλογή ενέργειας. Η ιεράρχηση πληροφοριών οργανώνει αυτή τη σειρά σε κάθε σελίδα. Τοποθετούμε το βασικό συμπέρασμα ψηλά, ακολουθούμε με τα κριτήρια που βοηθούν την κατανόηση και κρατάμε τις εξειδικευμένες λεπτομέρειες χαμηλότερα. Οι τίτλοι λειτουργούν σαν σύντομος χάρτης ανάγνωσης.
Διαβάζουμε μόνο τους τίτλους και τις πρώτες προτάσεις. Αν ο αναγνώστης μπορεί να καταλάβει τη λογική της σελίδας χωρίς να διαβάσει ακόμη όλες τις λεπτομέρειες, η ιεράρχηση είναι λειτουργική. Η συνήθεια να ξεκινά κάθε σελίδα με γενικό εταιρικό πρόλογο καθυστερεί την απάντηση που αναζητά ο χρήστης. Το πλαίσιο της επιχείρησης έχει θέση, αλλά δεν πρέπει να εκτοπίζει την κύρια ανάγκη.
Οι υπηρεσίες χωρίζονται όταν αλλάζει πραγματικά η απόφαση
Δεν χρειάζεται κάθε μικρή παραλλαγή να αποκτήσει δική της σελίδα. Ο διαχωρισμός είναι χρήσιμος όταν αλλάζουν ουσιαστικά οι ερωτήσεις, το κοινό, η διαδικασία ή το επόμενο βήμα. Διαφορετικά η πληροφορία κατακερματίζεται. Συγκρίνουμε δύο υποψήφιες υπηρεσίες και σημειώνουμε τι θα γράφαμε διαφορετικά για καθεμία. Αν οι περισσότερες ενότητες είναι ίδιες, εξετάζουμε ενιαία σελίδα με σαφείς υποενότητες αντί για τεχνητό διαχωρισμό.
Ο έλεγχος γίνεται με το περιεχόμενο και όχι μόνο με τον τίτλο. Δύο σελίδες πρέπει να μπορούν να σταθούν χωρίς εκτεταμένη επανάληψη και να οδηγούν σε διαφορετική ή πιο συγκεκριμένη απόφαση. Οι σελίδες που δημιουργούνται αποκλειστικά για παραλλαγές μιας φράσης γίνονται δύσκολες στη συντήρηση και συχνά δεν προσφέρουν αρκετή νέα αξία στον άνθρωπο που τις διαβάζει.
Το περιεχόμενο γράφεται πάνω σε πραγματική δομή πριν γεμίσει η μακέτα
Η χρήση προσωρινών κειμένων μπορεί να βοηθήσει σε πρώτο οπτικό πείραμα, αλλά δεν πρέπει να καθορίζει το τελικό μέγεθος των ενοτήτων. Το πραγματικό περιεχόμενο έχει διαφορετικό μήκος, τίτλους, λίστες και απαιτήσεις. Προετοιμάζουμε τουλάχιστον τα βασικά κείμενα νωρίς και δοκιμάζουμε τη μακέτα με αυτά. Όπου το υλικό δεν είναι ακόμη έτοιμο, χρησιμοποιούμε ρεαλιστικά όρια και όχι ιδανικά μικρές φράσεις που κρύβουν προβλήματα χώρου.
Αλλάζουμε δοκιμαστικά έναν τίτλο σε μεγαλύτερο και προσθέτουμε μία επιπλέον παράγραφο. Η σελίδα πρέπει να παραμένει συνεπής χωρίς να χρειάζεται χειροκίνητη διόρθωση σε κάθε συσκευή. Όταν ο σχεδιασμός εγκρίνεται μόνο με τέλεια προσωρινά κείμενα, το πραγματικό περιεχόμενο αργότερα αναγκάζεται να χωρέσει σε καλούπι που δεν δημιουργήθηκε για αυτό.
Η συντήρηση περιεχομένου σχεδιάζεται ανά κατηγορία
Δεν αλλάζουν όλες οι πληροφορίες με τον ίδιο ρυθμό. Μια βασική περιγραφή μπορεί να παραμένει σταθερή, ενώ στοιχεία επικοινωνίας, ομάδα, ανακοινώσεις ή συγκεκριμένες υπηρεσίες χρειάζονται συχνότερο έλεγχο. Χωρίζουμε το περιεχόμενο σε σταθερό, περιοδικά ελεγχόμενο και συχνά μεταβαλλόμενο. Για κάθε κατηγορία ορίζουμε υπεύθυνο και απλή διαδικασία αλλαγής, ώστε η συντήρηση περιεχομένου να μην εξαρτάται από τυχαία υπενθύμιση.
Επιλέγουμε μια πραγματική αλλαγή που είναι πιθανό να συμβεί και την εκτελούμε πριν την παράδοση. Μετράμε πόσα βήματα απαιτεί και αν ο υπεύθυνος μπορεί να την ολοκληρώσει με ασφάλεια. Αν κάθε μικρή αλλαγή απαιτεί παρέμβαση σε κώδικα, η καθημερινή ενημέρωση γίνεται ακριβή και αργή. Αν, αντίθετα, δίνονται υπερβολικά δικαιώματα παντού, αυξάνεται ο κίνδυνος τυχαίας αλλοίωσης δομής.
Η επέκταση προβλέπεται ως δυνατότητα και όχι ως άδειο μενού
Είναι λογικό μια ιστοσελίδα να χρειαστεί νέες υπηρεσίες ή νέο υλικό στο μέλλον. Αυτό δεν σημαίνει ότι πρέπει από την πρώτη μέρα να εμφανίζει άδειες κατηγορίες ή σύνθετη πλοήγηση για σενάρια που δεν υπάρχουν ακόμη. Δημιουργούμε δομή με σαφείς τύπους σελίδων και προβλέπουμε πού θα ενταχθεί μια μελλοντική προσθήκη. Η δυνατότητα υπάρχει στο σύστημα, αλλά το δημόσιο μενού παραμένει όσο απλό επιβάλλει το σημερινό περιεχόμενο.
Κάνουμε μια άσκηση επέκτασης: προσθέτουμε νοητικά μία νέα υπηρεσία και μία νέα κατηγορία ενημερώσεων. Αν ξέρουμε πού εντάσσονται χωρίς να διαλυθεί η πλοήγηση, η αρχιτεκτονική έχει επαρκή ευελιξία. Η υπερβολική μελλοντολογία οδηγεί σε περίπλοκο έργο που πληρώνεται και συντηρείται σήμερα για ανάγκες που μπορεί να μην εμφανιστούν. Σχεδιάζουμε καθαρές δυνατότητες επέκτασης, όχι αχρησιμοποίητη πολυπλοκότητα.
Σχετικό υλικό για να ελέγξετε την πρόταση συνολικά
Μετά τον χάρτη σελίδων, αξίζει να συγκριθούν η συνολική διαδικασία υλοποίησης και η σχέση ανάμεσα σε απαιτήσεις και κόστος.
- βασικό πλαίσιο κατασκευής ιστοσελίδων: για να δείτε τα κύρια στοιχεία μιας επαγγελματικής παρουσίας
- στάδια σχεδιασμού και υλοποίησης: για να οργανώσετε απαιτήσεις, εγκρίσεις και παράδοση
- παράγοντες τιμολόγησης ιστοσελίδας: για να εκτιμήσετε πώς η δομή και οι λειτουργίες επηρεάζουν το εύρος του έργου
Δύο ενδείξεις ότι η δομή χρειάζεται επανεξέταση
Η πρώτη ένδειξη είναι όταν το ίδιο κείμενο μπορεί να τοποθετηθεί σχεδόν αυτούσιο σε πολλές σελίδες. Αυτό συνήθως σημαίνει ότι οι ρόλοι τους δεν έχουν διαφοροποιηθεί ή ότι ο χάρτης σελίδων δημιουργήθηκε πριν ξεκαθαριστεί το περιεχόμενο. Η λύση δεν είναι περισσότερες λέξεις, αλλά καλύτερος διαχωρισμός προθέσεων και ερωτήσεων.
Η δεύτερη ένδειξη είναι όταν κανείς δεν γνωρίζει ποιος θα ενημερώνει μια σελίδα μετά τη δημοσίευση. Μια ενότητα μπορεί να φαίνεται χρήσιμη στην αρχή, αλλά αν εξαρτάται από συνεχή φροντίδα που δεν έχει ανατεθεί, θα ξεπεραστεί. Η βιωσιμότητα περιεχομένου είναι μέρος της αρχιτεκτονικής και όχι διοικητική λεπτομέρεια.
Ο χάρτης σελίδων είναι η πρώτη πραγματική μακέτα
Στην κατασκευή ιστοσελίδας στην Καισαριανή, ο χάρτης σελίδων αποκαλύπτει νωρίς τι χρειάζεται να ειπωθεί, πού ανήκει και ποιος θα το φροντίζει. Όταν η ιεράρχηση πληροφοριών και η συντήρηση περιεχομένου αποφασιστούν πριν από την οπτική λεπτομέρεια, ο σχεδιασμός παύει να είναι άσκηση εντυπωσιασμού και γίνεται τρόπος να παρουσιαστεί σωστά μια ήδη καθαρή δομή.