Πορτρέτο του Ξενοφών Απάκη
Ξενοφών Απάκης
Web designer και developer από το 1997

kataskeyi istoselidon

kataskeyi istoselidon

· Με δύο λόγια

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

Αρχιτεκτονική ιστοσελίδας: πώς οργανώνεται η πληροφορία για να βρίσκει νόημα ο επισκέπτης

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

Ξεκινάμε από ερωτήσεις, όχι από το μενού

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

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

Πώς σχηματίζεται ένας λειτουργικός χάρτης σελίδων

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

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

Η ονοματολογία επηρεάζει την εμπιστοσύνη

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

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

Σελίδα υπηρεσίας ή άρθρο γνώσης;

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

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

Η δομή μιας μεμονωμένης σελίδας

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

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

Σχέσεις ανάμεσα σε κατηγορίες και σελίδες

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

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

Προσβασιμότητα και ευχρηστία στην πράξη

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

Μικρός έλεγχος πριν εγκριθεί ο χάρτης

  1. Μπορεί ο επισκέπτης να εξηγήσει τι προσφέρει κάθε βασική ενότητα;
  2. Υπάρχει συγκεκριμένος λόγος ύπαρξης για κάθε αυτοτελή σελίδα;
  3. Ο ίδιος όρος χρησιμοποιείται σταθερά στη διαδρομή αναζήτησης;
  4. Η επικοινωνία είναι προσιτή από τις σχετικές σελίδες;
  5. Οι μελλοντικές προσθήκες χωρούν στην υπάρχουσα ταξινόμηση;

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

Πώς βοηθούν οι πραγματικές δοκιμές εύρεσης;

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

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

Πώς αντιμετωπίζουμε παλιές διευθύνσεις;

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

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

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

Τι αξίζει να ζητήσουμε στην παράδοση;

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